[["Accordion","shadcn","","npx shadcn@latest add accordion","https://ui.shadcn.com/docs/components/accordion",0,"",["accordion",0,0,0],59,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert","shadcn","","npx shadcn@latest add alert","https://ui.shadcn.com/docs/components/alert",0,"",["alert",0,1,0],79,"toast","alert|message,banner,callout|icons,monochrome|c"],["Alert dialog","shadcn","","npx shadcn@latest add alert-dialog","https://ui.shadcn.com/docs/components/alert-dialog",0,"",["alert-dialog",0,2,0],10,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Aspect ratio","shadcn","","npx shadcn@latest add aspect-ratio","https://ui.shadcn.com/docs/components/aspect-ratio",0,"",["aspect-ratio",0,3,0],84,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Avatar","shadcn","","npx shadcn@latest add avatar","https://ui.shadcn.com/docs/components/avatar",0,"",["avatar",0,4,0],38,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","shadcn","","npx shadcn@latest add badge","https://ui.shadcn.com/docs/components/badge",0,"",["badge",0,5,0],76,"misc","badge|label,status,pill|icons,monochrome,minimal|c"],["Breadcrumb","shadcn","","npx shadcn@latest add breadcrumb","https://ui.shadcn.com/docs/components/breadcrumb",0,"",["breadcrumb",0,6,0],40,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button","shadcn","","npx shadcn@latest add button","https://ui.shadcn.com/docs/components/button",0,"",["button",0,7,0],41,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button group","shadcn","","npx shadcn@latest add button-group","https://ui.shadcn.com/docs/components/button-group",0,"",["button-group",0,0,1],49,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Calendar","shadcn","","npx shadcn@latest add calendar","https://ui.shadcn.com/docs/components/calendar",0,"",["calendar",0,1,1],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card","shadcn","","npx shadcn@latest add card","https://ui.shadcn.com/docs/components/card",0,"",["card",0,2,5],81,"card","card|container,login,surface|no icons,monochrome|c"],["Carousel","shadcn","","npx shadcn@latest add carousel","https://ui.shadcn.com/docs/components/carousel",0,"",["carousel",0,3,5],36,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Chart","shadcn","","npx shadcn@latest add chart","https://ui.shadcn.com/docs/components/chart",0,"",["chart",0,4,5],100,"chart","chart|graph,data,dashboard|no icons|c"],["Checkbox","shadcn","","npx shadcn@latest add checkbox","https://ui.shadcn.com/docs/components/checkbox",0,"",["checkbox",1,3,2],87,"input","checkbox|form,notifications,checklist|icons,monochrome|c"],["Collapsible","shadcn","","npx shadcn@latest add collapsible","https://ui.shadcn.com/docs/components/collapsible",0,"",["collapsible",1,4,2],55,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Command","shadcn","","npx shadcn@latest add command","https://ui.shadcn.com/docs/components/command",0,"",["command",1,5,2],71,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Context menu","shadcn","","npx shadcn@latest add context-menu","https://ui.shadcn.com/docs/components/context-menu",0,"",["context-menu",1,6,2],14,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Dialog","shadcn","","npx shadcn@latest add dialog","https://ui.shadcn.com/docs/components/dialog",0,"",["dialog",1,0,3],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Drawer","shadcn","","npx shadcn@latest add drawer","https://ui.shadcn.com/docs/components/drawer",0,"",["drawer",1,1,3],11,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown menu","shadcn","","npx shadcn@latest add dropdown-menu","https://ui.shadcn.com/docs/components/dropdown-menu",0,"",["dropdown-menu",1,2,3],8,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Empty","shadcn","","npx shadcn@latest add empty","https://ui.shadcn.com/docs/components/empty",0,"",["empty",1,3,3],73,"misc","card|container,surface|icons,monochrome|c"],["Field","shadcn","","npx shadcn@latest add field","https://ui.shadcn.com/docs/components/field",0,"",["field",1,4,3],65,"input","input|text field,form,form control|icons,monochrome|c"],["Form","shadcn","","npx shadcn@latest add form","https://ui.shadcn.com/docs/components/form",0,"",["form",1,5,3],73,"input","form|inputs,fields|no icons,monochrome|c"],["Hover card","shadcn","","npx shadcn@latest add hover-card","https://ui.shadcn.com/docs/components/hover-card",0,"",["hover-card",1,6,3],5,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Input","shadcn","","npx shadcn@latest add input","https://ui.shadcn.com/docs/components/input",0,"",["input",1,7,3],32,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group","shadcn","","npx shadcn@latest add input-group","https://ui.shadcn.com/docs/components/input-group",0,"",["input-group",1,0,4],70,"input","input|text field,form,form control|icons,monochrome|c"],["Input otp","shadcn","","npx shadcn@latest add input-otp","https://ui.shadcn.com/docs/components/input-otp",0,"",["input-otp",1,1,4],7,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Item","shadcn","","npx shadcn@latest add item","https://ui.shadcn.com/docs/components/item",0,"",["item",1,2,4],60,"misc","card|container,surface|icons,monochrome|c"],["Kbd","shadcn","","npx shadcn@latest add kbd","https://ui.shadcn.com/docs/components/kbd",0,"",["kbd",1,3,4],36,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Label","shadcn","","npx shadcn@latest add label","https://ui.shadcn.com/docs/components/label",0,"",["label",1,4,4],11,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Menubar","shadcn","","npx shadcn@latest add menubar","https://ui.shadcn.com/docs/components/menubar",0,"",["menubar",1,2,5],12,"misc","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Navigation menu","shadcn","","npx shadcn@latest add navigation-menu","https://ui.shadcn.com/docs/components/navigation-menu",0,"",["navigation-menu",1,3,5],37,"navbar|b","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|b"],["Pagination","shadcn","","npx shadcn@latest add pagination","https://ui.shadcn.com/docs/components/pagination",0,"",["pagination",1,4,5],46,"misc","pagination|pages,navigation|icons,monochrome|c"],["Popover","shadcn","","npx shadcn@latest add popover","https://ui.shadcn.com/docs/components/popover",0,"",["popover",1,5,5],11,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Progress","shadcn","","npx shadcn@latest add progress","https://ui.shadcn.com/docs/components/progress",0,"",["progress",1,6,5],47,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Radio group","shadcn","","npx shadcn@latest add radio-group","https://ui.shadcn.com/docs/components/radio-group",0,"",["radio-group",1,7,5],46,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["Resizable","shadcn","","npx shadcn@latest add resizable","https://ui.shadcn.com/docs/components/resizable",0,"",["resizable",1,0,6],57,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Scroll area","shadcn","","npx shadcn@latest add scroll-area","https://ui.shadcn.com/docs/components/scroll-area",0,"",["scroll-area",1,1,6],20,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select","shadcn","","npx shadcn@latest add select","https://ui.shadcn.com/docs/components/select",0,"",["select",1,2,6],6,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","shadcn","","npx shadcn@latest add separator","https://ui.shadcn.com/docs/components/separator",0,"",["separator",1,3,6],55,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Sheet","shadcn","","npx shadcn@latest add sheet","https://ui.shadcn.com/docs/components/sheet",0,"",["sheet",1,4,6],8,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sidebar","shadcn","","npx shadcn@latest add sidebar","https://ui.shadcn.com/docs/components/sidebar",0,"",["sidebar",1,5,6],79,"section|b","sidebar|navigation,settings,account,menu,layout|icons,monochrome|b"],["Skeleton","shadcn","","npx shadcn@latest add skeleton","https://ui.shadcn.com/docs/components/skeleton",0,"",["skeleton",1,6,8],38,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Slider","shadcn","","npx shadcn@latest add slider","https://ui.shadcn.com/docs/components/slider",0,"",["slider",1,7,8],44,"input","slider|range,input|no icons,monochrome,minimal|c"],["Sonner","shadcn","","npx shadcn@latest add sonner","https://ui.shadcn.com/docs/components/sonner",0,"",["sonner",1,0,9],9,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Spinner","shadcn","","npx shadcn@latest add spinner","https://ui.shadcn.com/docs/components/spinner",0,"",["spinner",1,1,9],59,"loader","loader|spinner,pricing,loading,progress|icons,monochrome,minimal|c"],["Switch","shadcn","","npx shadcn@latest add switch","https://ui.shadcn.com/docs/components/switch",0,"",["switch",1,2,9],10,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Table","shadcn","","npx shadcn@latest add table","https://ui.shadcn.com/docs/components/table",0,"",["table",1,3,9],68,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Tabs","shadcn","","npx shadcn@latest add tabs","https://ui.shadcn.com/docs/components/tabs",0,"",["tabs",1,4,9],78,"tabs","tabs|tab bar,login,segmented control,navigation|no icons,monochrome|c"],["Textarea","shadcn","","npx shadcn@latest add textarea","https://ui.shadcn.com/docs/components/textarea",0,"",["textarea",1,5,9],7,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Toast","shadcn","","npx shadcn@latest add toast","https://ui.shadcn.com/docs/components/toast",0,"",["toast",1,6,9],9,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle","shadcn","","npx shadcn@latest add toggle","https://ui.shadcn.com/docs/components/toggle",0,"",["toggle",1,7,9],10,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle group","shadcn","","npx shadcn@latest add toggle-group","https://ui.shadcn.com/docs/components/toggle-group",0,"",["toggle-group",1,0,10],8,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Tooltip","shadcn","","npx shadcn@latest add tooltip","https://ui.shadcn.com/docs/components/tooltip",0,"",["tooltip",1,1,10],8,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Dashboard 01","shadcn","A dashboard with sidebar, charts and data table.","npx shadcn@latest add dashboard-01","https://ui.shadcn.com/blocks#dashboard-01",0,"",["dashboard-01",1,7,2],66,"section|b","dashboard|admin,analytics,app layout,pricing,account,app|icons|b"],["Sidebar 01","shadcn","A simple sidebar with navigation grouped by section.","npx shadcn@latest add sidebar-01","https://ui.shadcn.com/blocks/sidebar#sidebar-01",0,"",["sidebar-01",1,6,6],80,"section|b","sidebar|navigation,search,menu,layout|icons,monochrome|b"],["Sidebar 02","shadcn","A sidebar with collapsible sections.","npx shadcn@latest add sidebar-02","https://ui.shadcn.com/blocks/sidebar#sidebar-02",0,"",["sidebar-02",1,7,6],73,"section|b","sidebar|navigation,search,menu,layout|icons,monochrome|b"],["Sidebar 03","shadcn","A sidebar with submenus.","npx shadcn@latest add sidebar-03","https://ui.shadcn.com/blocks/sidebar#sidebar-03",0,"",["sidebar-03",1,0,7],80,"section|b","sidebar|navigation,menu,layout|icons,monochrome|b"],["Sidebar 04","shadcn","A floating sidebar with submenus.","npx shadcn@latest add sidebar-04","https://ui.shadcn.com/blocks/sidebar#sidebar-04",0,"",["sidebar-04",1,1,7],80,"section|b","sidebar|navigation,menu,layout|icons,monochrome|b"],["Sidebar 05","shadcn","A sidebar with collapsible submenus.","npx shadcn@latest add sidebar-05","https://ui.shadcn.com/blocks/sidebar#sidebar-05",0,"",["sidebar-05",1,2,7],80,"section|b","sidebar|navigation,search,menu,layout|icons,monochrome|b"],["Sidebar 06","shadcn","A sidebar with submenus as dropdowns.","npx shadcn@latest add sidebar-06","https://ui.shadcn.com/blocks/sidebar#sidebar-06",0,"",["sidebar-06",1,3,7],82,"section|b","sidebar|navigation,menu,layout|icons,monochrome|b"],["Sidebar 07","shadcn","A sidebar that collapses to icons.","npx shadcn@latest add sidebar-07","https://ui.shadcn.com/blocks/sidebar#sidebar-07",0,"",["sidebar-07",1,4,7],79,"section|b","sidebar|navigation,settings,account,menu,layout|icons,monochrome|b"],["Sidebar 08","shadcn","An inset sidebar with secondary navigation.","npx shadcn@latest add sidebar-08","https://ui.shadcn.com/blocks/sidebar#sidebar-08",0,"",["sidebar-08",1,5,7],80,"section|b","sidebar|navigation,settings,account,menu,layout|icons,monochrome|b"],["Sidebar 09","shadcn","Collapsible nested sidebars.","npx shadcn@latest add sidebar-09","https://ui.shadcn.com/blocks/sidebar#sidebar-09",0,"",["sidebar-09",1,6,7],73,"section|b","sidebar|navigation,notifications,account,menu,layout|icons,monochrome|b"],["Sidebar 10","shadcn","A sidebar in a popover.","npx shadcn@latest add sidebar-10","https://ui.shadcn.com/blocks/sidebar#sidebar-10",0,"",["sidebar-10",1,7,7],78,"section|b","sidebar|navigation,tasks,notifications,menu,layout|icons,monochrome|b"],["Sidebar 11","shadcn","A sidebar with a collapsible file tree.","npx shadcn@latest add sidebar-11","https://ui.shadcn.com/blocks/sidebar#sidebar-11",0,"",["sidebar-11",1,0,8],79,"section|b","sidebar|navigation,menu,layout|icons,monochrome|b"],["Sidebar 12","shadcn","A sidebar with a calendar.","npx shadcn@latest add sidebar-12","https://ui.shadcn.com/blocks/sidebar#sidebar-12",0,"",["sidebar-12",1,1,8],80,"section|b","sidebar|navigation,notifications,account,menu,layout|icons,monochrome|b"],["Sidebar 13","shadcn","A sidebar in a dialog.","npx shadcn@latest add sidebar-13","https://ui.shadcn.com/blocks/sidebar#sidebar-13",0,"",["sidebar-13",1,2,8],86,"section|b","sidebar|navigation,settings,notifications,menu,layout|icons,monochrome|b"],["Sidebar 14","shadcn","A sidebar on the right.","npx shadcn@latest add sidebar-14","https://ui.shadcn.com/blocks/sidebar#sidebar-14",0,"",["sidebar-14",1,3,8],79,"section|b","sidebar|navigation,menu,layout|icons,monochrome|b"],["Sidebar 15","shadcn","A left and right sidebar.","npx shadcn@latest add sidebar-15","https://ui.shadcn.com/blocks/sidebar#sidebar-15",0,"",["sidebar-15",1,4,8],84,"section|b","sidebar|navigation,tasks,notifications,menu,layout|icons,monochrome|b"],["Sidebar 16","shadcn","A sidebar with a sticky site header.","npx shadcn@latest add sidebar-16","https://ui.shadcn.com/blocks/sidebar#sidebar-16",0,"",["sidebar-16",1,5,8],80,"section|b","sidebar|navigation,settings,account,menu,layout|icons,monochrome|b"],["Login 01","shadcn","A simple login form.","npx shadcn@latest add login-01","https://ui.shadcn.com/blocks/login#login-01",0,"",["login-01",1,5,4],85,"section|b","login|sign in,sign up,auth form|no icons,monochrome|b"],["Login 02","shadcn","A two column login page with a cover image.","npx shadcn@latest add login-02","https://ui.shadcn.com/blocks/login#login-02",0,"",["login-02",1,6,4],86,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Login 03","shadcn","A login page with a muted background color.","npx shadcn@latest add login-03","https://ui.shadcn.com/blocks/login#login-03",0,"",["login-03",1,7,4],87,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Login 04","shadcn","A login page with form and image.","npx shadcn@latest add login-04","https://ui.shadcn.com/blocks/login#login-04",0,"",["login-04",1,0,5],85,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Login 05","shadcn","A simple email-only login page.","npx shadcn@latest add login-05","https://ui.shadcn.com/blocks/login#login-05",0,"",["login-05",1,1,5],77,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Calendar 01","shadcn","A simple calendar.","npx shadcn@latest add calendar-01","https://ui.shadcn.com/blocks/calendar#calendar-01",0,"",["calendar-01",0,2,1],66,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 02","shadcn","Multiple months with single selection.","npx shadcn@latest add calendar-02","https://ui.shadcn.com/blocks/calendar#calendar-02",0,"",["calendar-02",0,3,1],59,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 03","shadcn","Multiple months with multiple selection.","npx shadcn@latest add calendar-03","https://ui.shadcn.com/blocks/calendar#calendar-03",0,"",["calendar-03",0,4,1],61,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 04","shadcn","Single month with range selection","npx shadcn@latest add calendar-04","https://ui.shadcn.com/blocks/calendar#calendar-04",0,"",["calendar-04",0,5,1],77,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 05","shadcn","Multiple months with range selection","npx shadcn@latest add calendar-05","https://ui.shadcn.com/blocks/calendar#calendar-05",0,"",["calendar-05",0,6,1],71,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 06","shadcn","Range selection with minimum days","npx shadcn@latest add calendar-06","https://ui.shadcn.com/blocks/calendar#calendar-06",0,"",["calendar-06",0,7,1],74,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 07","shadcn","Range selection with minimum and maximum days","npx shadcn@latest add calendar-07","https://ui.shadcn.com/blocks/calendar#calendar-07",0,"",["calendar-07",0,0,2],70,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 08","shadcn","Calendar with disabled days","npx shadcn@latest add calendar-08","https://ui.shadcn.com/blocks/calendar#calendar-08",0,"",["calendar-08",0,1,2],66,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 09","shadcn","Calendar with disabled weekends","npx shadcn@latest add calendar-09","https://ui.shadcn.com/blocks/calendar#calendar-09",0,"",["calendar-09",0,2,2],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 10","shadcn","Today button","npx shadcn@latest add calendar-10","https://ui.shadcn.com/blocks/calendar#calendar-10",0,"",["calendar-10",0,3,2],73,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 11","shadcn","Start and end of month","npx shadcn@latest add calendar-11","https://ui.shadcn.com/blocks/calendar#calendar-11",0,"",["calendar-11",0,4,2],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 12","shadcn","Localized calendar","npx shadcn@latest add calendar-12","https://ui.shadcn.com/blocks/calendar#calendar-12",0,"",["calendar-12",0,5,2],76,"datepicker","calendar|date,language switcher,date picker,schedule|icons,monochrome|c"],["Calendar 13","shadcn","With Month and Year Dropdown","npx shadcn@latest add calendar-13","https://ui.shadcn.com/blocks/calendar#calendar-13",0,"",["calendar-13",0,6,2],65,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 14","shadcn","With Booked/Unavailable Days","npx shadcn@latest add calendar-14","https://ui.shadcn.com/blocks/calendar#calendar-14",0,"",["calendar-14",0,7,2],66,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 15","shadcn","With Week Numbers","npx shadcn@latest add calendar-15","https://ui.shadcn.com/blocks/calendar#calendar-15",0,"",["calendar-15",0,0,3],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 16","shadcn","With time picker","npx shadcn@latest add calendar-16","https://ui.shadcn.com/blocks/calendar#calendar-16",0,"",["calendar-16",0,1,3],72,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 17","shadcn","With time picker inline","npx shadcn@latest add calendar-17","https://ui.shadcn.com/blocks/calendar#calendar-17",0,"",["calendar-17",0,2,3],73,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 18","shadcn","Variable size","npx shadcn@latest add calendar-18","https://ui.shadcn.com/blocks/calendar#calendar-18",0,"",["calendar-18",0,3,3],59,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 19","shadcn","With presets","npx shadcn@latest add calendar-19","https://ui.shadcn.com/blocks/calendar#calendar-19",0,"",["calendar-19",0,4,3],76,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 20","shadcn","With time presets","npx shadcn@latest add calendar-20","https://ui.shadcn.com/blocks/calendar#calendar-20",0,"",["calendar-20",0,5,3],78,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 21","shadcn","Custom days and formatters","npx shadcn@latest add calendar-21","https://ui.shadcn.com/blocks/calendar#calendar-21",0,"",["calendar-21",0,6,3],71,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 22","shadcn","Date picker","npx shadcn@latest add calendar-22","https://ui.shadcn.com/blocks/calendar#calendar-22",0,"",["calendar-22",0,7,3],47,"datepicker","calendar|date,date picker,schedule|icons,monochrome,minimal|c"],["Calendar 23","shadcn","Date range picker","npx shadcn@latest add calendar-23","https://ui.shadcn.com/blocks/calendar#calendar-23",0,"",["calendar-23",0,0,4],48,"datepicker","calendar|date,date picker,schedule|icons,monochrome,minimal|c"],["Calendar 24","shadcn","Date and Time picker","npx shadcn@latest add calendar-24","https://ui.shadcn.com/blocks/calendar#calendar-24",0,"",["calendar-24",0,1,4],52,"datepicker","calendar|date,date picker,schedule|icons,monochrome,minimal|c"],["Calendar 25","shadcn","Date and Time range picker","npx shadcn@latest add calendar-25","https://ui.shadcn.com/blocks/calendar#calendar-25",0,"",["calendar-25",0,2,4],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome,minimal|c"],["Calendar 26","shadcn","Date range picker with time","npx shadcn@latest add calendar-26","https://ui.shadcn.com/blocks/calendar#calendar-26",0,"",["calendar-26",0,3,4],70,"datepicker","calendar|date,date picker,schedule|icons,animated,monochrome|c"],["Calendar 27","shadcn","Chart filter","npx shadcn@latest add calendar-27","https://ui.shadcn.com/blocks/calendar#calendar-27",0,"",["calendar-27",0,4,4],81,"datepicker","calendar|date,date picker,schedule|icons|c"],["Calendar 28","shadcn","Input with date picker","npx shadcn@latest add calendar-28","https://ui.shadcn.com/blocks/calendar#calendar-28",0,"",["calendar-28",0,5,4],52,"datepicker","calendar|date,date picker,schedule|icons,monochrome,minimal|c"],["Calendar 29","shadcn","Natural language date picker","npx shadcn@latest add calendar-29","https://ui.shadcn.com/blocks/calendar#calendar-29",0,"",["calendar-29",0,6,4],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome,minimal|c"],["Calendar 30","shadcn","With little-date","npx shadcn@latest add calendar-30","https://ui.shadcn.com/blocks/calendar#calendar-30",0,"",["calendar-30",0,7,4],48,"datepicker","calendar|date,date picker,schedule|icons,monochrome,minimal|c"],["Calendar 31","shadcn","With event slots","npx shadcn@latest add calendar-31","https://ui.shadcn.com/blocks/calendar#calendar-31",0,"",["calendar-31",0,0,5],70,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 32","shadcn","Date picker in a drawer","npx shadcn@latest add calendar-32","https://ui.shadcn.com/blocks/calendar#calendar-32",0,"",["calendar-32",0,1,5],54,"datepicker","calendar|date,date picker,schedule|icons,monochrome,minimal|c"],["Chart area axes","shadcn","","npx shadcn@latest add chart-area-axes","https://ui.shadcn.com/charts/area#chart-area-axes",0,"",["chart-area-axes",0,5,5],90,"chart","area chart|chart,timeline data,graph,dashboard|icons|c"],["Chart area default","shadcn","","npx shadcn@latest add chart-area-default","https://ui.shadcn.com/charts/area#chart-area-default",0,"",["chart-area-default",0,6,5],89,"chart","area chart|chart,timeline data,graph,dashboard|icons|c"],["Chart area gradient","shadcn","","npx shadcn@latest add chart-area-gradient","https://ui.shadcn.com/charts/area#chart-area-gradient",0,"",["chart-area-gradient",0,7,5],83,"background","area chart|background,timeline data,chart,graph,dashboard|icons|c"],["Chart area icons","shadcn","","npx shadcn@latest add chart-area-icons","https://ui.shadcn.com/charts/area#chart-area-icons",0,"",["chart-area-icons",0,0,6],88,"chart","area chart|animated icon,timeline data,chart,graph,dashboard|icons|c"],["Chart area interactive","shadcn","","npx shadcn@latest add chart-area-interactive","https://ui.shadcn.com/charts/area#chart-area-interactive",0,"",["chart-area-interactive",0,1,6],83,"chart","area chart|chart,timeline data,graph,dashboard|icons|c"],["Chart area legend","shadcn","","npx shadcn@latest add chart-area-legend","https://ui.shadcn.com/charts/area#chart-area-legend",0,"",["chart-area-legend",0,2,6],89,"chart","area chart|chart,timeline data,graph,dashboard|icons|c"],["Chart area linear","shadcn","","npx shadcn@latest add chart-area-linear","https://ui.shadcn.com/charts/area#chart-area-linear",0,"",["chart-area-linear",0,3,6],89,"chart","area chart|chart,timeline data,graph,dashboard|icons|c"],["Chart area stacked expand","shadcn","","npx shadcn@latest add chart-area-stacked-expand","https://ui.shadcn.com/charts/area#chart-area-stacked-expand",0,"",["chart-area-stacked-expand",0,5,6],95,"accordion","area chart|accordion,timeline data,chart,graph,dashboard|icons|c"],["Chart area stacked","shadcn","","npx shadcn@latest add chart-area-stacked","https://ui.shadcn.com/charts/area#chart-area-stacked",0,"",["chart-area-stacked",0,4,6],91,"chart","area chart|chart,timeline data,graph,dashboard|icons|c"],["Chart area step","shadcn","","npx shadcn@latest add chart-area-step","https://ui.shadcn.com/charts/area#chart-area-step",0,"",["chart-area-step",0,6,6],89,"chart","area chart|stepper,timeline data,chart,graph,dashboard|icons|c"],["Chart bar active","shadcn","","npx shadcn@latest add chart-bar-active","https://ui.shadcn.com/charts/bar#chart-bar-active",0,"",["chart-bar-active",0,7,6],100,"chart","bar chart|chart,graph,dashboard|icons|c"],["Chart bar default","shadcn","","npx shadcn@latest add chart-bar-default","https://ui.shadcn.com/charts/bar#chart-bar-default",0,"",["chart-bar-default",0,0,7],98,"chart","bar chart|chart,timeline data,graph,dashboard|icons|c"],["Chart bar horizontal","shadcn","","npx shadcn@latest add chart-bar-horizontal","https://ui.shadcn.com/charts/bar#chart-bar-horizontal",0,"",["chart-bar-horizontal",0,1,7],100,"chart","bar chart|chart,timeline data,graph,dashboard|icons|c"],["Chart bar interactive","shadcn","","npx shadcn@latest add chart-bar-interactive","https://ui.shadcn.com/charts/bar#chart-bar-interactive",0,"",["chart-bar-interactive",0,2,7],92,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Chart bar label custom","shadcn","","npx shadcn@latest add chart-bar-label-custom","https://ui.shadcn.com/charts/bar#chart-bar-label-custom",0,"",["chart-bar-label-custom",0,4,7],99,"chart","bar chart|input,chart,graph,dashboard|icons|c"],["Chart bar label","shadcn","","npx shadcn@latest add chart-bar-label","https://ui.shadcn.com/charts/bar#chart-bar-label",0,"",["chart-bar-label",0,3,7],98,"chart","bar chart|input,timeline data,chart,graph,dashboard|icons|c"],["Chart bar mixed","shadcn","","npx shadcn@latest add chart-bar-mixed","https://ui.shadcn.com/charts/bar#chart-bar-mixed",0,"",["chart-bar-mixed",0,5,7],100,"chart","bar chart|chart,graph,dashboard|icons|c"],["Chart bar multiple","shadcn","","npx shadcn@latest add chart-bar-multiple","https://ui.shadcn.com/charts/bar#chart-bar-multiple",0,"",["chart-bar-multiple",0,6,7],98,"chart","bar chart|chart,timeline data,graph,dashboard|icons|c"],["Chart bar negative","shadcn","","npx shadcn@latest add chart-bar-negative","https://ui.shadcn.com/charts/bar#chart-bar-negative",0,"",["chart-bar-negative",0,7,7],97,"chart","bar chart|chart,graph,dashboard|icons|c"],["Chart bar stacked","shadcn","","npx shadcn@latest add chart-bar-stacked","https://ui.shadcn.com/charts/bar#chart-bar-stacked",0,"",["chart-bar-stacked",0,0,8],98,"chart","bar chart|chart,timeline data,graph,dashboard|icons|c"],["Chart line default","shadcn","","npx shadcn@latest add chart-line-default","https://ui.shadcn.com/charts/line#chart-line-default",0,"",["chart-line-default",0,1,8],77,"chart","line chart|chart,timeline data,graph,dashboard|icons|c"],["Chart line dots colors","shadcn","","npx shadcn@latest add chart-line-dots-colors","https://ui.shadcn.com/charts/line#chart-line-dots-colors",0,"",["chart-line-dots-colors",0,3,8],83,"chart","line chart|chart,graph,dashboard|icons|c"],["Chart line dots custom","shadcn","","npx shadcn@latest add chart-line-dots-custom","https://ui.shadcn.com/charts/line#chart-line-dots-custom",0,"",["chart-line-dots-custom",0,4,8],77,"chart","line chart|chart,timeline data,graph,dashboard|icons|c"],["Chart line dots","shadcn","","npx shadcn@latest add chart-line-dots","https://ui.shadcn.com/charts/line#chart-line-dots",0,"",["chart-line-dots",0,2,8],78,"chart","line chart|chart,timeline data,graph,dashboard|icons|c"],["Chart line interactive","shadcn","","npx shadcn@latest add chart-line-interactive","https://ui.shadcn.com/charts/line#chart-line-interactive",0,"",["chart-line-interactive",0,5,8],75,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Chart line label custom","shadcn","","npx shadcn@latest add chart-line-label-custom","https://ui.shadcn.com/charts/line#chart-line-label-custom",0,"",["chart-line-label-custom",0,7,8],80,"chart","line chart|input,chart,graph,dashboard|icons|c"],["Chart line label","shadcn","","npx shadcn@latest add chart-line-label","https://ui.shadcn.com/charts/line#chart-line-label",0,"",["chart-line-label",0,6,8],77,"chart","line chart|input,timeline data,chart,graph,dashboard|icons|c"],["Chart line linear","shadcn","","npx shadcn@latest add chart-line-linear","https://ui.shadcn.com/charts/line#chart-line-linear",0,"",["chart-line-linear",0,0,9],76,"chart","line chart|chart,timeline data,graph,dashboard|icons|c"],["Chart line multiple","shadcn","","npx shadcn@latest add chart-line-multiple","https://ui.shadcn.com/charts/line#chart-line-multiple",0,"",["chart-line-multiple",0,1,9],79,"chart","line chart|chart,timeline data,graph,dashboard|icons|c"],["Chart line step","shadcn","","npx shadcn@latest add chart-line-step","https://ui.shadcn.com/charts/line#chart-line-step",0,"",["chart-line-step",0,2,9],77,"chart","line chart|stepper,timeline data,chart,graph,dashboard|icons|c"],["Chart pie donut active","shadcn","","npx shadcn@latest add chart-pie-donut-active","https://ui.shadcn.com/charts/pie#chart-pie-donut-active",0,"",["chart-pie-donut-active",0,4,9],99,"chart","pie chart|chart,donut,dashboard|icons|c"],["Chart pie donut text","shadcn","","npx shadcn@latest add chart-pie-donut-text","https://ui.shadcn.com/charts/pie#chart-pie-donut-text",0,"",["chart-pie-donut-text",0,5,9],99,"chart","pie chart|text effect,chart,donut,dashboard|icons|c"],["Chart pie donut","shadcn","","npx shadcn@latest add chart-pie-donut","https://ui.shadcn.com/charts/pie#chart-pie-donut",0,"",["chart-pie-donut",0,3,9],97,"chart","pie chart|chart,donut,dashboard|icons|c"],["Chart pie interactive","shadcn","","npx shadcn@latest add chart-pie-interactive","https://ui.shadcn.com/charts/pie#chart-pie-interactive",0,"",["chart-pie-interactive",0,6,9],72,"chart","pie chart|chart,donut,dashboard|icons,monochrome,minimal|c"],["Chart pie label custom","shadcn","","npx shadcn@latest add chart-pie-label-custom","https://ui.shadcn.com/charts/pie#chart-pie-label-custom",0,"",["chart-pie-label-custom",0,0,10],100,"chart","pie chart|input,chart,donut,dashboard|icons|c"],["Chart pie label list","shadcn","","npx shadcn@latest add chart-pie-label-list","https://ui.shadcn.com/charts/pie#chart-pie-label-list",0,"",["chart-pie-label-list",0,1,10],100,"chart","pie chart|list,input,chart,donut,dashboard|icons|c"],["Chart pie label","shadcn","","npx shadcn@latest add chart-pie-label","https://ui.shadcn.com/charts/pie#chart-pie-label",0,"",["chart-pie-label",0,7,9],100,"chart","pie chart|input,chart,donut,dashboard|icons|c"],["Chart pie legend","shadcn","","npx shadcn@latest add chart-pie-legend","https://ui.shadcn.com/charts/pie#chart-pie-legend",0,"",["chart-pie-legend",0,2,10],57,"chart","pie chart|chart,donut,dashboard|no icons,monochrome,minimal|c"],["Chart pie separator none","shadcn","","npx shadcn@latest add chart-pie-separator-none","https://ui.shadcn.com/charts/pie#chart-pie-separator-none",0,"",["chart-pie-separator-none",0,3,10],100,"chart","pie chart|divider,chart,donut,dashboard|icons|c"],["Chart pie simple","shadcn","","npx shadcn@latest add chart-pie-simple","https://ui.shadcn.com/charts/pie#chart-pie-simple",0,"",["chart-pie-simple",0,4,10],100,"chart","pie chart|chart,donut,dashboard|icons|c"],["Chart pie stacked","shadcn","","npx shadcn@latest add chart-pie-stacked","https://ui.shadcn.com/charts/pie#chart-pie-stacked",0,"",["chart-pie-stacked",0,5,10],67,"chart","pie chart|chart,donut,dashboard|icons|c"],["Chart radar default","shadcn","","npx shadcn@latest add chart-radar-default","https://ui.shadcn.com/charts/radar#chart-radar-default",0,"",["chart-radar-default",0,6,10],85,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar dots","shadcn","","npx shadcn@latest add chart-radar-dots","https://ui.shadcn.com/charts/radar#chart-radar-dots",0,"",["chart-radar-dots",0,7,10],85,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar grid circle fill","shadcn","","npx shadcn@latest add chart-radar-grid-circle-fill","https://ui.shadcn.com/charts/radar#chart-radar-grid-circle-fill",0,"",["chart-radar-grid-circle-fill",0,1,11],93,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar grid circle no lines","shadcn","","npx shadcn@latest add chart-radar-grid-circle-no-lines","https://ui.shadcn.com/charts/radar#chart-radar-grid-circle-no-lines",0,"",["chart-radar-grid-circle-no-lines",0,2,11],87,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar grid circle","shadcn","","npx shadcn@latest add chart-radar-grid-circle","https://ui.shadcn.com/charts/radar#chart-radar-grid-circle",0,"",["chart-radar-grid-circle",0,0,11],54,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar grid custom","shadcn","","npx shadcn@latest add chart-radar-grid-custom","https://ui.shadcn.com/charts/radar#chart-radar-grid-custom",0,"",["chart-radar-grid-custom",0,3,11],54,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar grid fill","shadcn","","npx shadcn@latest add chart-radar-grid-fill","https://ui.shadcn.com/charts/radar#chart-radar-grid-fill",0,"",["chart-radar-grid-fill",0,4,11],91,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar grid none","shadcn","","npx shadcn@latest add chart-radar-grid-none","https://ui.shadcn.com/charts/radar#chart-radar-grid-none",0,"",["chart-radar-grid-none",0,5,11],54,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar icons","shadcn","","npx shadcn@latest add chart-radar-icons","https://ui.shadcn.com/charts/radar#chart-radar-icons",0,"",["chart-radar-icons",0,6,11],91,"chart","radar chart|animated icon,chart,dashboard|icons|c"],["Chart radar label custom","shadcn","","npx shadcn@latest add chart-radar-label-custom","https://ui.shadcn.com/charts/radar#chart-radar-label-custom",0,"",["chart-radar-label-custom",0,7,11],90,"chart","radar chart|input,chart,dashboard|icons|c"],["Chart radar legend","shadcn","","npx shadcn@latest add chart-radar-legend","https://ui.shadcn.com/charts/radar#chart-radar-legend",0,"",["chart-radar-legend",1,0,0],90,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar lines only","shadcn","","npx shadcn@latest add chart-radar-lines-only","https://ui.shadcn.com/charts/radar#chart-radar-lines-only",0,"",["chart-radar-lines-only",1,1,0],77,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar multiple","shadcn","","npx shadcn@latest add chart-radar-multiple","https://ui.shadcn.com/charts/radar#chart-radar-multiple",0,"",["chart-radar-multiple",1,2,0],58,"chart","radar chart|chart,dashboard|icons|c"],["Chart radar radius","shadcn","","npx shadcn@latest add chart-radar-radius","https://ui.shadcn.com/charts/radar#chart-radar-radius",0,"",["chart-radar-radius",1,3,0],58,"chart","radar chart|chart,dashboard|icons|c"],["Chart radial grid","shadcn","","npx shadcn@latest add chart-radial-grid","https://ui.shadcn.com/charts/radial#chart-radial-grid",0,"",["chart-radial-grid",1,4,0],64,"chart","chart|graph,data,dashboard|icons|c"],["Chart radial label","shadcn","","npx shadcn@latest add chart-radial-label","https://ui.shadcn.com/charts/radial#chart-radial-label",0,"",["chart-radial-label",1,5,0],67,"chart","chart|input,graph,data,dashboard|icons|c"],["Chart radial shape","shadcn","","npx shadcn@latest add chart-radial-shape","https://ui.shadcn.com/charts/radial#chart-radial-shape",0,"",["chart-radial-shape",1,6,0],89,"chart","chart|graph,data,dashboard|icons|c"],["Chart radial simple","shadcn","","npx shadcn@latest add chart-radial-simple","https://ui.shadcn.com/charts/radial#chart-radial-simple",0,"",["chart-radial-simple",1,7,0],65,"chart","chart|graph,data,dashboard|icons|c"],["Chart radial stacked","shadcn","","npx shadcn@latest add chart-radial-stacked","https://ui.shadcn.com/charts/radial#chart-radial-stacked",0,"",["chart-radial-stacked",1,0,1],91,"chart","chart|graph,data,dashboard|icons|c"],["Chart radial text","shadcn","","npx shadcn@latest add chart-radial-text","https://ui.shadcn.com/charts/radial#chart-radial-text",0,"",["chart-radial-text",1,1,1],88,"chart","chart|text effect,graph,data,dashboard|icons|c"],["Chart tooltip default","shadcn","","npx shadcn@latest add chart-tooltip-default","https://ui.shadcn.com/charts/tooltip#chart-tooltip-default",0,"",["chart-tooltip-default",1,3,1],60,"chart","chart|tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Chart tooltip indicator line","shadcn","","npx shadcn@latest add chart-tooltip-indicator-line","https://ui.shadcn.com/charts/tooltip#chart-tooltip-indicator-line",0,"",["chart-tooltip-indicator-line",1,6,1],60,"chart","chart|badge,tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Chart tooltip indicator none","shadcn","","npx shadcn@latest add chart-tooltip-indicator-none","https://ui.shadcn.com/charts/tooltip#chart-tooltip-indicator-none",0,"",["chart-tooltip-indicator-none",1,7,1],59,"chart","chart|badge,tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Chart tooltip label none","shadcn","","npx shadcn@latest add chart-tooltip-label-none","https://ui.shadcn.com/charts/tooltip#chart-tooltip-label-none",0,"",["chart-tooltip-label-none",1,2,2],57,"chart","chart|input,tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Chart tooltip label custom","shadcn","","npx shadcn@latest add chart-tooltip-label-custom","https://ui.shadcn.com/charts/tooltip#chart-tooltip-label-custom",0,"",["chart-tooltip-label-custom",1,0,2],65,"chart","chart|input,tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Chart tooltip label formatter","shadcn","","npx shadcn@latest add chart-tooltip-label-formatter","https://ui.shadcn.com/charts/tooltip#chart-tooltip-label-formatter",0,"",["chart-tooltip-label-formatter",1,1,2],61,"chart","chart|form,input,tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Chart tooltip formatter","shadcn","","npx shadcn@latest add chart-tooltip-formatter","https://ui.shadcn.com/charts/tooltip#chart-tooltip-formatter",0,"",["chart-tooltip-formatter",1,4,1],60,"chart","chart|form,tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Chart tooltip icons","shadcn","","npx shadcn@latest add chart-tooltip-icons","https://ui.shadcn.com/charts/tooltip#chart-tooltip-icons",0,"",["chart-tooltip-icons",1,5,1],56,"chart","chart|animated icon,tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Chart tooltip advanced","shadcn","","npx shadcn@latest add chart-tooltip-advanced","https://ui.shadcn.com/charts/tooltip#chart-tooltip-advanced",0,"",["chart-tooltip-advanced",1,2,1],62,"chart","chart|tooltip,graph,data,dashboard|no icons,monochrome,minimal|c"],["Accordion","motionprim","A collapsible content component with smooth animations for showing and hiding content.","npx shadcn@latest add @motion-primitives/accordion","https://motion-primitives.com/docs/accordion",0,"",["accordion",0,0,0],16,"accordion","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["Animated Background","motionprim","A component that provides animated background effects for UI elements.","npx shadcn@latest add @motion-primitives/animated-background","https://motion-primitives.com/docs/animated-background",0,"",["animated-background",0,1,0],22,"background","background|animated background,effect,hero background|icons,animated,monochrome|c"],["Animated Group","motionprim","A container component that applies coordinated animations to a group of child elements.","npx shadcn@latest add @motion-primitives/animated-group","https://motion-primitives.com/docs/animated-group",0,"",["animated-group",0,2,0],86,"misc","card|container,surface|no icons,images,animated,monochrome,minimal|c"],["Animated Number","motionprim","A component that animates number changes with smooth transitions.","npx shadcn@latest add @motion-primitives/animated-number","https://motion-primitives.com/docs/animated-number",0,"",["animated-number",0,3,0],9,"text","number ticker|counter,text effect,animated number|icons,animated,monochrome,minimal|c"],["Border Trail","motionprim","An effect that creates animated border trails around elements on interaction.","npx shadcn@latest add @motion-primitives/border-trail","https://motion-primitives.com/docs/border-trail",0,"",["border-trail",0,4,0],81,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Carousel","motionprim","A component for cycling through elements with smooth transitions.","npx shadcn@latest add @motion-primitives/carousel","https://motion-primitives.com/docs/carousel",0,"",["carousel",0,5,0],57,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Cursor","motionprim","A custom cursor component with animated effects and interactions.","npx shadcn@latest add @motion-primitives/cursor","https://motion-primitives.com/docs/cursor",0,"",["cursor",0,6,0],87,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Dialog","motionprim","A modal dialog component with smooth entrance and exit animations.","npx shadcn@latest add @motion-primitives/dialog","https://motion-primitives.com/docs/dialog",0,"",["dialog",0,7,0],20,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Disclosure","motionprim","A component that shows and hides content with animated transitions.","npx shadcn@latest add @motion-primitives/disclosure","https://motion-primitives.com/docs/disclosure",0,"",["disclosure",0,0,1],12,"misc","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["In View","motionprim","A component that triggers animations when elements enter the viewport.","npx shadcn@latest add @motion-primitives/in-view","https://motion-primitives.com/docs/in-view",0,"",["in-view",0,4,1],32,"misc","card|container,surface|no icons,monochrome|c"],["Infinite Slider","motionprim","A slider component that loops infinitely through its content.","npx shadcn@latest add @motion-primitives/infinite-slider","https://motion-primitives.com/docs/infinite-slider",0,"",["infinite-slider",0,5,1],81,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Transition Panel","motionprim","A panel component with smooth transitions between different states.","npx shadcn@latest add @motion-primitives/transition-panel","https://motion-primitives.com/docs/transition-panel",0,"",["transition-panel",0,7,3],59,"misc","card|container,surface|no icons,monochrome|c"],["Text Effect","motionprim","A component that applies animated effects to text content.","npx shadcn@latest add @motion-primitives/text-effect","https://motion-primitives.com/docs/text-effect",0,"",["text-effect",0,5,2],46,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Text Loop","motionprim","A component that cycles through different text phrases with animations.","npx shadcn@latest add @motion-primitives/text-loop","https://motion-primitives.com/docs/text-loop",0,"",["text-loop",0,6,2],7,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text Morph","motionprim","A component that morphs between different text strings with smooth transitions.","npx shadcn@latest add @motion-primitives/text-morph","https://motion-primitives.com/docs/text-morph",0,"",["text-morph",0,7,2],18,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text Roll","motionprim","A component that animates text with a rolling effect.","npx shadcn@latest add @motion-primitives/text-roll","https://motion-primitives.com/docs/text-roll",0,"",["text-roll",0,0,3],51,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Text Scramble","motionprim","A component that creates a scrambling text effect during transitions.","npx shadcn@latest add @motion-primitives/text-scramble","https://motion-primitives.com/docs/text-scramble",0,"",["text-scramble",0,1,3],39,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text Shimmer","motionprim","A component that applies a shimmering effect to text.","npx shadcn@latest add @motion-primitives/text-shimmer","https://motion-primitives.com/docs/text-shimmer",0,"",["text-shimmer",0,2,3],2,"text","skeleton|text effect,loading,placeholder|no icons,monochrome,minimal|c"],["Text Shimmer Wave","motionprim","A component that creates a wave-like shimmer effect on text.","npx shadcn@latest add @motion-primitives/text-shimmer-wave","https://motion-primitives.com/docs/text-shimmer-wave",0,"",["text-shimmer-wave",0,3,3],37,"text","background|text effect,skeleton,animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Magnetic","motionprim","A component that creates a magnetic attraction effect on hover.","npx shadcn@latest add @motion-primitives/magnetic","https://motion-primitives.com/docs/magnetic",0,"",["magnetic",0,6,1],4,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Morphing Dialog","motionprim","A dialog that morphs from its trigger element with smooth transitions.","npx shadcn@latest add @motion-primitives/morphing-dialog","https://motion-primitives.com/docs/morphing-dialog",0,"",["morphing-dialog",0,7,1],89,"dialog","dialog|modal,overlay,popup|icons,animated,monochrome,minimal|c"],["Morphing Popover","motionprim","A popover component that morphs from its trigger with fluid animations.","npx shadcn@latest add @motion-primitives/morphing-popover","https://motion-primitives.com/docs/morphing-popover",0,"",["morphing-popover",0,0,2],42,"misc","popover|overlay,popup,menu|no icons,animated,monochrome,minimal|c"],["Dock","motionprim","A macOS-style dock component with scaling and movement effects.","npx shadcn@latest add @motion-primitives/dock","https://motion-primitives.com/docs/dock",0,"",["dock",0,1,1],65,"misc","dock|navigation,icons,magnify|icons,monochrome|c"],["Glow Effect","motionprim","A component that creates a glowing effect on elements based on cursor movement.","npx shadcn@latest add @motion-primitives/glow-effect","https://motion-primitives.com/docs/glow-effect",0,"",["glow-effect",0,2,1],100,"misc","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Image Comparison","motionprim","A component for comparing two images with an interactive slider.","npx shadcn@latest add @motion-primitives/image-comparison","https://motion-primitives.com/docs/image-comparison",0,"",["image-comparison",0,3,1],94,"media","image compare|content section,before after,slider,image|no icons,images,monochrome,minimal|c"],["Toolbar Dynamic","motionprim","A toolbar component with dynamic appearance based on user interaction.","npx shadcn@latest add @motion-primitives/toolbar-dynamic","https://motion-primitives.com/docs/toolbar-dynamic",0,"",["toolbar-dynamic",0,5,3],11,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar Expandable","motionprim","An expandable toolbar that reveals additional options with animations.","npx shadcn@latest add @motion-primitives/toolbar-expandable","https://motion-primitives.com/docs/toolbar-expandable",0,"",["toolbar-expandable",0,6,3],51,"misc","accordion|menubar,collapsible,expand,faq|icons,monochrome|c"],["Progressive Blur","motionprim","A component that applies progressive blur effects to elements.","npx shadcn@latest add @motion-primitives/progressive-blur","https://motion-primitives.com/docs/progressive-blur",0,"",["progressive-blur",0,1,2],91,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Scroll Progress","motionprim","A component that visualizes scroll progress with animated indicators.","npx shadcn@latest add @motion-primitives/scroll-progress","https://motion-primitives.com/docs/scroll-progress",0,"",["scroll-progress",0,2,2],56,"loader","progress bar|scroll effect,progress,meter,loading|no icons,monochrome|c"],["Sliding Number","motionprim","A component that transitions between numbers with a sliding animation.","npx shadcn@latest add @motion-primitives/sliding-number","https://motion-primitives.com/docs/sliding-number",0,"",["sliding-number",0,3,2],6,"misc","number ticker|counter,text effect,animated number|no icons,monochrome|c"],["Spotlight","motionprim","A component that creates a spotlight effect following cursor movement.","npx shadcn@latest add @motion-primitives/spotlight","https://motion-primitives.com/docs/spotlight",0,"",["spotlight",0,4,2],46,"command","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Spinning Text","motionprim","A component that animates text with a spinning rotation effect.","npx shadcn@latest add @motion-primitives/spinning-text","https://motion-primitives.com/docs/spinning-text",0,"",0,0],["Tilt","motionprim","A component that applies 3D tilt effects to elements based on cursor position.","npx shadcn@latest add @motion-primitives/tilt","https://motion-primitives.com/docs/tilt",0,"",["tilt",0,4,3],88,"card","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Agent Plan","spectrum","An editable plan checklist the agent proposes before running.","npx shadcn@latest add @spectrumui/agent-plan","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["agent-plan",0,0,1],77,"thinking","ai prompt|pricing section,ai,chat,input|icons,monochrome|c"],["Agent Steps","spectrum","A timeline of tool calls with status, arguments, results, and parallel sub-steps.","npx shadcn@latest add @spectrumui/agent-steps","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["agent-steps",0,1,1],68,"thinking","stepper|ai prompt,steps,progress,onboarding|icons,monochrome|c"],["Approval Card","spectrum","A human-in-the-loop approval for an action an agent wants to take.","npx shadcn@latest add @spectrumui/approval-card","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["approval-card",0,7,2],75,"card","card|container,surface|no icons,monochrome|c"],["Chat Empty State","spectrum","A first-run greeting with staggered suggestion chips.","npx shadcn@latest add @spectrumui/chat-empty-state","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["chat-empty-state",0,0,6],69,"thinking","empty state|chat,placeholder,illustration|icons,animated,monochrome|c"],["Citation Sources","spectrum","Inline citation markers with hover previews or a footnote list.","npx shadcn@latest add @spectrumui/citation-sources","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["citation-sources",0,2,6],46,"misc","list|items,rows|no icons,monochrome|c"],["Code Block","spectrum","An AI code block with a file header, copy, and line collapse.","npx shadcn@latest add @spectrumui/code-block","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["code-block",0,3,6],69,"navbar","code block|content section,code,syntax highlight|icons,monochrome|c"],["Conversation List","spectrum","A date-grouped conversation sidebar with pinning.","npx shadcn@latest add @spectrumui/conversation-list","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["conversation-list",0,1,7],78,"section","list|chat,items,rows|icons,monochrome|c"],["Diff View","spectrum","Proposed file changes with per-file accept and reject.","npx shadcn@latest add @spectrumui/diff-view","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["diff-view",0,3,9],83,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["Disclose Image","spectrum","An image reveal component with animated sliding door panels.","npx shadcn@latest add @spectrumui/disclose-image","https://ui.spectrumhq.in/docs/discloseimage",0,"",["disclose-image",0,4,9],86,"media","image|media,mockup|no icons,animated,monochrome,minimal|c"],["Error State","spectrum","A failed-generation state with a preserved prompt and retry.","npx shadcn@latest add @spectrumui/error-state","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["error-state",0,5,10],79,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["GitHub Profile Card","spectrum","A GitHub profile card with account stats, a contribution graph, and social links.","npx shadcn@latest add @spectrumui/github-profile-card","https://ui.spectrumhq.in/docs/profile",0,"",["github-profile-card",1,4,0],70,"card","card|container,surface|icons,monochrome|c"],["Alert demo","spectrum","component for the alert-demo","npx shadcn@latest add @spectrumui/alert-1","https://ui.spectrumhq.in/docs/alert",0,"",["alert-1",0,3,1],78,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 2","spectrum","component for the alert-2","npx shadcn@latest add @spectrumui/alert-2","https://ui.spectrumhq.in/docs/alert",0,"",["alert-2",0,4,1],50,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 3","spectrum","component for the alert-3","npx shadcn@latest add @spectrumui/alert-3","https://ui.spectrumhq.in/docs/alert",0,"",["alert-3",0,5,1],50,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 4","spectrum","component for the alert-4","npx shadcn@latest add @spectrumui/alert-4","https://ui.spectrumhq.in/docs/alert",0,"",["alert-4",0,6,1],86,"toast","alert|message,pricing,banner,callout|icons,monochrome|c"],["Animated Card","spectrum","component for the Animated Card","npx shadcn@latest add @spectrumui/animated-card","https://ui.spectrumhq.in/docs/animatedcard",0,"",["animated-card",0,7,1],79,"card","card|container,surface|no icons,images,animated,monochrome|c"],["Animated SVG Chart","spectrum","component for the Animated SVG Chart","npx shadcn@latest add @spectrumui/animated-SVG-chart","https://ui.spectrumhq.in/docs/animatedchart",0,"",["animated-svg-chart",0,1,2],97,"chart","chart|graph,data,dashboard|no icons,animated|c"],["Animated Testimonials","spectrum","component for the Animated Testimonials","npx shadcn@latest add @spectrumui/animated-testimonials","https://ui.spectrumhq.in/docs/animatedtestimonials",0,"",["animated-testimonials",0,3,2],88,"card|b","testimonials|reviews,social proof,quotes|icons,images,animated,monochrome|b"],["Autosize Textarea Dependencies","spectrum","component for the Autosize Textarea Dependencies","npx shadcn@latest add @spectrumui/autosize-textarea-dependecies","https://ui.spectrumhq.in/docs/autosize-textarea",0,"",["autosize-textarea-dependecies",0,4,3],49,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Autosize Textarea Max Height","spectrum","component for the Autosize Textarea Max Height","npx shadcn@latest add @spectrumui/autosize-textarea-max-height","https://ui.spectrumhq.in/docs/autosize-textarea",0,"",["autosize-textarea-max-height",0,6,3],49,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Autosize Textarea Ref","spectrum","component for the Autosize Textarea Ref","npx shadcn@latest add @spectrumui/autosize-textarea-ref","https://ui.spectrumhq.in/docs/autosize-textarea",0,"",["autosize-textarea-ref",0,7,3],52,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Autosize Textarea Form","spectrum","component for the Autosize Textarea Form","npx shadcn@latest add @spectrumui/autosize-textarea-form","https://ui.spectrumhq.in/docs/autosize-textarea",0,"",["autosize-textarea-form",0,5,3],61,"input","form|text effect,textarea,inputs,fields|no icons,monochrome,minimal|c"],["Autosize Textarea Customize","spectrum","component for the Autosize Textarea Customize","npx shadcn@latest add @spectrumui/autosize-textarea-customize","https://ui.spectrumhq.in/docs/autosize-textarea",0,"",["autosize-textarea-customize",0,3,3],75,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Datetime Picker Hour","spectrum","component for the Datetime Picker Hour","npx shadcn@latest add @spectrumui/datetime-picker-hour-cycle","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-hour-cycle",0,4,8],67,"misc","select|date picker,calendar,dropdown,options,form|icons,monochrome|c"],["Datetime Picker and Time Input","spectrum","component for the Datetime Picker and Time Input","npx shadcn@latest add @spectrumui/datetime-picker-and-time-input","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-and-time-input",0,6,7],69,"input","select|input,calendar,time picker,date picker,dropdown,options|icons,monochrome|c"],["Datetime Year Range","spectrum","component for the Datetime Year Range","npx shadcn@latest add @spectrumui/datetime-picker-year-range","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-year-range",0,0,9],73,"misc","slider|date picker,calendar,range,input|icons,monochrome|c"],["Datetime Picker Locale","spectrum","component for the Datetime Picker Locale","npx shadcn@latest add @spectrumui/datetime-picker-locale","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-locale",0,5,8],67,"misc","select|date picker,dropdown,options,form|icons,monochrome,minimal|c"],["Datetime Picker Calendar Settings","spectrum","component for the Datetime Picker Calendar Settings","npx shadcn@latest add @spectrumui/datetime-picker-calendar-settings","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-calendar-settings",0,7,7],71,"datepicker","calendar|settings page,settings,select,date,date picker,schedule|icons,monochrome|c"],["Datetime Picker Display Format","spectrum","component for the Datetime Picker Display Format","npx shadcn@latest add @spectrumui/datetime-picker-display-format","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-display-format",0,1,8],48,"misc","form|select,calendar,date picker,inputs,fields|icons,monochrome,minimal|c"],["Datetime Picker Placeholder","spectrum","component for the Datetime Picker Placeholder","npx shadcn@latest add @spectrumui/datetime-picker-placeholder","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-placeholder",0,6,8],50,"misc","skeleton|select,calendar,date picker,loading,placeholder|icons,monochrome,minimal|c"],["Datetime Picker Granularity","spectrum","component for the Datetime Picker Granularity","npx shadcn@latest add @spectrumui/datetime-picker-granularity","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-granularity",0,3,8],71,"misc","select|date picker,calendar,dropdown,options,form|icons,monochrome|c"],["Datetime Picker Disabled","spectrum","component for the Datetime Picker Disabled","npx shadcn@latest add @spectrumui/datetime-picker-disabled","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-disabled",0,0,8],32,"misc","select|date picker,dropdown,options,form|icons,monochrome,minimal|c"],["Datetime Picker Ref","spectrum","component for the Datetime Picker Ref","npx shadcn@latest add @spectrumui/datetime-picker-ref","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-ref",0,7,8],74,"misc","select|date picker,calendar,dropdown,options,form|icons,monochrome,minimal|c"],["Datetime Picker Form","spectrum","component for the Datetime Picker Form","npx shadcn@latest add @spectrumui/datetime-picker-form","https://ui.spectrumhq.in/docs/datetime-picker",0,"",["datetime-picker-form",0,2,8],74,"input","form|select,calendar,date picker,inputs,fields|icons,monochrome,minimal|c"],["Dual Range Slider Dependencies","spectrum","component for the Dual Range Slider Dependencies","npx shadcn@latest add @spectrumui/dual-range-slider-dependecies","https://ui.spectrumhq.in/docs/dual-range-slider",0,"",["dual-range-slider-dependecies",0,0,10],48,"input","slider|range,input|no icons,monochrome,minimal|c"],["Dual Range Slider Custom Label","spectrum","component for the Dual Range Slider Custom Label","npx shadcn@latest add @spectrumui/dual-range-slider-custom-label","https://ui.spectrumhq.in/docs/dual-range-slider",0,"",["dual-range-slider-custom-label",0,7,9],16,"input","input|slider,text field,form,form control|no icons,monochrome,minimal|c"],["Dual Range Slider Label Position","spectrum","component for the Dual Range Slider Label Position","npx shadcn@latest add @spectrumui/dual-range-slider-label-position","https://ui.spectrumhq.in/docs/dual-range-slider",0,"",["dual-range-slider-label-position",0,1,10],62,"input","input|slider,text field,form,form control|no icons,monochrome,minimal|c"],["Dual Range Slider Single","spectrum","component for the Dual Range Slider Single","npx shadcn@latest add @spectrumui/dual-range-slider-single","https://ui.spectrumhq.in/docs/dual-range-slider",0,"",["dual-range-slider-single",0,2,10],59,"input","slider|range,input|no icons,monochrome,minimal|c"],["Event Badge 3D","spectrum","component for the Event Badge 3D","npx shadcn@latest add @spectrumui/event-badge-3d","",0,"",0,0],["Event Calendar","spectrum","component for the Event Calendar","npx shadcn@latest add @spectrumui/event-calendar","https://ui.spectrumhq.in/docs/eventcalendar",0,"",["event-calendar",0,6,10],70,"datepicker","calendar|date,date picker,schedule|icons,animated,monochrome|c"],["Floating Label Input","spectrum","component for the Floating Label Input","npx shadcn@latest add @spectrumui/floating-label-input","https://ui.spectrumhq.in/docs/floating-label-input",0,"",["floating-label-input",0,7,11],48,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Floating Label Customize","spectrum","component for the Floating Label Customize","npx shadcn@latest add @spectrumui/floating-label-customize","https://ui.spectrumhq.in/docs/floating-label-input",0,"",["floating-label-customize",0,5,11],47,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Floating Label Form","spectrum","component for the Floating Label Form","npx shadcn@latest add @spectrumui/floating-label-form","https://ui.spectrumhq.in/docs/floating-label-input",0,"",["floating-label-form",0,6,11],70,"input","form|input,inputs,fields|no icons,monochrome,minimal|c"],["Animated Wave Footer","spectrum","component for the Animated Wave Footer","npx shadcn@latest add @spectrumui/animated-wave-footer","https://ui.spectrumhq.in/docs/footer",0,"",["animated-wave-footer",0,4,2],87,"section|b","footer|background,account,links,site footer|icons,animated|b"],["Inline Edit","spectrum","A selection-anchored AI edit: suggestion toolbar, word diff, accept or reject.","npx shadcn@latest add @spectrumui/inline-edit","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["inline-edit",1,7,1],83,"text","combobox|select,search,autocomplete|icons,monochrome|c"],["Insight Cards","spectrum","Metric cards with spark bars, trend deltas, and an AI note.","npx shadcn@latest add @spectrumui/insight-cards","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["insight-cards",1,1,2],72,"card","card|container,surface|icons,animated,monochrome|c"],["Loading State","spectrum","A pixel-grid loader with a shimmering label and live elapsed timer.","npx shadcn@latest add @spectrumui/loading-state","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["loading-state",1,6,3],36,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Memory Chips","spectrum","What the assistant remembers, as removable chips.","npx shadcn@latest add @spectrumui/memory-chips","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["memory-chips",1,6,4],74,"thinking","tag|label,chip,pill|icons,animated,monochrome|c"],["Message Actions","spectrum","Per-message controls — copy, regenerate, and thumb feedback.","npx shadcn@latest add @spectrumui/message-actions","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["message-actions",1,7,4],63,"misc","timeline|history,steps,activity|icons,monochrome|c"],["Model Selector","spectrum","A model picker as a radio list or segmented control, with badges and disabled states.","npx shadcn@latest add @spectrumui/model-selector","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["model-selector",1,3,5],67,"tabs","ai prompt|select,ai,chat,input|no icons,monochrome|c"],["Prompt Composer","spectrum","A prompt input with attachments, a model picker, and a stop state.","npx shadcn@latest add @spectrumui/prompt-composer","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["prompt-composer",1,7,10],64,"thinking","chat|ai prompt,messages,ai,input|icons,monochrome|c"],["Quota Banner","spectrum","A message-quota banner with a live reset countdown.","npx shadcn@latest add @spectrumui/quota-banner","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["quota-banner",1,1,11],64,"misc","alert|message,banner,callout|icons,monochrome,minimal|c"],["Reasoning Trace","spectrum","An expandable chain-of-thought trace with a live thinking timer.","npx shadcn@latest add @spectrumui/reasoning-trace","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["reasoning-trace",1,6,11],55,"thinking","ai prompt|ai,chat,input|icons,animated,monochrome|c"],["Stacked Circular Footer","spectrum","component for the Stacked Circular Footer","npx shadcn@latest add @spectrumui/stackedcircular-footer","https://ui.spectrumhq.in/docs/footer",0,"",["stackedcircular-footer",2,6,2],74,"section|b","footer|links,site footer|icons,monochrome|b"],["Floating Particle Footer","spectrum","component for the Floating Particle Footer","npx shadcn@latest add @spectrumui/floatingparticle-footer","https://ui.spectrumhq.in/docs/footer",0,"",["floatingparticle-footer",1,1,0],77,"section|b","footer|background,account,links,site footer|icons,monochrome|b"],["Footer","spectrum","component for the Footer","npx shadcn@latest add @spectrumui/footer","https://ui.spectrumhq.in/docs",0,"",["footer",1,3,0],68,"section|b","footer|links,search,site footer|icons,monochrome|b"],["HTTP Status Code","spectrum","component for the HTTP Status Code","npx shadcn@latest add @spectrumui/http-status-code","https://ui.spectrumhq.in/docs/statuscode",0,"",["http-status-code",1,2,1],81,"misc","code block|code,syntax highlight|icons,monochrome|c"],["Infinite Scroll Dependencies","spectrum","component for the Infinite Scroll Dependencies","npx shadcn@latest add @spectrumui/infinite-scroll-dependecies","",0,"",0,0],["Loading Button Usage","spectrum","component for the Loading Button Usage","npx shadcn@latest add @spectrumui/loading-button-usage","https://ui.spectrumhq.in/docs/loading-button",0,"",["loading-button-usage",1,5,3],82,"loader","button|loader,cta,click,action|no icons|c"],["Loading Button As Child","spectrum","component for the Loading Button As Child","npx shadcn@latest add @spectrumui/loading-button-as-child","https://ui.spectrumhq.in/docs/loading-button",0,"",["loading-button-as-child",1,4,3],86,"loader","button|loader,cta,click,action|icons,monochrome,minimal|c"],["Inline Code","spectrum","component for the Inline Code","npx shadcn@latest add @spectrumui/inline-code","https://ui.spectrumhq.in/docs",0,"",["inline-code",1,6,1],65,"misc","code block|code,syntax highlight|no icons,monochrome|c"],["Input Model","spectrum","component for the Input Model Demo","npx shadcn@latest add @spectrumui/input-model","https://ui.spectrumhq.in/docs/input-model",0,"",["input-model",1,0,2],73,"input","input|text field,upload,form,form control|icons,monochrome|c"],["Multiple Selector With Disable Options","spectrum","component for the Multiple Selector With Disable Options","npx shadcn@latest add @spectrumui/multiple-selector-with-disable-options","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-with-disable-options",1,5,7],0,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector Disabled","spectrum","component for the Multiple Selector Disabled","npx shadcn@latest add @spectrumui/multiple-selector-disabled","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-disabled",1,0,6],36,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector No Default Select","spectrum","component for the Multiple Selector No Default Select","npx shadcn@latest add @spectrumui/multiple-selector-no-default-select","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-no-default-select",1,6,6],0,"dropdown","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector Controlled","spectrum","component for the Multiple Selector Controlled","npx shadcn@latest add @spectrumui/multiple-selector-controlled","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-controlled",1,6,5],36,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector Hide Clear All","spectrum","component for the Multiple Selector Hide Clear All","npx shadcn@latest add @spectrumui/multiple-selector-hide-clear-all","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-hide-clear-all",1,2,6],0,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector Creatable","spectrum","component for the Multiple Selector Creatable","npx shadcn@latest add @spectrumui/multiple-selector-creatable","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-creatable",1,7,5],1,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector With Async Search","spectrum","component for the Multiple Selector With Async Search","npx shadcn@latest add @spectrumui/multiple-selector-with-async-search","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-with-async-search",1,1,7],7,"misc","multi select|select,search,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector With Async Search And OnFocus","spectrum","component for the Multiple Selector With Async Search And OnFocus","npx shadcn@latest add @spectrumui/multiple-selector-with-async-search-and-onfocus","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-with-async-search-and-onfocus",1,4,7],7,"misc","multi select|select,search,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector With Async Search And Creatable","spectrum","component for the Multiple Selector With Async Search And Creatable","npx shadcn@latest add @spectrumui/multiple-selector-with-async-search-and-creatable","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-with-async-search-and-creatable",1,2,7],7,"misc","multi select|select,search,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector With Async Search And Creatable And Group","spectrum","component for the Multiple Selector With Async Search And Creatable And Group","npx shadcn@latest add @spectrumui/multiple-selector-with-async-search-and-creatable-and-group","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-with-async-search-and-creatable-and-group",1,3,7],7,"misc","multi select|select,search,combobox,tags|no icons,monochrome,minimal|c"],["Heading With Anchor","spectrum","component for the Heading With Anchor","npx shadcn@latest add @spectrumui/heading-with-anchor","https://ui.spectrumhq.in/docs/heading-with-anchor",0,"",["heading-with-anchor",1,6,0],49,"text","text effect|link,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Multiple Selector With Sync Search And Creatable And Group","spectrum","component for the Multiple Selector With Sync Search And Creatable And Group","npx shadcn@latest add @spectrumui/multiple-selector-with-sync-search","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-with-sync-search",1,0,8],60,"misc","multi select|select,search,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector Manually Controlled","spectrum","component for the Multiple Selector Manually Controlled","npx shadcn@latest add @spectrumui/multiple-selector-manually-controlled","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-manually-controlled",1,3,6],52,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector With Group","spectrum","component for the Multiple Selector With Group","npx shadcn@latest add @spectrumui/multiple-selector-with-group","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-with-group",1,7,7],0,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Status Tracker","spectrum","A staged progress tracker for long-running AI jobs.","npx shadcn@latest add @spectrumui/status-tracker","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["status-tracker",2,2,3],52,"loader","tracker|audio player,status,chart,dashboard|no icons,monochrome,minimal|c"],["Streaming Text","spectrum","A streamed answer with inline citations, sources, and follow-ups.","npx shadcn@latest add @spectrumui/streaming-text","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["streaming-text",2,3,3],58,"thinking","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Suggestion Banner","spectrum","An inline AI suggestion with apply and dismiss.","npx shadcn@latest add @spectrumui/suggestion-banner","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["suggestion-banner",2,4,3],67,"thinking","alert|combobox,message,banner,callout|icons,monochrome|c"],["Task Rows","spectrum","Live agent task rows with status badges and expandable notes.","npx shadcn@latest add @spectrumui/task-rows","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["task-rows",2,1,4],79,"table","ai prompt|ai,tasks,chat,input|icons,monochrome|c"],["Thinking Dots","spectrum","A minimal typing indicator — bouncing dots or a sliding bar.","npx shadcn@latest add @spectrumui/thinking-dots","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["thinking-dots",2,5,4],2,"thinking","ai prompt|ai,chat,input|no icons,animated,monochrome,minimal|c"],["Tool Chips","spectrum","Compact tool-call chips that expand into their arguments and result.","npx shadcn@latest add @spectrumui/tool-chips","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["tool-chips",2,2,5],55,"accordion","tag|label,chip,pill|no icons,monochrome|c"],["Usage Meter","spectrum","A context-window meter with token counts and estimated cost.","npx shadcn@latest add @spectrumui/usage-meter","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["usage-meter",2,2,6],50,"misc","progress bar|progress,pricing,meter,loading|no icons,monochrome,minimal|c"],["Use Toast","spectrum","component for the Use Toast","npx shadcn@latest add @spectrumui/use-toast","https://ui.spectrumhq.in/docs",0,"",["use-toast",2,3,6],4,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Multiple Selector Max Selected","spectrum","component for the Multiple Selector Max Selected","npx shadcn@latest add @spectrumui/multiple-selector-max-selected","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-max-selected",1,4,6],0,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector Max Text Length","spectrum","component for the Multiple Selector Max Text Length","npx shadcn@latest add @spectrumui/multiple-selector-max-text-length","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-max-text-length",1,5,6],0,"text","text effect|select,multi select,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Multiple Selector No Placeholder When Selected","spectrum","component for the Multiple Selector No Placeholder When Selected","npx shadcn@latest add @spectrumui/multiple-selector-no-placeholder-when-selected","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-no-placeholder-when-selected",1,7,6],2,"misc","skeleton|select,multi select,loading,placeholder|no icons,monochrome,minimal|c"],["Multiple Selector Fixed Option","spectrum","component for the Multiple Selector Fixed Option","npx shadcn@latest add @spectrumui/multiple-selector-fixed-option","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-fixed-option",1,1,6],39,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector Ref","spectrum","component for the Multiple Selector Ref","npx shadcn@latest add @spectrumui/multiple-selector-ref","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-ref",1,0,7],58,"misc","multi select|select,combobox,tags|no icons,monochrome,minimal|c"],["Multiple Selector Command Props","spectrum","component for the Multiple Selector Command Props","npx shadcn@latest add @spectrumui/multiple-selector-commandprops","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-commandprops",1,5,5],55,"command","command menu|select,multi select,command palette,search,cmdk|no icons,monochrome|c"],["Multiple Selector With Form","spectrum","component for the Multiple Selector With Form","npx shadcn@latest add @spectrumui/multiple-selector-with-form","https://ui.spectrumhq.in/docs/multiple-selector",0,"",["multiple-selector-with-form",1,6,7],56,"input","multi select|form,select,combobox,tags|no icons,monochrome,minimal|c"],["Circular Navbar","spectrum","component for the Circular Navbar","npx shadcn@latest add @spectrumui/circular-navbar","https://ui.spectrumhq.in/docs/navbar",0,"",["circular-navbar",0,1,6],58,"navbar|b","navbar|header,settings,notifications,navigation,menu|icons,monochrome|b"],["Tab Navbar","spectrum","component for the Tab Navbar","npx shadcn@latest add @spectrumui/tab-navbar","https://ui.spectrumhq.in/docs/navbar",0,"",["tab-navbar",2,6,3],48,"navbar|b","navbar|tabs,login,header,navigation,menu|icons,monochrome|b"],["Floating Navbar","spectrum","component for the Floating Navbar","npx shadcn@latest add @spectrumui/floating-navbar","https://ui.spectrumhq.in/docs/navbar",0,"",["floating-navbar",1,0,0],65,"navbar","navbar|header,settings,navigation,menu|icons,monochrome|c"],["Sidebar Navbar","spectrum","component for the Sidebar Navbar","npx shadcn@latest add @spectrumui/sidebar-navbar","https://ui.spectrumhq.in/docs/navbar",0,"",["sidebar-navbar",2,5,1],44,"navbar|b","navbar|sidebar,header,navigation,menu|icons,monochrome|b"],["Login Card","spectrum","component for the Login Card","npx shadcn@latest add @spectrumui/login-card","https://ui.spectrumhq.in/docs/login",0,"",["login-card",1,0,4],85,"section|b","login|card,sign in,sign up,auth form|icons,avatar,monochrome|b"],["Kanban Board","spectrum","component for the Kanban Board","npx shadcn@latest add @spectrumui/kanbanboard","https://ui.spectrumhq.in/docs/kanban",0,"",["kanbanboard",1,6,2],82,"kanban","kanban board|board,upload,calendar,tasks,drag and drop|icons|b"],["Profile Dropdown","spectrum","component for the Profile Dropdown","npx shadcn@latest add @spectrumui/profile-dropdown","https://ui.spectrumhq.in/docs/profile",0,"",["profile-dropdown",1,4,10],87,"dropdown","user menu|dropdown menu,settings,account,avatar|icons,avatar,animated,monochrome|c"],["Product Card","spectrum","component for the Product Card","npx shadcn@latest add @spectrumui/product-card","https://ui.spectrumhq.in/docs/product-card",0,"",["product-card",1,3,10],96,"card","ecommerce|card,e-commerce,pricing,product,shop,checkout|icons,images,monochrome|b"],["Progress With Value","spectrum","component for the Progress With Value","npx shadcn@latest add @spectrumui/progress-with-value","https://ui.spectrumhq.in/docs/progress-with-value",0,"",["progress-with-value",1,5,10],21,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress With Value Position","spectrum","component for the Progress With Value Position","npx shadcn@latest add @spectrumui/value-position","https://ui.spectrumhq.in/docs/progress-with-value",0,"",["value-position",2,4,6],79,"loader","progress bar|progress,meter,loading|no icons,monochrome|c"],["Progress With Value Custom Label","spectrum","component for the Progress With Value Custom Label","npx shadcn@latest add @spectrumui/custom-label","https://ui.spectrumhq.in/docs/progress-with-value",0,"",["custom-label",0,2,7],80,"loader","progress bar|input,progress,meter,loading|no icons,monochrome,minimal|c"],["Responsive Modal","spectrum","component for the Responsive Modal","npx shadcn@latest add @spectrumui/responsive-modal","https://ui.spectrumhq.in/docs/responsive-modal",0,"",["responsive-modal",2,3,0],2,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Responsive Modal Side","spectrum","component for the Responsive Modal Side","npx shadcn@latest add @spectrumui/responsive-modal-side","https://ui.spectrumhq.in/docs/responsive-modal",0,"",["responsive-modal-side",2,4,0],45,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Accordion","spectrum","component for the Accordion","npx shadcn@latest add @spectrumui/accordion","https://ui.spectrumhq.in/docs/accordion",0,"",["accordion",0,1,0],26,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion Card","spectrum","component for the Accordion Card","npx shadcn@latest add @spectrumui/accordion-card","https://ui.spectrumhq.in/docs/accordion",0,"",["accordion-card",0,2,0],72,"accordion","card|accordion,container,surface|icons,monochrome|c"],["Accordion Filled","spectrum","component for the Accordion Filled","npx shadcn@latest add @spectrumui/accordion-filled","https://ui.spectrumhq.in/docs/accordion",0,"",["accordion-filled",0,3,0],82,"accordion","accordion|collapsible,expand,faq|no icons,monochrome|c"],["Accordion Ghost","spectrum","component for the Accordion Ghost","npx shadcn@latest add @spectrumui/accordion-ghost","https://ui.spectrumhq.in/docs/accordion",0,"",["accordion-ghost",0,5,0],54,"accordion","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["Accordion Generative","spectrum","component for the Accordion Generative","npx shadcn@latest add @spectrumui/accordion-generative","https://ui.spectrumhq.in/docs/accordion",0,"",["accordion-generative",0,4,0],75,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Skeleton","spectrum","component for the Skeleton","npx shadcn@latest add @spectrumui/skeleton","https://ui.spectrumhq.in/docs/skeleton",0,"",["skeleton",2,6,1],0,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Skeleton Card","spectrum","component for the Skeleton Card","npx shadcn@latest add @spectrumui/skeleton-card","https://ui.spectrumhq.in/docs/skeleton",0,"",["skeleton-card",2,7,1],34,"loader","card|skeleton,container,surface|no icons,animated,monochrome,minimal|c"],["Spinner Size","spectrum","component for the Spinner Size","npx shadcn@latest add @spectrumui/spinner-size","https://ui.spectrumhq.in/docs/spinner",0,"",["spinner-size",2,3,2],42,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Spinner With Text","spectrum","component for the Spinner With Text","npx shadcn@latest add @spectrumui/spinner-with-text","https://ui.spectrumhq.in/docs/spinner",0,"",["spinner-with-text",2,5,2],62,"loader","loader|text effect,spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Spinner Toggle","spectrum","component for the Spinner Toggle","npx shadcn@latest add @spectrumui/spinner-toggle","https://ui.spectrumhq.in/docs/spinner",0,"",["spinner-toggle",2,4,2],17,"loader","switch|loader,toggle,on off,settings|no icons,monochrome,minimal|c"],["Status Badge","spectrum","component for the Status Badge","npx shadcn@latest add @spectrumui/status-badge","https://ui.spectrumhq.in/docs/status-badge",0,"",["status-badge",2,1,3],68,"misc","badge|label,tasks,status,pill|icons,monochrome|c"],["Testimonials","spectrum","component for the Testimonials","npx shadcn@latest add @spectrumui/testimonials","https://ui.spectrumhq.in/docs/testimonials",0,"",["testimonials",2,3,4],89,"card|b","testimonials|reviews,social proof,quotes|icons,avatar,images,animated,monochrome|b"],["Holographic Scan Reveal","spectrum","component for the Holographic Scan Reveal","npx shadcn@latest add @spectrumui/holographic","https://ui.spectrumhq.in/docs/animatedtext",0,"",["holographic",1,1,1],18,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Orbital Letters","spectrum","component for the Orbital Letters","npx shadcn@latest add @spectrumui/orbital-letters","https://ui.spectrumhq.in/docs/animatedtext",0,"",["orbital-letters",1,2,9],62,"text","text effect|background,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Fluid Ink Morph","spectrum","component for the Fluid Ink Morph","npx shadcn@latest add @spectrumui/ink","https://ui.spectrumhq.in/docs/animatedtext",0,"",["ink",1,5,1],80,"misc","background|animated background,effect,hero background|no icons,animated|c"],["Animated Drawer","spectrum","component for the Animated Drawer","npx shadcn@latest add @spectrumui/animated-drawer","https://ui.spectrumhq.in/docs/animateddrawer",0,"",["animated-drawer",0,0,2],25,"misc","drawer|sheet,overlay,panel|no icons,animated,monochrome,minimal|c"],["Command Palette","spectrum","A fully customizable, smooth-animated Command Palette (Cmd+K) component","npx shadcn@latest add @spectrumui/command-palette","https://ui.spectrumhq.in/docs/command-palette",0,"",["command-palette",0,5,6],57,"command","command menu|command palette,search,cmdk|no icons,monochrome,minimal|c"],["Scratch Card","spectrum","A scratch-to-reveal coupon card with an HTML5 canvas foil, dust particles on scratch, and a reveal callback at a configurable threshold","npx shadcn@latest add @spectrumui/scratch-card","https://ui.spectrumhq.in/docs/scratch-card",0,"",["scratch-card",2,0,1],84,"card","card|container,surface|icons|c"],["Dock","spectrum","A premium macOS-Style Animated Dock Menu component","npx shadcn@latest add @spectrumui/dock","https://ui.spectrumhq.in/docs/dock",0,"",["dock",0,5,9],21,"dropdown","dock|navigation,icons,magnify|icons,monochrome|c"],["Dock Glass","spectrum","Glassmorphism variant demo for the macOS-Style Animated Dock Menu component","npx shadcn@latest add @spectrumui/dock-glass","https://ui.spectrumhq.in/docs/dock",0,"",["dock-glass",0,6,9],64,"dropdown","dock|navigation,icons,magnify|icons,monochrome|c"],["Bento Grid","spectrum","A premium interactive Bento Grid component","npx shadcn@latest add @spectrumui/bento-grid","https://ui.spectrumhq.in/docs",0,"",["bento-grid",0,5,4],82,"card|b","features section|features,media,notifications,grid,landing page|icons,animated|b"],["Like Button","spectrum","A heart like button micro-interaction with a spring pop, ring pulse, radial particle burst, and a rolling odometer count","npx shadcn@latest add @spectrumui/like-button","https://ui.spectrumhq.in/docs/like-button",0,"",["like-button",1,1,3],67,"button","button|cta,click,action|icons,monochrome|c"],["3D Tilt Card","spectrum","A 3D perspective tilt card that rotates toward the pointer with spring smoothing, parallax translateZ depth layers, and a pointer-following glare highlight","npx shadcn@latest add @spectrumui/tilt-card","https://ui.spectrumhq.in/docs/tilt-card",0,"",["tilt-card",2,7,4],100,"card","card|container,pricing,surface|no icons,monochrome|c"],["Hold to Confirm","spectrum","A press-and-hold confirmation button for destructive actions with a filling progress ring, spring-back on early release, and a success check morph on completion","npx shadcn@latest add @spectrumui/hold-to-confirm","https://ui.spectrumhq.in/docs/hold-to-confirm",0,"",["hold-to-confirm",1,0,1],79,"dialog","alert dialog|dialog,modal,confirm|icons,monochrome|c"],["Reaction Bar","spectrum","A Slack-style emoji reaction row with popping chips, direction-aware rolling counts, and a staggered emoji-picker popover","npx shadcn@latest add @spectrumui/reaction-bar","https://ui.spectrumhq.in/docs/reaction-bar",0,"",["reaction-bar",1,5,11],82,"misc","popover|overlay,popup,menu|icons,monochrome|c"],["Star Rating","spectrum","An animated star rating input with hover-preview wave, pop and sparkle burst on commit, rolling value label, and fractional read-only display","npx shadcn@latest add @spectrumui/star-rating","https://ui.spectrumhq.in/docs/star-rating",0,"",["star-rating",2,7,2],77,"input","rating|stars,review,input|icons,monochrome|c"],["Quantity Stepper","spectrum","An animated quantity input for carts and forms with rolling digits, hold-to-repeat acceleration, and a boundary shake","npx shadcn@latest add @spectrumui/quantity-stepper","https://ui.spectrumhq.in/docs/quantity-stepper",0,"",["quantity-stepper",1,0,11],75,"input","stepper|number input,pricing,steps,progress,onboarding|icons,monochrome|c"],["Follow Button","spectrum","A morphing follow/unfollow button with a spring width morph, animated check draw, and a hover-revealed unfollow state","npx shadcn@latest add @spectrumui/follow-button","https://ui.spectrumhq.in/docs/follow-button",0,"",["follow-button",1,2,0],82,"button","button|cta,click,action|icons,avatar,monochrome,minimal|c"],["Notification Bell","spectrum","A bell icon button with a ring-shake swing, springy unread badge with rolling odometer count, and a pinging dot mode","npx shadcn@latest add @spectrumui/notification-bell","https://ui.spectrumhq.in/docs/notification-bell",0,"",["notification-bell",1,5,8],59,"toast","toast|notification,notifications,alert,message|icons,monochrome|c"],["Face Rating","spectrum","A five-level feedback rating where one large SVG face morphs its mouth, eyes and color between moods as you hover and click, with a joy bounce on commit","npx shadcn@latest add @spectrumui/face-rating","https://ui.spectrumhq.in/docs/face-rating",0,"",["face-rating",0,0,11],85,"input","rating|stars,review,input|no icons,monochrome|c"],["Undo Pill","spectrum","An inline undo pill with a draining countdown ring that pauses on hover and fires undo or expire callbacks","npx shadcn@latest add @spectrumui/undo-pill","https://ui.spectrumhq.in/docs/undo-pill",0,"",["undo-pill",2,0,6],74,"misc","tag|label,chip,pill|icons,avatar,images,monochrome|c"],["Password Strength","spectrum","A password input with an animated four-segment strength meter, crossfading strength label, requirements checklist with drawing check marks, and a visibility toggle","npx shadcn@latest add @spectrumui/password-strength","https://ui.spectrumhq.in/docs/password-strength",0,"",["password-strength",1,5,9],71,"switch","password input|input,form,login|icons,monochrome|c"],["Swipe to Delete","spectrum","An iOS-style swipeable list-item wrapper that reveals a delete action on drag, pops the icon at the commit threshold, and collapses the row before firing onDelete","npx shadcn@latest add @spectrumui/swipe-to-delete","https://ui.spectrumhq.in/docs/swipe-to-delete",0,"",["swipe-to-delete",2,5,3],71,"accordion","list|items,rows|icons,monochrome|c"],["Task Checkbox","spectrum","A satisfying todo checkbox row with spring fill, drawn-in check, confetti burst and animated strikethrough","npx shadcn@latest add @spectrumui/task-checkbox","https://ui.spectrumhq.in/docs/task-checkbox",0,"",["task-checkbox",2,0,4],75,"input","checkbox|form,tasks,checklist|icons,monochrome|c"],["Morph Button","spectrum","A multi-state async action button that morphs between idle, loading, success and error with an arc spinner, drawn-in check, tight error shake and auto-reset","npx shadcn@latest add @spectrumui/morph-button","https://ui.spectrumhq.in/docs/morph-button",0,"",["morph-button",1,4,5],66,"button","button|cta,click,action|no icons,animated,monochrome,minimal|c"],["Animated Switch","spectrum","An iOS-quality animated toggle switch with a press-to-stretch knob, drag-to-toggle with flick support, and optional crossfading knob icons","npx shadcn@latest add @spectrumui/animated-switch","https://ui.spectrumhq.in/docs/animated-switch",0,"",["animated-switch",0,2,2],76,"switch","switch|toggle,notifications,on off,settings|no icons,animated,monochrome|c"],["Avatar Stack","spectrum","An overlapping avatar stack that fans apart on hover, springs name tooltips over each face and expands hidden members from a +N pill with a stagger","npx shadcn@latest add @spectrumui/avatar-stack","https://ui.spectrumhq.in/docs/avatar-stack",0,"",["avatar-stack",0,0,4],85,"media","avatar group|avatar,team,users|no icons,avatar,images,monochrome,minimal|c"],["Kbd Key","spectrum","A 3D keycap that physically depresses when the real key is pressed, with combo shortcuts that pulse and fire when every key is held at once","npx shadcn@latest add @spectrumui/kbd-key","https://ui.spectrumhq.in/docs/kbd-key",0,"",["kbd-key",1,7,2],67,"misc","keyboard key|shortcut,search,keyboard|icons,monochrome,minimal|c"],["Share Button","spectrum","A share trigger that fans out into copy-link and custom share actions with staggered springs, tooltips and full keyboard support","npx shadcn@latest add @spectrumui/share-button","https://ui.spectrumhq.in/docs/share-button",0,"",["share-button",2,4,1],77,"button","button|cta,click,action|icons,monochrome|c"],["Voice Input","spectrum","A voice recorder pill with animated level bars and a live timer.","npx shadcn@latest add @spectrumui/voice-input","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["voice-input",2,5,6],53,"input","input|voice,text field,form,form control|icons,monochrome,minimal|c"],["Web Search","spectrum","Agent search results with a live reading indicator.","npx shadcn@latest add @spectrumui/web-search","https://ui.spectrumhq.in/blocks/ai-assistants",0,"",["web-search",2,7,6],64,"thinking","ai prompt|ai,search,chat,input|icons,monochrome|c"],["Chart Kit","spectrum","Shared data, fills, tooltip, and axis chrome for Spectrum Charts.","npx shadcn@latest add @spectrumui/chart-kit","https://ui.spectrumhq.in/blocks/charts",0,"",["chart-kit",0,6,5],63,"chart","chart|graph,data,dashboard|no icons|c"],["Bar Chart","spectrum","Vertical and horizontal bars with hatch, duotone, gradient, stripe, stack, and glow fills.","npx shadcn@latest add @spectrumui/bar-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["bar-chart",0,2,4],100,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Line Chart","spectrum","Multi-series lines with solid, dashed, bump, step, gradient, and glow strokes.","npx shadcn@latest add @spectrumui/line-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["line-chart",1,2,3],75,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Area Chart","spectrum","Filled areas with gradient, hatch, dotted, stacked, and dashed-stroke variants.","npx shadcn@latest add @spectrumui/area-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["area-chart",0,0,3],98,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Pie Chart","spectrum","Pie and donut charts with padded sectors, labels, and optional sector glow.","npx shadcn@latest add @spectrumui/pie-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["pie-chart",1,7,9],56,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Radar Chart","spectrum","Radar plots with filled or outline series, circle grids, and glow.","npx shadcn@latest add @spectrumui/radar-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["radar-chart",1,3,11],72,"chart","radar chart|chart,dashboard|no icons|c"],["Radial Chart","spectrum","Full and semi-circle radial bars for share and progress.","npx shadcn@latest add @spectrumui/radial-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["radial-chart",1,4,11],81,"chart","radial chart|chart,gauge,dashboard|no icons|c"],["Composed Chart","spectrum","Bars, lines, and areas on one plot — mix fills, dashes, and glow per series.","npx shadcn@latest add @spectrumui/composed-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["composed-chart",0,7,6],100,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Connecting Real Data","spectrum","Wiring any chart to a real source: fetch in an effect, SWR or React Query, server components, and streaming — with every outcome mapped onto a status.","npx shadcn@latest add @spectrumui/chart-data","https://ui.spectrumhq.in/blocks/charts",0,"",["chart-data",0,4,5],93,"thinking","tabs|tab bar,pricing,segmented control,navigation|no icons,animated|c"],["Chart States","spectrum","Loading skeletons, empty states and error states for every chart — one wrapper, six skeleton shapes, and a frame height that never shifts between them.","npx shadcn@latest add @spectrumui/chart-states","https://ui.spectrumhq.in/blocks/charts",0,"",["chart-states",0,7,5],81,"chart","chart|graph,timeline data,data,dashboard|no icons,animated,monochrome|c"],["Market Chart","spectrum","A trading-desk chart in pure SVG: OHLC candles, a volume pane, a snapping crosshair with axis-pinned price and time, a range selector that morphs the series, and a live tape.","npx shadcn@latest add @spectrumui/market-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["market-chart",1,2,4],92,"chart","chart|graph,timeline data,pricing,data,dashboard|no icons,animated|c"],["Indicator Chart","spectrum","Price, RSI and MACD stacked on one time axis with a single crosshair that reports all three panes at once.","npx shadcn@latest add @spectrumui/indicator-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["indicator-chart",1,4,1],92,"chart","chart|badge,timeline data,pricing,graph,data,dashboard|no icons,animated|c"],["Depth Chart","spectrum","Cumulative bid and ask liquidity either side of the mid, with a crosshair that reports the size resting up to any price.","npx shadcn@latest add @spectrumui/depth-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["depth-chart",0,2,9],95,"chart","chart|graph,pricing,data,dashboard|no icons|c"],["Order Book","spectrum","A trading ladder with cumulative depth bars, a spread row, and flashing updates in live mode.","npx shadcn@latest add @spectrumui/order-book","https://ui.spectrumhq.in/blocks/charts",0,"",["order-book",1,3,9],87,"misc","card|ecommerce,pricing,container,surface|no icons|c"],["Portfolio Chart","spectrum","Account value against cost basis with drawdown from the running peak shaded underneath.","npx shadcn@latest add @spectrumui/portfolio-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["portfolio-chart",1,1,10],90,"chart|b","content section|chart,calendar,pricing,section,landing page|no icons,animated|b"],["Market Heatmap","spectrum","A squarified treemap sized by market cap and coloured on a diverging change ramp — the market map.","npx shadcn@latest add @spectrumui/market-heatmap","https://ui.spectrumhq.in/blocks/charts",0,"",["market-heatmap",1,3,4],98,"misc","heatmap|chart,calendar,dashboard|no icons,animated|c"],["Calendar Heatmap","spectrum","A year of daily values as week columns — the contributions grid, with five quantised intensity steps, streak stats, and month rails.","npx shadcn@latest add @spectrumui/calendar-heatmap","https://ui.spectrumhq.in/blocks/charts",0,"",["calendar-heatmap",0,0,5],91,"datepicker","heatmap|chart,calendar,dashboard|no icons,animated|c"],["Cohort Retention","spectrum","The retention triangle: cohorts down, periods across, intensity by share retained, with a row and column crosshair and a period average.","npx shadcn@latest add @spectrumui/cohort-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["cohort-chart",0,4,6],90,"misc","chart|graph,timeline data,data,dashboard|no icons,animated|c"],["Stat Cards","spectrum","KPI cards with a big value, the delta written as a sentence, and a scrubbable sparkline or progress bar beside it — the row every dashboard opens with.","npx shadcn@latest add @spectrumui/stat-cards","https://ui.spectrumhq.in/blocks/charts",0,"",["stat-cards",2,0,3],86,"card","stat card|stats section,analytics,pricing,kpi,metrics,dashboard|no icons,animated|c"],["Histogram","spectrum","A distribution of raw samples binned on nice edges, with p50 / p95 / p99 pinned onto the plot — the chart that shows the tail your average hides.","npx shadcn@latest add @spectrumui/histogram-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["histogram-chart",1,7,0],98,"chart","bar chart|chart,graph,dashboard|no icons,animated|c"],["Candlestick Chart","spectrum","OHLC candles with optional volume and hollow-up bodies — for stocks, SOL, and any market pair.","npx shadcn@latest add @spectrumui/candlestick-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["candlestick-chart",0,1,5],50,"chart","sankey chart|chart,calendar,pricing,dashboard|no icons|c"],["Price Chart","spectrum","Ticker chrome with last price and signed delta. Use it for tokens, equities, or protocol TVL.","npx shadcn@latest add @spectrumui/price-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["price-chart",1,2,10],80,"pricing|b","pricing section|chart,pricing,plans,subscription|no icons|b"],["Sparkline","spectrum","Compact inline price marks for watchlists, token tables, and portfolio rows.","npx shadcn@latest add @spectrumui/sparkline-chart","https://ui.spectrumhq.in/blocks/charts",0,"",["sparkline-chart",2,2,2],81,"table","sparkline|chart,pricing,dashboard|no icons,monochrome|c"],["Offset Tiers","spectrum","Staggered serif panels on a dot grid, with one entry price and expert CTAs.","npx shadcn@latest add @spectrumui/offset-tiers","https://ui.spectrumhq.in/blocks/pricing",0,"",["offset-tiers",1,1,9],79,"pricing|b","pricing section|pricing,plans,subscription|icons,animated|b"],["Gradient Tiers","spectrum","Pastel gradient card headers with icons and color-coded inheritance labels.","npx shadcn@latest add @spectrumui/gradient-tiers","https://ui.spectrumhq.in/blocks/pricing",0,"",["gradient-tiers",1,5,0],85,"background","background|pricing section,pricing,animated background,effect,hero background|icons,animated,colorful|c"],["Dark Matrix","spectrum","A dark comparison table with dashed rows, mint checks, and per-plan CTA pills.","npx shadcn@latest add @spectrumui/dark-matrix","https://ui.spectrumhq.in/blocks/pricing",0,"",["dark-matrix",0,4,7],69,"table","data table|table,rows,spreadsheet|icons|c"],["Blueprint Tiers","spectrum","A Swiss-style pricing table with crop marks, mono labels, and a royal-blue accent.","npx shadcn@latest add @spectrumui/blueprint-tiers","https://ui.spectrumhq.in/blocks/pricing",0,"",["blueprint-tiers",0,6,4],92,"pricing|b","pricing section|pricing,plans,subscription|icons,animated|b"],["Serif Tiers","spectrum","Cream serif cards with a black featured card lit by a crimson glow.","npx shadcn@latest add @spectrumui/serif-tiers","https://ui.spectrumhq.in/blocks/pricing",0,"",["serif-tiers",2,2,1],89,"pricing|b","pricing section|pricing,plans,subscription|icons,animated|b"],["Banner Tiers","spectrum","A brutalist plan table whose featured column wears a blue banner on top.","npx shadcn@latest add @spectrumui/banner-tiers","https://ui.spectrumhq.in/blocks/pricing",0,"",["banner-tiers",0,1,4],95,"pricing|b","pricing section|alert,pricing,plans,subscription|icons,animated|b"],["Receipt Tiers","spectrum","Plans printed as thermal receipts with torn edges, dotted leaders, and a rubber stamp.","npx shadcn@latest add @spectrumui/receipt-tiers","https://ui.spectrumhq.in/blocks/pricing",0,"",["receipt-tiers",1,7,11],67,"pricing|b","pricing section|pricing,plans,subscription|no icons,animated|b"],["Command Search","spectrum","A command palette that types queries and live-filters grouped results, with keyboard navigation.","npx shadcn@latest add @spectrumui/command-search","https://ui.spectrumhq.in/docs/command-search",0,"",["command-search",0,6,6],78,"command","command menu|command palette,search,cmdk|icons,animated,monochrome|c"],["Recent Activity","spectrum","An activity feed card that lists agent runs with duration and recency chips.","npx shadcn@latest add @spectrumui/recent-activity","https://ui.spectrumhq.in/docs/recent-activity",0,"",["recent-activity",2,0,0],61,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["Account Access Card","spectrum","A credentials card that auto-fills email and password on a loop, with a danger zone.","npx shadcn@latest add @spectrumui/account-access-card","https://ui.spectrumhq.in/docs/account-access-card",0,"",["account-access-card",0,6,0],84,"card","card|container,login,surface|icons,monochrome|c"],["AI Chat Card","spectrum","An AI chat card that types prompts into its composer, with send, attach and reset actions.","npx shadcn@latest add @spectrumui/ai-chat-card","https://ui.spectrumhq.in/docs/ai-chat-card",0,"",["ai-chat-card",0,2,1],75,"thinking","card|ai prompt,chat,container,surface|icons,monochrome|c"],["Nav List Card","spectrum","A compact navigation card that lists links with icons, with a spring slide on hover.","npx shadcn@latest add @spectrumui/nav-list-card","https://ui.spectrumhq.in/docs/nav-list-card",0,"",["nav-list-card",1,1,8],73,"card","card|list,navbar,container,surface|icons,monochrome|c"],["Transfer Funds Card","spectrum","A money transfer form card with account pickers, a summary and a confirm action.","npx shadcn@latest add @spectrumui/transfer-funds-card","https://ui.spectrumhq.in/docs/transfer-funds-card",0,"",["transfer-funds-card",2,4,5],71,"card","card|container,pricing,surface|icons,monochrome|c"],["FAQ Tabs Card","spectrum","A tabbed FAQ card with animated accordion answers and a support footer.","npx shadcn@latest add @spectrumui/faq-tabs-card","https://ui.spectrumhq.in/docs/faq-tabs-card",0,"",["faq-tabs-card",0,1,11],67,"tabs|b","faq section|card,tabs,faq,accordion,questions|icons,monochrome|b"],["Tree Nav","spectrum","A nav list with a tree rail and a spring marker that follows hover and settles on the active link.","npx shadcn@latest add @spectrumui/tree-nav","https://ui.spectrumhq.in/docs/tree-nav",0,"",["tree-nav",2,6,5],67,"navbar","navbar|tree view,header,navigation,menu|no icons,monochrome,minimal|c"],["Metal Button","spectrum","A pill button framed by a real-time WebGL liquid-metal ring, in chromatic, silver and gold presets.","npx shadcn@latest add @spectrumui/metal-button","https://ui.spectrumhq.in/docs/metal-button",0,"",["metal-button",1,0,5],77,"button","button|cta,click,action|icons|c"],["Metal Prompt Bar","spectrum","An AI prompt bar with a live liquid-metal send button that reflects onto the chips beside it.","npx shadcn@latest add @spectrumui/metal-prompt-bar","https://ui.spectrumhq.in/docs/metal-prompt-bar",0,"",["metal-prompt-bar",1,1,5],95,"thinking","ai prompt|ai,chat,input|icons,animated|c"],["Beam Card","spectrum","A card wrapped in an animated border beam, traveling or breathing, in four color palettes.","npx shadcn@latest add @spectrumui/beam-card","https://ui.spectrumhq.in/docs/beam-card",0,"",["beam-card",0,3,4],75,"card","card|background,container,surface|no icons,animated,monochrome|c"],["Beam Search Bar","spectrum","A search bar whose bottom edge lights up with a traveling beam while it has focus.","npx shadcn@latest add @spectrumui/beam-search","https://ui.spectrumhq.in/docs/beam-search",0,"",["beam-search",0,4,4],71,"command","search input|background,input,search|icons,monochrome|c"],["Dynamic Island","spectrum","An iOS-style island pill that morphs between live activity views with a bouncy resize.","npx shadcn@latest add @spectrumui/dynamic-island","https://ui.spectrumhq.in/docs/dynamic-island",0,"",["dynamic-island",0,3,10],94,"misc","tag|label,media,chip,pill|icons,monochrome|c"],["Expandable Action Bar","spectrum","Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.","npx shadcn@latest add @spectrumui/expandable-action-bar","https://ui.spectrumhq.in/docs/expandable-action-bar",0,"",["expandable-action-bar",0,7,10],68,"accordion","menubar|accordion,toolbar,menu|icons,animated|c"],["Toast Stack","spectrum","Stacked toasts with status morphs, swipe to dismiss, actions and layout-aware motion.","npx shadcn@latest add @spectrumui/toast-stack","https://ui.spectrumhq.in/docs/toast-stack",0,"",["toast-stack",2,0,5],56,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Number Ticker","spectrum","A rolling digit ticker that counts to a value with per-digit stagger, padding and blur.","npx shadcn@latest add @spectrumui/number-ticker","https://ui.spectrumhq.in/docs/number-ticker",0,"",["number-ticker",1,7,8],79,"text","number ticker|marquee,pricing,counter,text effect,animated number|icons,animated,monochrome|c"],["Text States","spectrum","A status label that swaps its text in place, exiting up with blur and entering from below.","npx shadcn@latest add @spectrumui/text-states","https://ui.spectrumhq.in/docs/text-states",0,"",["text-states",2,4,4],65,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Skeleton Reveal","spectrum","A skeleton that pulses while loading, then cross-fades and un-blurs into the real content.","npx shadcn@latest add @spectrumui/skeleton-reveal","https://ui.spectrumhq.in/docs/skeleton-reveal",0,"",["skeleton-reveal",2,0,2],74,"loader","skeleton|loading,placeholder|icons,monochrome,minimal|c"],["Data Table","spectrum","A typed data table with sorting, search and row selection, where rows glide into their new order.","npx shadcn@latest add @spectrumui/data-table","https://ui.spectrumhq.in/docs/data-table",0,"",["data-table",0,5,7],71,"table","data table|table,pricing,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Payments Table","spectrum","Transactions with people avatars, status pills, filters, row selection and a bulk export bar.","npx shadcn@latest add @spectrumui/payments-table","https://ui.spectrumhq.in/blocks/tables",0,"",["payments-table",1,6,9],73,"table","data table|table,pricing,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Team Members Table","spectrum","Workspace member management with roles, two-factor status, last activity and a remove action.","npx shadcn@latest add @spectrumui/team-members-table","https://ui.spectrumhq.in/blocks/tables",0,"",["team-members-table",2,2,4],82,"table|b","team section|data table,account,team,people,avatars|icons,avatar,images,monochrome|b"],["Invoices Table","spectrum","Billing history with mono invoice numbers, status pills and a per-row PDF download.","npx shadcn@latest add @spectrumui/invoices-table","https://ui.spectrumhq.in/blocks/tables",0,"",["invoices-table",1,5,2],73,"table","data table|table,calendar,pricing,rows,spreadsheet|icons,monochrome|c"],["Orders Table","spectrum","E-commerce orders with fulfillment pills, customer avatars and an expandable line-item panel.","npx shadcn@latest add @spectrumui/orders-table","https://ui.spectrumhq.in/blocks/tables",0,"",["orders-table",1,4,9],75,"table","data table|ecommerce,calendar,pricing,table,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Customers Table","spectrum","Accounts ranked by MRR with plan badges, churn-risk indicators and owner avatars.","npx shadcn@latest add @spectrumui/customers-table","https://ui.spectrumhq.in/blocks/tables",0,"",["customers-table",0,3,7],72,"table","data table|table,analytics,pricing,rows,spreadsheet|icons,avatar,images,monochrome|c"],["API Keys Table","spectrum","Key management with masked secrets in mono, scope chips, usage counts and a revoke action.","npx shadcn@latest add @spectrumui/api-keys-table","https://ui.spectrumhq.in/blocks/tables",0,"",["api-keys-table",0,6,2],76,"table","data table|table,rows,spreadsheet|icons,animated,monochrome|c"],["Audit Log Table","spectrum","A dense, pinned-header event log with actors, mono action names, IPs and severity levels.","npx shadcn@latest add @spectrumui/audit-log-table","https://ui.spectrumhq.in/blocks/tables",0,"",["audit-log-table",0,2,3],70,"table","data table|table,rows,spreadsheet|icons,avatar,images,animated,monochrome|c"],["Deployments Table","spectrum","CI deploys with commit messages, mono shas, environment badges, build status and author avatars.","npx shadcn@latest add @spectrumui/deployments-table","https://ui.spectrumhq.in/blocks/tables",0,"",["deployments-table",0,1,9],71,"table","data table|table,search,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Feature Flags Table","spectrum","Flag management with env chips, rollout meters and a live spring-animated switch per row.","npx shadcn@latest add @spectrumui/feature-flags-table","https://ui.spectrumhq.in/blocks/tables",0,"",["feature-flags-table",0,2,11],79,"section|b","features section|data table,calendar,features,grid,landing page|icons,monochrome|b"],["Support Tickets Table","spectrum","A support queue with priority icons, SLA countdowns, assignee avatars and status pills.","npx shadcn@latest add @spectrumui/tickets-table","https://ui.spectrumhq.in/blocks/tables",0,"",["tickets-table",2,6,4],71,"table","data table|contact section,table,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Top Pages Table","spectrum","An analytics table with mono paths, share-of-traffic bars and signed week-over-week deltas.","npx shadcn@latest add @spectrumui/top-pages-table","https://ui.spectrumhq.in/blocks/tables",0,"",["top-pages-table",2,3,5],69,"table","data table|content section,table,rows,spreadsheet|icons,monochrome|c"],["Market Watchlist Table","spectrum","A price watchlist with ticker tiles, signed 24h changes and seven-day inline sparklines.","npx shadcn@latest add @spectrumui/market-table","https://ui.spectrumhq.in/blocks/tables",0,"",["market-table",1,4,4],75,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Inventory Table","spectrum","Stock management with SKU tiles, capacity meters that change color at thresholds and status labels.","npx shadcn@latest add @spectrumui/inventory-table","https://ui.spectrumhq.in/blocks/tables",0,"",["inventory-table",1,3,2],75,"table","data table|table,e-commerce,pricing,rows,spreadsheet|icons,monochrome|c"],["Leaderboard Table","spectrum","Rankings with medal chips for the top three, player avatars, streaks and weekly movement.","npx shadcn@latest add @spectrumui/leaderboard-table","https://ui.spectrumhq.in/blocks/tables",0,"",["leaderboard-table",1,0,3],74,"table","data table|table,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Files Table","spectrum","A shared-drive browser with type-glyph tiles, sizes, collaborator stacks and modified dates.","npx shadcn@latest add @spectrumui/files-table","https://ui.spectrumhq.in/blocks/tables",0,"",["files-table",0,3,11],76,"upload","data table|table,calendar,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Mega Sitemap Footer","spectrum","A five-column sitemap with region and language selectors and mobile accordions.","npx shadcn@latest add @spectrumui/mega-sitemap-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["mega-sitemap-footer",1,5,4],66,"section|b","footer|links,site footer|icons,animated|b"],["Trust Center Footer","spectrum","Compliance marks that expand to scope, over a logo row and link columns.","npx shadcn@latest add @spectrumui/trust-center-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["trust-center-footer",2,7,5],74,"section|b","footer|links,site footer|icons,monochrome|b"],["Region Picker Footer","spectrum","A region popover with locale, currency, data residency and live local time.","npx shadcn@latest add @spectrumui/region-picker-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["region-picker-footer",2,1,0],72,"section|b","footer|select,links,site footer|icons,monochrome|b"],["Service Status Footer","spectrum","Thirty days of per-service uptime bars with a rolling incident ticker.","npx shadcn@latest add @spectrumui/service-status-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["service-status-footer",2,3,1],90,"section|b","footer|links,search,site footer|icons,animated,monochrome|b"],["Sales CTA Footer","spectrum","A seat slider that prices a tier live, beside the link grid.","npx shadcn@latest add @spectrumui/sales-cta-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["sales-cta-footer",2,5,0],78,"section|b","cta section|footer,pricing,call to action,banner|icons,monochrome|b"],["Link Search Footer","spectrum","Type-to-filter across every footer link, with arrow-key navigation.","npx shadcn@latest add @spectrumui/link-search-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["link-search-footer",1,3,3],72,"section|b","footer|link,search,links,site footer|icons,monochrome|b"],["Careers Footer","spectrum","A rolling three-role window with department filters, over link columns.","npx shadcn@latest add @spectrumui/careers-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["careers-footer",0,2,5],72,"section|b","footer|content section,links,site footer|icons,monochrome|b"],["Policy Footer","spectrum","Cookie-category switches with a save state, over a layered legal row.","npx shadcn@latest add @spectrumui/policy-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["policy-footer",1,0,10],62,"section|b","footer|links,settings,site footer|icons,monochrome|b"],["Ask Docs Footer","spectrum","A docs question box that streams a cited answer, over link columns.","npx shadcn@latest add @spectrumui/ask-docs-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["ask-docs-footer",0,1,3],72,"section|b","footer|links,site footer|icons,monochrome|b"],["Wordmark Spotlight Footer","spectrum","A full-bleed wordmark lit by a spotlight that follows the pointer.","npx shadcn@latest add @spectrumui/wordmark-spotlight-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["wordmark-spotlight-footer",2,1,7],75,"command|b","footer|background,text effect,links,site footer|icons,monochrome|b"],["Token Stream Footer","spectrum","A one-line manifesto that types itself in, over a metric row.","npx shadcn@latest add @spectrumui/token-stream-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["token-stream-footer",2,1,5],64,"section|b","footer|links,site footer|icons,animated,monochrome|b"],["Neural Grid Footer","spectrum","An SVG node lattice that lights up under the pointer.","npx shadcn@latest add @spectrumui/neural-grid-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["neural-grid-footer",1,2,8],75,"section|b","footer|links,site footer|icons,animated|b"],["Release Feed Footer","spectrum","A changelog list with version, kind and date on hairline rows.","npx shadcn@latest add @spectrumui/release-feed-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["release-feed-footer",2,2,0],72,"section|b","footer|timeline,search,calendar,links,site footer|icons,monochrome|b"],["Newsletter Footer","spectrum","A newsletter panel with a value checklist, reader stack and inline validation.","npx shadcn@latest add @spectrumui/newsletter-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["newsletter-footer",1,3,8],72,"section|b","footer|newsletter,blog section,links,site footer|icons,monochrome|b"],["Contact Card Footer","spectrum","Copyable email, phone and address rows with opening hours and local time.","npx shadcn@latest add @spectrumui/contact-card-footer","https://ui.spectrumhq.in/docs/card",0,"",["contact-card-footer",0,0,7],70,"section|b","footer|contact section,account,card,links,site footer|icons,monochrome|b"],["Logo Wall Footer","spectrum","A customer logo wall — marquee or plotted grid — over stats and link columns.","npx shadcn@latest add @spectrumui/social-proof-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["social-proof-footer",2,1,2],72,"section|b","footer|logo cloud,links,site footer|icons,monochrome|b"],["Minimal Footer","spectrum","A single-line footer with hover-expanding link clusters, status and socials.","npx shadcn@latest add @spectrumui/minimal-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["minimal-footer",1,2,5],57,"section|b","footer|links,site footer|icons,monochrome|b"],["Waitlist Footer","spectrum","Waitlist capture with an avatar stack and a live position counter.","npx shadcn@latest add @spectrumui/waitlist-footer","https://ui.spectrumhq.in/blocks/footers",0,"",["waitlist-footer",2,6,6],68,"section|b","footer|newsletter,links,site footer|icons,avatar,images,monochrome|b"],["First Project","spectrum","First-run project screen with selectable templates and a setup checklist.","npx shadcn@latest add @spectrumui/project-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["project-empty",1,6,10],69,"misc","checkbox|form,search,checklist|icons,animated,monochrome|c"],["Invite Teammates","spectrum","A one-seat team with an avatar rail, live invite field and copyable join link.","npx shadcn@latest add @spectrumui/invite-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["invite-empty",1,4,2],80,"media","input|text field,form,form control|icons,avatar,images,animated,monochrome|c"],["Connect a Source","spectrum","A connector grid where tiles run a real connect sequence and settle into connected.","npx shadcn@latest add @spectrumui/integration-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["integration-empty",1,2,2],73,"misc","card|container,surface|icons,animated,monochrome|c"],["Drop Files","spectrum","A drop zone with real drag handling and per-file upload meters.","npx shadcn@latest add @spectrumui/upload-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["upload-empty",2,1,6],72,"upload","file upload|dropzone,upload,drag and drop|icons,animated,monochrome|c"],["No API Keys","spectrum","Key creation that reveals the secret once, masked, with a copy that confirms itself.","npx shadcn@latest add @spectrumui/api-key-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["api-key-empty",0,5,2],71,"dialog","alert dialog|dialog,modal,confirm|icons,animated|c"],["Waiting for Events","spectrum","A live endpoint waiting for its first delivery, with a test event that lands.","npx shadcn@latest add @spectrumui/webhook-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["webhook-empty",2,0,7],77,"misc","calendar|date,date picker,schedule|icons,animated,monochrome|c"],["No Search Results","spectrum","A no-results state that echoes the query and resolves when a suggestion is taken.","npx shadcn@latest add @spectrumui/search-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["search-empty",2,1,1],67,"misc","empty state|placeholder,search,illustration|icons,animated,monochrome|c"],["No Matching Filters","spectrum","Filter chips you can drop one at a time, with the match count coming back as you do.","npx shadcn@latest add @spectrumui/filter-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["filter-empty",0,4,11],70,"misc","tag|label,pricing,chip,pill|icons,animated,monochrome|c"],["Empty Table","spectrum","A table that keeps its header and column widths, with rows that spring in.","npx shadcn@latest add @spectrumui/table-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["table-empty",2,7,3],75,"table","data table|table,rows,spreadsheet|icons,monochrome|c"],["No Chart Data","spectrum","Ghost axes with a sample series that springs up on request.","npx shadcn@latest add @spectrumui/chart-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["chart-empty",0,5,5],75,"chart","chart|graph,data,dashboard|icons,monochrome|c"],["No Activity Yet","spectrum","An audit timeline with a dashed rail above its one real event.","npx shadcn@latest add @spectrumui/activity-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["activity-empty",0,7,0],64,"misc","calendar|date,date picker,schedule|icons,animated,monochrome|c"],["Inbox Zero","spectrum","A cleared inbox where the last three cards sweep out and the stats land.","npx shadcn@latest add @spectrumui/inbox-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["inbox-empty",1,3,1],73,"chart","card|container,notifications,surface|icons,animated,monochrome|c"],["No Notifications","spectrum","An empty notification tray with working channel switches and a quiet-hours state.","npx shadcn@latest add @spectrumui/notification-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["notification-empty",1,6,8],66,"toast","toast|notification,settings,notifications,alert,message|icons,animated|c"],["Trash Is Empty","spectrum","An empty trash that explains the retention window instead of celebrating.","npx shadcn@latest add @spectrumui/trash-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["trash-empty",2,5,5],71,"misc","card|container,surface|icons,animated,monochrome|c"],["Nothing Scheduled","spectrum","A day rail with a now marker where any hour opens an inline composer.","npx shadcn@latest add @spectrumui/schedule-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["schedule-empty",2,7,0],75,"misc","calendar|date,date picker,schedule|icons,animated,monochrome|c"],["Nothing Saved","spectrum","An empty saved list that teaches the gesture on three real rows.","npx shadcn@latest add @spectrumui/saved-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["saved-empty",2,6,0],76,"table","list|items,search,rows|icons,animated,monochrome|c"],["Empty Cart","spectrum","An empty bag with three recently viewed products that add for real.","npx shadcn@latest add @spectrumui/cart-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["cart-empty",0,3,5],67,"misc","card|ecommerce,e-commerce,pricing,container,surface|icons,animated,monochrome|c"],["Empty Board Column","spectrum","A kanban column that accepts real drags from its neighbours and composes cards inline.","npx shadcn@latest add @spectrumui/board-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["board-empty",0,7,4],68,"kanban","kanban board|board,tasks,drag and drop|icons,monochrome|c"],["Offline","spectrum","An offline panel that counts down, retries itself and recovers on screen.","npx shadcn@latest add @spectrumui/offline-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["offline-empty",1,0,9],81,"misc","card|container,surface|icons,monochrome|c"],["Failed to Load","spectrum","A load failure with a copyable request id and a details panel that opens to fit.","npx shadcn@latest add @spectrumui/error-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["error-empty",0,4,10],76,"misc","card|container,surface|icons,animated,monochrome|c"],["Page Not Found","spectrum","A 404 that prints the path it tried and filters real destinations as you type.","npx shadcn@latest add @spectrumui/not-found-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["not-found-empty",1,4,8],74,"misc|b","404 page|content section,calendar,settings,error page,not found|icons,avatar,animated,monochrome|b"],["No Access","spectrum","A permission wall that names the owner and turns request into requested.","npx shadcn@latest add @spectrumui/access-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["access-empty",0,0,0],73,"misc","card|container,surface|icons,avatar,animated,monochrome|c"],["Limit Reached","spectrum","A quota wall with a full meter, seven days of history and a reset clock.","npx shadcn@latest add @spectrumui/quota-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["quota-empty",1,2,11],100,"misc","progress bar|progress,meter,loading|icons,animated,monochrome|c"],["Locked Feature","spectrum","A paywall over a blurred preview of the feature it is selling.","npx shadcn@latest add @spectrumui/locked-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["locked-empty",1,7,3],77,"section|b","features section|features,grid,landing page|icons,animated,monochrome|b"],["Scheduled Maintenance","spectrum","A maintenance window with a ticking ETA, a stage rail and a notify-me field.","npx shadcn@latest add @spectrumui/maintenance-empty","https://ui.spectrumhq.in/blocks/empty-states",0,"",["maintenance-empty",1,1,4],77,"toast","calendar|date,tasks,date picker,schedule|icons,animated,monochrome|c"],["Fade In","amicro","Basic fade entrance animation.","npx shadcn@latest add @amicro/fade-in","https://amicro.dev/animations",0,"",["fade-in",0,7,7],83,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Fade Up","amicro","Fade with upward translation.","npx shadcn@latest add @amicro/fade-up","https://amicro.dev/animations",0,"",["fade-up",0,0,8],83,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Fade Down","amicro","Fade with downward translation.","npx shadcn@latest add @amicro/fade-down","https://amicro.dev/animations",0,"",["fade-down",0,6,7],84,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Slide Left","amicro","Slide in from right to left.","npx shadcn@latest add @amicro/slide-left","https://amicro.dev/animations",0,"",["slide-left",1,4,3],83,"misc","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Slide Right","amicro","Slide in from left to right.","npx shadcn@latest add @amicro/slide-right","https://amicro.dev/animations",0,"",["slide-right",1,5,3],84,"misc","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Scale In","amicro","Scale transition from small to actual size.","npx shadcn@latest add @amicro/scale-in","https://amicro.dev/animations",0,"",["scale-in",1,5,2],83,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Zoom In","amicro","Scale transition combined with deep blur/depth effect.","npx shadcn@latest add @amicro/zoom-in","https://amicro.dev/animations",0,"",["zoom-in",1,0,9],83,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Text Reveal","amicro","Line-by-line slide/reveal text effect.","npx shadcn@latest add @amicro/text-reveal","https://amicro.dev/text-animations",0,"",["text-reveal",1,7,6],44,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Word Reveal","amicro","Word-by-word fade and scale stagger reveal effect.","npx shadcn@latest add @amicro/word-reveal","https://amicro.dev/text-animations",0,"",["word-reveal",1,6,8],43,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Blur Text","amicro","Blur transition for text container/headings.","npx shadcn@latest add @amicro/blur-text","https://amicro.dev/text-animations",0,"",["blur-text",0,3,2],42,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Character Stagger","amicro","Character-by-character radial or linear stagger animation.","npx shadcn@latest add @amicro/character-stagger","https://amicro.dev/text-animations",0,"",["character-stagger",0,0,4],44,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Card Hover","amicro","Dynamic floating card effect on hover.","npx shadcn@latest add @amicro/card-hover","https://amicro.dev/animations",0,"",["card-hover",0,7,3],56,"card","card|container,surface|no icons,monochrome|c"],["Tilt Card","amicro","3D parallax tilt effect following mouse cursor.","npx shadcn@latest add @amicro/tilt-card","https://amicro.dev/animations",0,"",["tilt-card",1,2,7],87,"card","card|container,surface|no icons,monochrome,minimal|c"],["Magnetic Button","amicro","A button that pulls slightly towards the user's cursor.","npx shadcn@latest add @amicro/magnetic-button","https://amicro.dev/animations",0,"",["magnetic-button",0,7,10],7,"button","button|cta,click,action|no icons,animated,monochrome,minimal|c"],["Glow Button","amicro","Glow/border animation following the cursor.","npx shadcn@latest add @amicro/glow-button","https://amicro.dev/animations",0,"",["glow-button",0,1,9],19,"button","button|background,cta,click,action|no icons,monochrome,minimal|c"],["Cursor Trail","amicro","Custom cursor with particle/dots trail.","npx shadcn@latest add @amicro/cursor-trail","https://amicro.dev/animations",0,"",["cursor-trail",0,3,5],0,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Spotlight","amicro","Masked spotlight highlighting container content on hover.","npx shadcn@latest add @amicro/spotlight","https://amicro.dev/animations",0,"",["spotlight",1,4,4],69,"command","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Mouse Follow","amicro","Smooth spring physics element trailing mouse cursor.","npx shadcn@latest add @amicro/mouse-follow","https://amicro.dev/animations",0,"",["mouse-follow",1,1,0],0,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Scroll Reveal","amicro","Reveal content block as it scrolls into viewport.","npx shadcn@latest add @amicro/scroll-reveal","https://amicro.dev/animations",0,"",["scroll-reveal",1,6,2],78,"misc","scroll effect|scroll,animation|no icons,monochrome|c"],["Progress Indicator","amicro","Horizontal page scroll progress indicator bar.","npx shadcn@latest add @amicro/progress-indicator","https://amicro.dev/animations",0,"",["progress-indicator",1,1,1],100,"loader","progress bar|badge,progress,meter,loading|no icons,monochrome|c"],["Sticky Reveal","amicro","Apple-style scroll-linked side sticky content reveal.","npx shadcn@latest add @amicro/sticky-reveal","https://amicro.dev/animations",0,"",["sticky-reveal",1,7,5],100,"misc","card|container,surface|no icons,monochrome|c"],["Skeleton","amicro","Loading skeleton with smooth shimmer sweep.","npx shadcn@latest add @amicro/skeleton","https://amicro.dev/loaders",0,"",["skeleton",1,2,3],0,"loader","skeleton|loading,placeholder||c"],["Pulse","amicro","Pulsing scaling animation for loading elements.","npx shadcn@latest add @amicro/pulse","https://amicro.dev/loaders",0,"",["pulse",1,3,1],16,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Morph Loader","amicro","Gooey/morphing shape loader.","npx shadcn@latest add @amicro/morph-loader","https://amicro.dev/loaders",0,"",["morph-loader",0,3,11],20,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Accordion Loader","amicro","Accordion Loader loading animation.","npx shadcn@latest add @amicro/accordion-loader","https://amicro.dev/loaders",0,"",["accordion-loader",0,0,0],9,"accordion","loader|accordion,spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["App Icon Load","amicro","App Icon Load loading animation.","npx shadcn@latest add @amicro/app-icon-load","https://amicro.dev/loaders",0,"",["app-icon-load",0,7,0],8,"loader","animated icon|icon,animation|no icons,monochrome,minimal|c"],["Apple Breathe","amicro","Apple Breathe loading animation.","npx shadcn@latest add @amicro/apple-breathe","https://amicro.dev/loaders",0,"",["apple-breathe",0,0,1],16,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Apple Equalizer","amicro","Apple Equalizer loading animation.","npx shadcn@latest add @amicro/apple-equalizer","https://amicro.dev/loaders",0,"",["apple-equalizer",0,1,1],8,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Apple Icon Morph","amicro","Apple Icon Morph loading animation.","npx shadcn@latest add @amicro/apple-icon-morph","https://amicro.dev/loaders",0,"",["apple-icon-morph",0,2,1],9,"loader","animated icon|icon,animation|no icons,animated,monochrome,minimal|c"],["Apple Pulse Dots","amicro","Apple Pulse Dots loading animation.","npx shadcn@latest add @amicro/apple-pulse-dots","https://amicro.dev/loaders",0,"",["apple-pulse-dots",0,3,1],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Apple Scale Pulse","amicro","Apple Scale Pulse loading animation.","npx shadcn@latest add @amicro/apple-scale-pulse","https://amicro.dev/loaders",0,"",["apple-scale-pulse",0,4,1],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Apple Sound Wave","amicro","Apple Sound Wave loading animation.","npx shadcn@latest add @amicro/apple-sound-wave","https://amicro.dev/loaders",0,"",["apple-sound-wave",0,5,1],7,"loader","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Apple Text Reveal","amicro","Apple Text Reveal loading animation.","npx shadcn@latest add @amicro/apple-text-reveal","https://amicro.dev/loaders",0,"",["apple-text-reveal",0,6,1],7,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Apple Unlock","amicro","Apple Unlock loading animation.","npx shadcn@latest add @amicro/apple-unlock","https://amicro.dev/loaders",0,"",["apple-unlock",0,7,1],9,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Arc Tracer","amicro","Arc Tracer loading animation.","npx shadcn@latest add @amicro/arc-tracer","https://amicro.dev/loaders",0,"",["arc-tracer",0,0,2],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Bar Cascade","amicro","Bar Cascade loading animation.","npx shadcn@latest add @amicro/bar-cascade","https://amicro.dev/loaders",0,"",["bar-cascade",0,1,2],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Bar Sweep","amicro","Bar Sweep loading animation.","npx shadcn@latest add @amicro/bar-sweep","https://amicro.dev/loaders",0,"",["bar-sweep",0,2,2],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Bobbing Dots","amicro","Bobbing Dots loading animation.","npx shadcn@latest add @amicro/bobbing-dots","https://amicro.dev/loaders",0,"",["bobbing-dots",0,4,2],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Bounce Dots","amicro","Bounce Dots loading animation.","npx shadcn@latest add @amicro/bounce-dots","https://amicro.dev/loaders",0,"",["bounce-dots",0,5,2],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Bouncing Bars","amicro","Bouncing Bars loading animation.","npx shadcn@latest add @amicro/bouncing-bars","https://amicro.dev/loaders",0,"",["bouncing-bars",0,6,2],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Bouncing Dots","amicro","Bouncing Dots loading animation.","npx shadcn@latest add @amicro/bouncing-dots","https://amicro.dev/loaders",0,"",["bouncing-dots",0,7,2],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Bouncing Lines","amicro","Bouncing Lines loading animation.","npx shadcn@latest add @amicro/bouncing-lines","https://amicro.dev/loaders",0,"",["bouncing-lines",0,0,3],38,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Bouncing Square","amicro","Bouncing Square loading animation.","npx shadcn@latest add @amicro/bouncing-square","https://amicro.dev/loaders",0,"",["bouncing-square",0,1,3],38,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Breathe Ring","amicro","Breathe Ring loading animation.","npx shadcn@latest add @amicro/breathe-ring","https://amicro.dev/loaders",0,"",["breathe-ring",0,2,3],2,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Breathing Glow","amicro","Breathing Glow loading animation.","npx shadcn@latest add @amicro/breathing-glow","https://amicro.dev/loaders",0,"",["breathing-glow",0,3,3],22,"loader","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Breathing Square","amicro","Breathing Square loading animation.","npx shadcn@latest add @amicro/breathing-square","https://amicro.dev/loaders",0,"",["breathing-square",0,4,3],10,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Circular Bars","amicro","Circular Bars loading animation.","npx shadcn@latest add @amicro/circular-bars","https://amicro.dev/loaders",0,"",["circular-bars",0,1,4],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Classic Spinner","amicro","Classic Spinner loading animation.","npx shadcn@latest add @amicro/classic-spinner","https://amicro.dev/loaders",0,"",["classic-spinner",0,2,4],2,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Clock Spinner","amicro","Clock Spinner loading animation.","npx shadcn@latest add @amicro/clock-spinner","https://amicro.dev/loaders",0,"",["clock-spinner",0,3,4],38,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Comet Spinner","amicro","Comet Spinner loading animation.","npx shadcn@latest add @amicro/comet-spinner","https://amicro.dev/loaders",0,"",["comet-spinner",0,4,4],7,"loader","loader|spinner,loading,progress|no icons,avatar,monochrome,minimal|c"],["Concentric Pulse","amicro","Concentric Pulse loading animation.","npx shadcn@latest add @amicro/concentric-pulse","https://amicro.dev/loaders",0,"",["concentric-pulse",0,5,4],0,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Concentric Ring","amicro","Concentric Ring loading animation.","npx shadcn@latest add @amicro/concentric-ring","https://amicro.dev/loaders",0,"",["concentric-ring",0,6,4],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Concentric Squares","amicro","Concentric Squares loading animation.","npx shadcn@latest add @amicro/concentric-squares","https://amicro.dev/loaders",0,"",["concentric-squares",0,7,4],4,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Conveyor Loop","amicro","Conveyor Loop loading animation.","npx shadcn@latest add @amicro/conveyor-loop","https://amicro.dev/loaders",0,"",["conveyor-loop",0,0,5],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Cross Spinner","amicro","Cross Spinner loading animation.","npx shadcn@latest add @amicro/cross-spinner","https://amicro.dev/loaders",0,"",["cross-spinner",0,1,5],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Cube Flip Spring","amicro","Cube Flip Spring loading animation.","npx shadcn@latest add @amicro/cube-flip-spring","https://amicro.dev/loaders",0,"",["cube-flip-spring",0,2,5],9,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Dash Ring","amicro","Dash Ring loading animation.","npx shadcn@latest add @amicro/dash-ring","https://amicro.dev/loaders",0,"",["dash-ring",0,4,5],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Dashed Spiral","amicro","Dashed Spiral loading animation.","npx shadcn@latest add @amicro/dashed-spiral","https://amicro.dev/loaders",0,"",["dashed-spiral",0,5,5],2,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Diamond Grid","amicro","Diamond Grid loading animation.","npx shadcn@latest add @amicro/diamond-grid","https://amicro.dev/loaders",0,"",["diamond-grid",0,6,5],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Diamond Rotate Spring","amicro","Diamond Rotate Spring loading animation.","npx shadcn@latest add @amicro/diamond-rotate-spring","https://amicro.dev/loaders",0,"",["diamond-rotate-spring",0,7,5],9,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Dot Spinner","amicro","Dot Spinner loading animation.","npx shadcn@latest add @amicro/dot-spinner","https://amicro.dev/loaders",0,"",["dot-spinner",0,2,6],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Dots Ring","amicro","Dots Ring loading animation.","npx shadcn@latest add @amicro/dots-ring","https://amicro.dev/loaders",0,"",["dots-ring",0,3,6],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Double Ring","amicro","Double Ring loading animation.","npx shadcn@latest add @amicro/double-ring","https://amicro.dev/loaders",0,"",["double-ring",0,4,6],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Drop Dot","amicro","Drop Dot loading animation.","npx shadcn@latest add @amicro/drop-dot","https://amicro.dev/loaders",0,"",["drop-dot",0,5,6],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Dual Arc","amicro","Dual Arc loading animation.","npx shadcn@latest add @amicro/dual-arc","https://amicro.dev/loaders",0,"",["dual-arc",0,6,6],6,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Dynamic Island","amicro","Dynamic Island loading animation.","npx shadcn@latest add @amicro/dynamic-island","https://amicro.dev/loaders",0,"",["dynamic-island",0,7,6],12,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Elastic Bars","amicro","Elastic Bars loading animation.","npx shadcn@latest add @amicro/elastic-bars","https://amicro.dev/loaders",0,"",["elastic-bars",0,0,7],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Elastic Square","amicro","Elastic Square loading animation.","npx shadcn@latest add @amicro/elastic-square","https://amicro.dev/loaders",0,"",["elastic-square",0,1,7],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Expanding Cross","amicro","Expanding Cross loading animation.","npx shadcn@latest add @amicro/expanding-cross","https://amicro.dev/loaders",0,"",["expanding-cross",0,2,7],7,"loader","accordion|collapsible,expand,faq|no icons,animated,monochrome,minimal|c"],["Face Id Scan","amicro","Face Id Scan loading animation.","npx shadcn@latest add @amicro/face-id-scan","https://amicro.dev/loaders",0,"",["face-id-scan",0,3,7],17,"loader","loader|spinner,loading,progress|icons,monochrome,minimal|c"],["Fade Arc","amicro","Fade Arc loading animation.","npx shadcn@latest add @amicro/fade-arc","https://amicro.dev/loaders",0,"",["fade-arc",0,4,7],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Fade Dots","amicro","Fade Dots loading animation.","npx shadcn@latest add @amicro/fade-dots","https://amicro.dev/loaders",0,"",["fade-dots",0,5,7],3,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Flip Square","amicro","Flip Square loading animation.","npx shadcn@latest add @amicro/flip-square","https://amicro.dev/loaders",0,"",["flip-square",0,1,8],9,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Floating Diamonds","amicro","Floating Diamonds loading animation.","npx shadcn@latest add @amicro/floating-diamonds","https://amicro.dev/loaders",0,"",["floating-diamonds",0,2,8],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Fluid Bars","amicro","Fluid Bars loading animation.","npx shadcn@latest add @amicro/fluid-bars","https://amicro.dev/loaders",0,"",["fluid-bars",0,3,8],9,"loader","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Fluid Diamond","amicro","Fluid Diamond loading animation.","npx shadcn@latest add @amicro/fluid-diamond","https://amicro.dev/loaders",0,"",["fluid-diamond",0,4,8],7,"loader","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Fluid Dot Orbit","amicro","Fluid Dot Orbit loading animation.","npx shadcn@latest add @amicro/fluid-dot-orbit","https://amicro.dev/loaders",0,"",["fluid-dot-orbit",0,5,8],7,"loader","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Fluid Skeleton","amicro","Fluid Skeleton loading animation.","npx shadcn@latest add @amicro/fluid-skeleton","https://amicro.dev/loaders",0,"",["fluid-skeleton",0,6,8],6,"loader","skeleton|background,loading,placeholder|no icons,monochrome,minimal|c"],["Gears","amicro","Gears loading animation.","npx shadcn@latest add @amicro/gears","https://amicro.dev/loaders",0,"",["gears",0,7,8],36,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Glassmorphic Card","amicro","Glassmorphic Card loading animation.","npx shadcn@latest add @amicro/glassmorphic-card","https://amicro.dev/loaders",0,"",["glassmorphic-card",0,0,9],41,"card","card|container,surface|no icons,animated,monochrome,minimal|c"],["Gradient Arc","amicro","Gradient Arc loading animation.","npx shadcn@latest add @amicro/gradient-arc","https://amicro.dev/loaders",0,"",["gradient-arc",0,2,9],17,"background","background|animated background,effect,hero background|no icons,avatar,monochrome,minimal|c"],["Grid Dots","amicro","Grid Dots loading animation.","npx shadcn@latest add @amicro/grid-dots","https://amicro.dev/loaders",0,"",["grid-dots",0,3,9],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Haptic Ring","amicro","Haptic Ring loading animation.","npx shadcn@latest add @amicro/haptic-ring","https://amicro.dev/loaders",0,"",["haptic-ring",0,4,9],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Heartbeat","amicro","Heartbeat loading animation.","npx shadcn@latest add @amicro/heartbeat","https://amicro.dev/loaders",0,"",["heartbeat",0,5,9],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Hexagon Spinner","amicro","Hexagon Spinner loading animation.","npx shadcn@latest add @amicro/hexagon-spinner","https://amicro.dev/loaders",0,"",["hexagon-spinner",0,6,9],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Hourglass","amicro","Hourglass loading animation.","npx shadcn@latest add @amicro/hourglass","https://amicro.dev/loaders",0,"",["hourglass",0,7,9],39,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Infinity Path","amicro","Infinity Path loading animation.","npx shadcn@latest add @amicro/infinity-path","https://amicro.dev/loaders",0,"",["infinity-path",0,0,10],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Intersecting Rings","amicro","Intersecting Rings loading animation.","npx shadcn@latest add @amicro/intersecting-rings","https://amicro.dev/loaders",0,"",["intersecting-rings",0,1,10],0,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Ios Spinner","amicro","Ios Spinner loading animation.","npx shadcn@latest add @amicro/ios-spinner","https://amicro.dev/loaders",0,"",["ios-spinner",0,2,10],4,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Line Spinner","amicro","Line Spinner loading animation.","npx shadcn@latest add @amicro/line-spinner","https://amicro.dev/loaders",0,"",["line-spinner",0,3,10],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Liquid Dots","amicro","Liquid Dots loading animation.","npx shadcn@latest add @amicro/liquid-dots","https://amicro.dev/loaders",0,"",["liquid-dots",0,4,10],9,"loader","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Loader Morphing","amicro","Loader Morphing loading animation.","npx shadcn@latest add @amicro/loader-morphing","https://amicro.dev/loaders",0,"",["loader-morphing",0,5,10],11,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Mac Terminal","amicro","Mac Terminal loading animation.","npx shadcn@latest add @amicro/mac-terminal","https://amicro.dev/loaders",0,"",["mac-terminal",0,6,10],5,"loader","terminal|code,command line|no icons,monochrome,minimal|c"],["Magnetic Dots","amicro","Magnetic Dots loading animation.","npx shadcn@latest add @amicro/magnetic-dots","https://amicro.dev/loaders",0,"",["magnetic-dots",0,0,11],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Minimal Triangle","amicro","Minimal Triangle loading animation.","npx shadcn@latest add @amicro/minimal-triangle","https://amicro.dev/loaders",0,"",["minimal-triangle",0,1,11],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Morph Dot Ring","amicro","Morph Dot Ring loading animation.","npx shadcn@latest add @amicro/morph-dot-ring","https://amicro.dev/loaders",0,"",["morph-dot-ring",0,2,11],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Morphing Bars","amicro","Morphing Bars loading animation.","npx shadcn@latest add @amicro/morphing-bars","https://amicro.dev/loaders",0,"",["morphing-bars",0,4,11],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Morphing Infinity","amicro","Morphing Infinity loading animation.","npx shadcn@latest add @amicro/morphing-infinity","https://amicro.dev/loaders",0,"",["morphing-infinity",0,5,11],1,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Morphing Ring","amicro","Morphing Ring loading animation.","npx shadcn@latest add @amicro/morphing-ring","https://amicro.dev/loaders",0,"",["morphing-ring",0,6,11],3,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Morphing Shape","amicro","Morphing Shape loading animation.","npx shadcn@latest add @amicro/morphing-shape","https://amicro.dev/loaders",0,"",["morphing-shape",0,7,11],9,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Newtons Cradle","amicro","Newtons Cradle loading animation.","npx shadcn@latest add @amicro/newtons-cradle","https://amicro.dev/loaders",0,"",["newtons-cradle",1,2,0],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Offset Rings","amicro","Offset Rings loading animation.","npx shadcn@latest add @amicro/offset-rings","https://amicro.dev/loaders",0,"",["offset-rings",1,3,0],3,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Orbiting Circles","amicro","Orbiting Circles loading animation.","npx shadcn@latest add @amicro/orbiting-circles","https://amicro.dev/loaders",0,"",["orbiting-circles",1,4,0],7,"loader","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Orbiting Dot","amicro","Orbiting Dot loading animation.","npx shadcn@latest add @amicro/orbiting-dot","https://amicro.dev/loaders",0,"",["orbiting-dot",1,5,0],39,"loader","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Origami Shape","amicro","Origami Shape loading animation.","npx shadcn@latest add @amicro/origami-shape","https://amicro.dev/loaders",0,"",["origami-shape",1,6,0],42,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Pendulum","amicro","Pendulum loading animation.","npx shadcn@latest add @amicro/pendulum","https://amicro.dev/loaders",0,"",["pendulum",1,0,1],39,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Pulsating Dots","amicro","Pulsating Dots loading animation.","npx shadcn@latest add @amicro/pulsating-dots","https://amicro.dev/loaders",0,"",["pulsating-dots",1,2,1],9,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Pulse Dot","amicro","Pulse Dot loading animation.","npx shadcn@latest add @amicro/pulse-dot","https://amicro.dev/loaders",0,"",["pulse-dot",1,4,1],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Pulse Dots","amicro","Pulse Dots loading animation.","npx shadcn@latest add @amicro/pulse-dots","https://amicro.dev/loaders",0,"",["pulse-dots",1,5,1],6,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Pulse Square","amicro","Pulse Square loading animation.","npx shadcn@latest add @amicro/pulse-square","https://amicro.dev/loaders",0,"",["pulse-square",1,6,1],2,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Pumping Heart","amicro","Pumping Heart loading animation.","npx shadcn@latest add @amicro/pumping-heart","https://amicro.dev/loaders",0,"",["pumping-heart",1,7,1],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Radar Sweep","amicro","Radar Sweep loading animation.","npx shadcn@latest add @amicro/radar-sweep","https://amicro.dev/loaders",0,"",["radar-sweep",1,0,2],0,"loader","radar chart|chart,dashboard|no icons,monochrome,minimal|c"],["Ring Sweep","amicro","Ring Sweep loading animation.","npx shadcn@latest add @amicro/ring-sweep","https://amicro.dev/loaders",0,"",["ring-sweep",1,1,2],39,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Ripple Effect","amicro","Ripple Effect loading animation.","npx shadcn@latest add @amicro/ripple-effect","https://amicro.dev/loaders",0,"",["ripple-effect",1,2,2],7,"loader","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Rotating Cross","amicro","Rotating Cross loading animation.","npx shadcn@latest add @amicro/rotating-cross","https://amicro.dev/loaders",0,"",["rotating-cross",1,3,2],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Rotating Triangle","amicro","Rotating Triangle loading animation.","npx shadcn@latest add @amicro/rotating-triangle","https://amicro.dev/loaders",0,"",["rotating-triangle",1,4,2],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Shape Shift Grid","amicro","Shape Shift Grid loading animation.","npx shadcn@latest add @amicro/shape-shift-grid","https://amicro.dev/loaders",0,"",["shape-shift-grid",1,7,2],9,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Shimmer Line","amicro","Shimmer Line loading animation.","npx shadcn@latest add @amicro/shimmer-line","https://amicro.dev/loaders",0,"",["shimmer-line",1,0,3],0,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Siri Wave","amicro","Siri Wave loading animation.","npx shadcn@latest add @amicro/siri-wave","https://amicro.dev/loaders",0,"",["siri-wave",1,1,3],7,"loader","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Skeleton Loader","amicro","Skeleton Loader loading animation.","npx shadcn@latest add @amicro/skeleton-loader","https://amicro.dev/loaders",0,"",["skeleton-loader",1,3,3],0,"loader","loader|skeleton,spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Sliding Bars","amicro","Sliding Bars loading animation.","npx shadcn@latest add @amicro/sliding-bars","https://amicro.dev/loaders",0,"",["sliding-bars",1,6,3],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Smooth Dot Shift","amicro","Smooth Dot Shift loading animation.","npx shadcn@latest add @amicro/smooth-dot-shift","https://amicro.dev/loaders",0,"",["smooth-dot-shift",1,7,3],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Smooth Ring","amicro","Smooth Ring loading animation.","npx shadcn@latest add @amicro/smooth-ring","https://amicro.dev/loaders",0,"",["smooth-ring",1,0,4],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Smooth Rounded Square","amicro","Smooth Rounded Square loading animation.","npx shadcn@latest add @amicro/smooth-rounded-square","https://amicro.dev/loaders",0,"",["smooth-rounded-square",1,1,4],3,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Spinning Squares","amicro","Spinning Squares loading animation.","npx shadcn@latest add @amicro/spinning-squares","https://amicro.dev/loaders",0,"",["spinning-squares",1,2,4],8,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Spiral Spinner","amicro","Spiral Spinner loading animation.","npx shadcn@latest add @amicro/spiral-spinner","https://amicro.dev/loaders",0,"",["spiral-spinner",1,3,4],1,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Spring Bars","amicro","Spring Bars loading animation.","npx shadcn@latest add @amicro/spring-bars","https://amicro.dev/loaders",0,"",["spring-bars",1,5,4],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Spring Dot Matrix","amicro","Spring Dot Matrix loading animation.","npx shadcn@latest add @amicro/spring-dot-matrix","https://amicro.dev/loaders",0,"",["spring-dot-matrix",1,6,4],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Spring Hexagon","amicro","Spring Hexagon loading animation.","npx shadcn@latest add @amicro/spring-hexagon","https://amicro.dev/loaders",0,"",["spring-hexagon",1,7,4],9,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Spring Ring Expand","amicro","Spring Ring Expand loading animation.","npx shadcn@latest add @amicro/spring-ring-expand","https://amicro.dev/loaders",0,"",["spring-ring-expand",1,0,5],0,"accordion","accordion|collapsible,expand,faq|no icons,animated,monochrome,minimal|c"],["Spring Text Pop","amicro","Spring Text Pop loading animation.","npx shadcn@latest add @amicro/spring-text-pop","https://amicro.dev/loaders",0,"",["spring-text-pop",1,1,5],6,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Square Accordion","amicro","Square Accordion loading animation.","npx shadcn@latest add @amicro/square-accordion","https://amicro.dev/loaders",0,"",["square-accordion",1,2,5],7,"accordion","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["Square Grid","amicro","Square Grid loading animation.","npx shadcn@latest add @amicro/square-grid","https://amicro.dev/loaders",0,"",["square-grid",1,3,5],41,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Square Snake","amicro","Square Snake loading animation.","npx shadcn@latest add @amicro/square-snake","https://amicro.dev/loaders",0,"",["square-snake",1,4,5],2,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Square Spinner","amicro","Square Spinner loading animation.","npx shadcn@latest add @amicro/square-spinner","https://amicro.dev/loaders",0,"",["square-spinner",1,5,5],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Stacked Bar Pulse","amicro","Stacked Bar Pulse loading animation.","npx shadcn@latest add @amicro/stacked-bar-pulse","https://amicro.dev/loaders",0,"",["stacked-bar-pulse",1,6,5],0,"loader","bar chart|chart,graph,dashboard|no icons,animated,monochrome,minimal|c"],["Swapping Dots","amicro","Swapping Dots loading animation.","npx shadcn@latest add @amicro/swapping-dots","https://amicro.dev/loaders",0,"",["swapping-dots",1,0,6],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Swirling Spinner","amicro","Swirling Spinner loading animation.","npx shadcn@latest add @amicro/swirling-spinner","https://amicro.dev/loaders",0,"",["swirling-spinner",1,1,6],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Symmetric Wave","amicro","Symmetric Wave loading animation.","npx shadcn@latest add @amicro/symmetric-wave","https://amicro.dev/loaders",0,"",["symmetric-wave",1,2,6],11,"loader","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Terminal Loader","amicro","Terminal Loader loading animation.","npx shadcn@latest add @amicro/terminal-loader","https://amicro.dev/loaders",0,"",["terminal-loader",1,3,6],55,"loader","loader|terminal,spinner,loading,progress|no icons,monochrome,minimal|c"],["Text Blink","amicro","Text Blink loading animation.","npx shadcn@latest add @amicro/text-blink","https://amicro.dev/loaders",0,"",["text-blink",1,4,6],8,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text Dots","amicro","Text Dots loading animation.","npx shadcn@latest add @amicro/text-dots","https://amicro.dev/loaders",0,"",["text-dots",1,5,6],9,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text Morph","amicro","Text Morph loading animation.","npx shadcn@latest add @amicro/text-morph","https://amicro.dev/loaders",0,"",["text-morph",1,6,6],4,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text Shimmer Wave","amicro","Text Shimmer Wave loading animation.","npx shadcn@latest add @amicro/text-shimmer-wave","https://amicro.dev/loaders",0,"",["text-shimmer-wave",1,1,7],1,"text","background|text effect,skeleton,animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Text Shimmer","amicro","Text Shimmer loading animation.","npx shadcn@latest add @amicro/text-shimmer","https://amicro.dev/loaders",0,"",["text-shimmer",1,0,7],7,"text","skeleton|text effect,loading,placeholder|no icons,monochrome,minimal|c"],["Trailing Dots","amicro","Trailing Dots loading animation.","npx shadcn@latest add @amicro/trailing-dots","https://amicro.dev/loaders",0,"",["trailing-dots",1,3,7],5,"loader","cursor effect|cursor,interaction,animation|no icons,animated,monochrome,minimal|c"],["Triple Dot Spinner","amicro","Triple Dot Spinner loading animation.","npx shadcn@latest add @amicro/triple-dot-spinner","https://amicro.dev/loaders",0,"",["triple-dot-spinner",1,4,7],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Twin Orbit","amicro","Twin Orbit loading animation.","npx shadcn@latest add @amicro/twin-orbit","https://amicro.dev/loaders",0,"",["twin-orbit",1,5,7],4,"loader","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Typing Indicator","amicro","Typing Indicator loading animation.","npx shadcn@latest add @amicro/typing-indicator","https://amicro.dev/loaders",0,"",["typing-indicator",1,7,7],3,"loader","badge|text effect,label,status,pill|no icons,animated,monochrome,minimal|c"],["Typing","amicro","Typing loading animation.","npx shadcn@latest add @amicro/typing","https://amicro.dev/loaders",0,"",["typing",1,6,7],41,"loader","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Wandering Cube","amicro","Wandering Cube loading animation.","npx shadcn@latest add @amicro/wandering-cube","https://amicro.dev/loaders",0,"",["wandering-cube",1,1,8],7,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Watch Spinner","amicro","Watch Spinner loading animation.","npx shadcn@latest add @amicro/watch-spinner","https://amicro.dev/loaders",0,"",["watch-spinner",1,2,8],39,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Wave Dots","amicro","Wave Dots loading animation.","npx shadcn@latest add @amicro/wave-dots","https://amicro.dev/loaders",0,"",["wave-dots",1,3,8],7,"loader","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Wave Physics Loader","amicro","Wave Physics Loader loading animation.","npx shadcn@latest add @amicro/wave-physics-loader","https://amicro.dev/loaders",0,"",["wave-physics-loader",1,4,8],54,"loader","loader|background,spinner,loading,progress|no icons,monochrome,minimal|c"],["Waveform Loader","amicro","Waveform Loader loading animation.","npx shadcn@latest add @amicro/waveform-loader","https://amicro.dev/loaders",0,"",["waveform-loader",1,5,8],7,"loader","loader|background,spinner,loading,progress|no icons,monochrome,minimal|c"],["Zig Zag Pulse","amicro","Zig Zag Pulse loading animation.","npx shadcn@latest add @amicro/zig-zag-pulse","https://amicro.dev/loaders",0,"",["zig-zag-pulse",1,7,8],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Page Transition","amicro","Dynamic fullscreen page transition animation.","npx shadcn@latest add @amicro/page-transition","https://amicro.dev/animations",0,"",["page-transition",1,7,0],45,"misc|b","content section|section,media,landing page|no icons,monochrome,minimal|b"],["Interactive 3D Carousel","amicro","An interactive arc-based 3D motion carousel featuring smooth dot indicators and dynamic prev/next controls.","npx shadcn@latest add @amicro/card-carousel","https://amicro.dev/cards",0,"",["card-carousel",0,5,3],87,"carousel","carousel|slider,gallery,swipe|icons,images,monochrome|c"],["CoverFlow Carousel","amicro","A premium 3D CoverFlow carousel displaying cards along a perspective path.","npx shadcn@latest add @amicro/card-cover-flow","https://amicro.dev/cards",0,"",["card-cover-flow",0,6,3],37,"carousel","carousel|slider,gallery,swipe|icons,images,monochrome|c"],["Dither Donut Chart","amicro","Interactive pixelated dither donut chart with real-time spring physics.","npx shadcn@latest add @amicro/dither-donut-chart","https://amicro.dev/dither-charts",0,"",["dither-donut-chart",0,0,6],81,"background","pie chart|chart,donut,dashboard|icons|c"],["Dither Growth Chart","amicro","60fps canvas growth line chart with pixel dither fill matrix.","npx shadcn@latest add @amicro/dither-growth-chart","https://amicro.dev/dither-charts",0,"",["dither-growth-chart",0,1,6],68,"background","chart|graph,timeline data,data,dashboard|icons|c"],["Uptime Dither Bar Chart","amicro","Continuous uptime bar chart with dithered matrix animation.","npx shadcn@latest add @amicro/uptime-chart","https://amicro.dev/dither-charts",0,"",["uptime-chart",1,0,8],38,"chart","bar chart|tracker,chart,graph,dashboard|no icons|c"],["Activity Dither Heatmap","amicro","GitHub-style activity heatmap with interactive dither dots.","npx shadcn@latest add @amicro/activity-heatmap","https://amicro.dev/dither-charts",0,"",["activity-heatmap",0,1,0],36,"background","heatmap|chart,calendar,dashboard|no icons|c"],["AI Prompt Input Studio","amicro","Dynamic auto-expanding AI textarea with model switcher, live voice dictation wave pulse, web search & deep thinking toggles, and token counter.","npx shadcn@latest add @amicro/ai-prompt-input","https://amicro.dev/animations",0,"",["ai-prompt-input",0,4,0],48,"thinking","input|ai prompt,search,text field,form,form control|icons,monochrome|c"],["AI Reasoning Trace Accordion","amicro","Collapsible chain-of-thought reasoning trace with active thought timer, pulsating brain wave, and sequential step status nodes.","npx shadcn@latest add @amicro/ai-reasoning-trace","https://amicro.dev/animations",0,"",["ai-reasoning-trace",0,5,0],72,"accordion","accordion|ai prompt,collapsible,expand,faq|icons,monochrome|c"],["AI Response Stream & Code Block","amicro","Terminal-like AI code stream card featuring branch revision navigation, instant copy with tactile haptics, and response rating morphs.","npx shadcn@latest add @amicro/ai-response-stream","https://amicro.dev/animations",0,"",["ai-response-stream",0,6,0],66,"thinking|b","code block|content section,code,syntax highlight|icons,monochrome|c"],["AI Prompt Suggestion Chips","amicro","Categorized quick-prompt suggestion chips with spring physics bounce and one-tap populating.","npx shadcn@latest add @amicro/ai-prompt-chips","https://amicro.dev/animations",0,"",["ai-prompt-chips",0,3,0],18,"thinking","tag|combobox,ai prompt,label,chip,pill|no icons,monochrome|c"],["AI Floating Action Pill","amicro","Glassmorphic floating quick-action pill dock for instant generative prompts and actions.","npx shadcn@latest add @amicro/ai-floating-toolbar","https://amicro.dev/animations",0,"",["ai-floating-toolbar",0,2,0],70,"thinking","tag|label,chip,pill|icons,monochrome|c"],["Morphing Shapes Studio","amicro","Interactive shape morphing laboratory with studio controls, continuous auto-looping, and spring tension adjustments.","npx shadcn@latest add @amicro/morphing-shapes-studio","https://amicro.dev/morphing",0,"",["morphing-shapes-studio",1,0,0],85,"misc","card|container,media,e-commerce,surface|icons,animated,monochrome|c"],["AI Chat with Voice Input","blocksso","A ai chat with voice input block.","npx shadcn@latest add @blocks-so/ai-01","https://blocks.so/ai/ai-01",0,"",["ai-01",0,0,0],69,"input","ai prompt|voice,ai,chat,input|icons,monochrome|c"],["AI Chat with Model Selection","blocksso","A ai chat with model selection block.","npx shadcn@latest add @blocks-so/ai-02","https://blocks.so/ai/ai-02",0,"",["ai-02",0,1,0],73,"thinking","ai prompt|select,ai,chat,input|icons,monochrome|c"],["AI Chat Compact Interface","blocksso","A ai chat compact interface block.","npx shadcn@latest add @blocks-so/ai-03","https://blocks.so/ai/ai-03",0,"",["ai-03",0,2,0],47,"thinking","ai prompt|ai,search,chat,input|icons,monochrome|c"],["AI Chat with File Attachments","blocksso","A ai chat with file attachments block.","npx shadcn@latest add @blocks-so/ai-04","https://blocks.so/ai/ai-04",0,"",["ai-04",0,3,0],67,"upload|b","ai prompt|file upload,upload,ai,chat,input|icons,monochrome|c"],["AI Elements Chat","blocksso","A ai elements chat block.","npx shadcn@latest add @blocks-so/ai-05","https://blocks.so/ai/ai-05",0,"",["ai-05",0,4,0],78,"thinking|b","chat|messages,e-commerce,ai,input|icons,monochrome|c"],["Chat Basic","blocksso","A chat basic block.","npx shadcn@latest add @blocks-so/chat-01","https://blocks.so/chat/chat-01",0,"",["chat-01",0,5,0],71,"thinking|b","chat|messages,ai,input|icons,monochrome|c"],["Chat with Model Menu","blocksso","A chat with model menu block.","npx shadcn@latest add @blocks-so/chat-02","https://blocks.so/chat/chat-02",0,"",["chat-02",0,6,0],70,"dropdown|b","chat|dropdown menu,messages,ai,input|icons,monochrome|c"],["Chat Application","blocksso","A chat application block.","npx shadcn@latest add @blocks-so/chat-03","https://blocks.so/chat/chat-03",0,"",["chat-03",0,7,0],73,"thinking|b","chat|messages,search,account,ai,input|icons,monochrome|c"],["Command Menu with Groups","blocksso","A command menu with groups block.","npx shadcn@latest add @blocks-so/command-menu-01","https://blocks.so/command-menu/command-menu-01",0,"",["command-menu-01",0,0,1],82,"command","command menu|dropdown menu,command palette,search,cmdk|icons,monochrome|c"],["Command Menu with Keyboard Shortcuts","blocksso","A command menu with keyboard shortcuts block.","npx shadcn@latest add @blocks-so/command-menu-02","https://blocks.so/command-menu/command-menu-02",0,"",["command-menu-02",0,1,1],80,"command","command menu|keyboard key,dropdown menu,command palette,search,cmdk|icons,monochrome|c"],["Command Menu with Documentation Search","blocksso","A command menu with documentation search block.","npx shadcn@latest add @blocks-so/command-menu-03","https://blocks.so/command-menu/command-menu-03",0,"",["command-menu-03",0,2,1],83,"command","command menu|dropdown menu,command palette,search,cmdk|icons,monochrome|c"],["Command Menu with Global Search","blocksso","A command menu with global search block.","npx shadcn@latest add @blocks-so/command-menu-04","https://blocks.so/command-menu/command-menu-04",0,"",["command-menu-04",0,3,1],71,"command","command menu|dropdown menu,command palette,search,cmdk|icons,monochrome|c"],["Dashboard with Revenue and Customers","blocksso","A dashboard with revenue and customers block.","npx shadcn@latest add @blocks-so/dashboard-01","https://blocks.so/dashboard/dashboard-01",0,"",["dashboard-01",0,4,1],80,"section|b","dashboard|admin,analytics,app layout,calendar,pricing,app|icons|b"],["Dialog Confirmation","blocksso","A dialog confirmation block.","npx shadcn@latest add @blocks-so/dialog-01","https://blocks.so/dialogs/dialog-01",0,"",["dialog-01",0,5,1],85,"dialog","alert dialog|dialog,modal,confirm|icons,monochrome|c"],["Dialog with Warning Icon","blocksso","A dialog with warning icon block.","npx shadcn@latest add @blocks-so/dialog-02","https://blocks.so/dialogs/dialog-02",0,"",["dialog-02",0,6,1],87,"dialog","dialog|animated icon,modal,overlay,popup|icons,monochrome|c"],["Dialog with Input Field","blocksso","A dialog with input field block.","npx shadcn@latest add @blocks-so/dialog-03","https://blocks.so/dialogs/dialog-03",0,"",["dialog-03",0,7,1],85,"dialog","dialog|input,modal,overlay,popup|icons,monochrome|c"],["Dialog with Two Buttons","blocksso","A dialog with two buttons block.","npx shadcn@latest add @blocks-so/dialog-04","https://blocks.so/dialogs/dialog-04",0,"",["dialog-04",0,0,2],83,"button","dialog|button,modal,overlay,popup|icons,monochrome,minimal|c"],["Dialog with Password Confirmation","blocksso","A dialog with password confirmation block.","npx shadcn@latest add @blocks-so/dialog-05","https://blocks.so/dialogs/dialog-05",0,"",["dialog-05",0,1,2],77,"dialog","dialog|alert dialog,login,password input,modal,overlay,popup|icons,monochrome,minimal|c"],["Dialog with Privacy Toggle","blocksso","A dialog with privacy toggle block.","npx shadcn@latest add @blocks-so/dialog-06","https://blocks.so/dialogs/dialog-06",0,"",["dialog-06",0,2,2],71,"switch","dialog|switch,modal,overlay,popup|icons,monochrome,minimal|c"],["Dialog with Member List","blocksso","A dialog with member list block.","npx shadcn@latest add @blocks-so/dialog-07","https://blocks.so/dialogs/dialog-07",0,"",["dialog-07",0,3,2],77,"dialog","dialog|list,modal,overlay,popup|icons,monochrome,minimal|c"],["Dialog with Email and Password Fields","blocksso","A dialog with email and password fields block.","npx shadcn@latest add @blocks-so/dialog-08","https://blocks.so/dialogs/dialog-08",0,"",["dialog-08",0,4,2],72,"dialog","dialog|password input,team,login,modal,overlay,popup|icons,monochrome|c"],["Dialog with Link Share and Toggles","blocksso","A dialog with link share and toggles block.","npx shadcn@latest add @blocks-so/dialog-09","https://blocks.so/dialogs/dialog-09",0,"",["dialog-09",0,5,2],76,"switch","dialog|link,team,switch,modal,overlay,popup|icons,monochrome|c"],["Dialog with Calendar and Time Picker","blocksso","A dialog with calendar and time picker block.","npx shadcn@latest add @blocks-so/dialog-10","https://blocks.so/dialogs/dialog-10",0,"",["dialog-10",0,6,2],72,"datepicker","dialog|calendar,select,time picker,modal,overlay,popup|icons,monochrome|c"],["Dialog Multi-Step Wizard","blocksso","A dialog multi-step wizard block.","npx shadcn@latest add @blocks-so/dialog-11","https://blocks.so/dialogs/dialog-11",0,"",["dialog-11",0,7,2],79,"dialog","stepper|dialog,steps,progress,onboarding|icons,monochrome|c"],["Dialog with Avatar Upload","blocksso","A dialog with avatar upload block.","npx shadcn@latest add @blocks-so/dialog-12","https://blocks.so/dialogs/dialog-12",0,"",["dialog-12",0,0,3],86,"upload","dialog|avatar,upload,file upload,modal,overlay,popup|icons,monochrome|c"],["File Upload with Preview","blocksso","A file upload with preview block.","npx shadcn@latest add @blocks-so/file-upload-01","https://blocks.so/file-upload/file-upload-01",0,"",["file-upload-01",0,1,3],81,"upload|b","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["File Upload Simple","blocksso","A file upload simple block.","npx shadcn@latest add @blocks-so/file-upload-02","https://blocks.so/file-upload/file-upload-02",0,"",["file-upload-02",0,2,3],81,"upload|b","file upload|dropzone,upload,drag and drop|no icons,monochrome|c"],["File Upload Multi-File Dropzone","blocksso","A file upload multi-file dropzone block.","npx shadcn@latest add @blocks-so/file-upload-03","https://blocks.so/file-upload/file-upload-03",0,"",["file-upload-03",0,3,3],83,"upload|b","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["File Upload Drag & Drop","blocksso","A file upload drag & drop block.","npx shadcn@latest add @blocks-so/file-upload-04","https://blocks.so/file-upload/file-upload-04",0,"",["file-upload-04",0,4,3],82,"upload|b","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["File Upload with Progress","blocksso","A file upload with progress block.","npx shadcn@latest add @blocks-so/file-upload-05","https://blocks.so/file-upload/file-upload-05",0,"",["file-upload-05",0,5,3],79,"loader|b","file upload|progress bar,dropzone,upload,drag and drop|icons,monochrome|c"],["File Upload with Status Sections","blocksso","A file upload with status sections block.","npx shadcn@latest add @blocks-so/file-upload-06","https://blocks.so/file-upload/file-upload-06",0,"",["file-upload-06",0,6,3],85,"section|b","file upload|content section,dropzone,upload,drag and drop|icons,monochrome|c"],["Form with Workspace Fields","blocksso","A form with workspace fields block.","npx shadcn@latest add @blocks-so/form-layout-01","https://blocks.so/form-layout/form-layout-01",0,"",["form-layout-01",0,7,3],77,"input|b","form|inputs,fields|no icons,monochrome|b"],["Form with Side Labels","blocksso","A form with side labels block.","npx shadcn@latest add @blocks-so/form-layout-02","https://blocks.so/form-layout/form-layout-02",0,"",["form-layout-02",0,0,4],74,"input|b","form|input,settings,notifications,inputs,fields|icons,monochrome|b"],["Form with Checkbox Settings","blocksso","A form with checkbox settings block.","npx shadcn@latest add @blocks-so/form-layout-03","https://blocks.so/form-layout/form-layout-03",0,"",["form-layout-03",0,1,4],75,"input|b","settings page|checkbox,notifications,settings,account,form|icons,monochrome|b"],["Form with Package Selection","blocksso","A form with package selection block.","npx shadcn@latest add @blocks-so/form-layout-04","https://blocks.so/form-layout/form-layout-04",0,"",["form-layout-04",0,2,4],74,"input|b","form|select,pricing,inputs,fields|icons,monochrome|b"],["Form with Plan Selection","blocksso","A form with plan selection block.","npx shadcn@latest add @blocks-so/form-layout-05","https://blocks.so/form-layout/form-layout-05",0,"",["form-layout-05",0,3,4],83,"pricing|b","pricing section|select,team,form,pricing,plans,subscription|icons,monochrome|b"],["Grid List with Dropdown","blocksso","A grid list with dropdown block.","npx shadcn@latest add @blocks-so/grid-list-01","https://blocks.so/grid-list/grid-list-01",0,"",["grid-list-01",0,4,4],77,"dropdown|b","list|dropdown menu,items,rows|icons,monochrome|c"],["Grid List with Links","blocksso","A grid list with links block.","npx shadcn@latest add @blocks-so/grid-list-02","https://blocks.so/grid-list/grid-list-02",0,"",["grid-list-02",0,5,4],78,"misc|b","list|link,items,rows|no icons,monochrome|c"],["Grid List with Icons","blocksso","A grid list with icons block.","npx shadcn@latest add @blocks-so/grid-list-03","https://blocks.so/grid-list/grid-list-03",0,"",["grid-list-03",0,6,4],84,"misc|b","list|animated icon,settings,login,items,rows|icons,monochrome|c"],["Login with Email and Google","blocksso","A login with email and google block.","npx shadcn@latest add @blocks-so/login-01","https://blocks.so/login/login-01",0,"",["login-01",0,7,4],78,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Login with Email, Password and Google","blocksso","A login with email, password and google block.","npx shadcn@latest add @blocks-so/login-02","https://blocks.so/login/login-02",0,"",["login-02",0,0,5],78,"section|b","login|password input,sign in,sign up,auth form|icons,monochrome|b"],["Login with Email and Password","blocksso","A login with email and password block.","npx shadcn@latest add @blocks-so/login-03","https://blocks.so/login/login-03",0,"",["login-03",0,1,5],80,"section|b","login|password input,sign in,sign up,auth form|no icons,monochrome|b"],["Login with Social Buttons","blocksso","A login with social buttons block.","npx shadcn@latest add @blocks-so/login-04","https://blocks.so/login/login-04",0,"",["login-04",0,2,5],78,"button|b","login|button,sign in,sign up,auth form|icons,monochrome|b"],["Login Card Signup Form","blocksso","A login card signup form block.","npx shadcn@latest add @blocks-so/login-05","https://blocks.so/login/login-05",0,"",["login-05",0,3,5],88,"section|b","login|card,form,sign in,sign up,auth form|no icons,monochrome|b"],["Login with Magic Link and SSO","blocksso","A login with magic link and sso block.","npx shadcn@latest add @blocks-so/login-06","https://blocks.so/login/login-06",0,"",["login-06",0,4,5],86,"section|b","login|link,sign in,sign up,auth form|no icons,monochrome|b"],["Login Full Page with Icons","blocksso","A login full page with icons block.","npx shadcn@latest add @blocks-so/login-07","https://blocks.so/login/login-07",0,"",["login-07",0,5,5],74,"section|b","login|animated icon,settings,content section,sign in,sign up,auth form|icons,monochrome|b"],["Login with SSO","blocksso","A login with sso block.","npx shadcn@latest add @blocks-so/login-08","https://blocks.so/login/login-08",0,"",["login-08",0,6,5],85,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Login Signup with Role Selection","blocksso","A login signup with role selection block.","npx shadcn@latest add @blocks-so/login-09","https://blocks.so/login/login-09",0,"",["login-09",0,7,5],85,"section|b","select|login,dropdown,options,form|icons,monochrome|c"],["Onboarding","blocksso","A onboarding block.","npx shadcn@latest add @blocks-so/onboarding-01","https://blocks.so/onboarding/onboarding-01",0,"",["onboarding-01",0,0,6],78,"misc|b","onboarding|steps,settings,notifications,welcome|icons,monochrome|b"],["Onboarding Workspace Setup","blocksso","A onboarding workspace setup block.","npx shadcn@latest add @blocks-so/onboarding-02","https://blocks.so/onboarding/onboarding-02",0,"",["onboarding-02",0,1,6],85,"misc|b","onboarding|steps,team,welcome|icons,monochrome|b"],["Onboarding Steps with Progress","blocksso","A onboarding steps with progress block.","npx shadcn@latest add @blocks-so/onboarding-03","https://blocks.so/onboarding/onboarding-03",0,"",["onboarding-03",0,2,6],81,"loader|b","stepper|progress bar,settings,account,steps,progress,onboarding|no icons,monochrome|c"],["Onboarding Accordion","blocksso","A onboarding accordion block.","npx shadcn@latest add @blocks-so/onboarding-04","https://blocks.so/onboarding/onboarding-04",0,"",["onboarding-04",0,3,6],81,"accordion|b","onboarding|accordion,steps,welcome|icons,monochrome|b"],["Onboarding Activity Feed","blocksso","A onboarding activity feed block.","npx shadcn@latest add @blocks-so/onboarding-05","https://blocks.so/onboarding/onboarding-05",0,"",["onboarding-05",0,4,6],80,"misc|b","onboarding|timeline,team,upload,steps,welcome|no icons,monochrome|b"],["Onboarding Timeline","blocksso","A onboarding timeline block.","npx shadcn@latest add @blocks-so/onboarding-06","https://blocks.so/onboarding/onboarding-06",0,"",["onboarding-06",0,5,6],63,"misc|b","onboarding|timeline,steps,welcome|icons,monochrome|b"],["Onboarding Deploy Pipeline","blocksso","A onboarding deploy pipeline block.","npx shadcn@latest add @blocks-so/onboarding-07","https://blocks.so/onboarding/onboarding-07",0,"",["onboarding-07",0,6,6],64,"kanban|b","onboarding|steps,welcome|icons,animated,monochrome|b"],["Sidebar Collapsible Sections","blocksso","A sidebar collapsible sections block.","npx shadcn@latest add @blocks-so/sidebar-01","https://blocks.so/sidebar/sidebar-01",0,"",["sidebar-01",0,7,6],43,"accordion|b","content section|accordion,search,notifications,sidebar,section,landing page|icons,monochrome|b"],["Sidebar Dashboard Inset","blocksso","A sidebar dashboard inset block.","npx shadcn@latest add @blocks-so/sidebar-02","https://blocks.so/sidebar/sidebar-02",0,"",["sidebar-02",0,0,7],79,"section|b","dashboard|sidebar,admin,analytics,app layout,settings,app|icons,monochrome|b"],["Sidebar Dashboard Floating","blocksso","A sidebar dashboard floating block.","npx shadcn@latest add @blocks-so/sidebar-03","https://blocks.so/sidebar/sidebar-03",0,"",["sidebar-03",0,1,7],42,"section|b","dashboard|sidebar,admin,analytics,app layout,settings,app|icons,monochrome|b"],["Sidebar Double-Sided Mail","blocksso","A sidebar double-sided mail block.","npx shadcn@latest add @blocks-so/sidebar-04","https://blocks.so/sidebar/sidebar-04",0,"",["sidebar-04",0,2,7],78,"section|b","sidebar|navigation,pricing,account,menu,layout|icons,monochrome|b"],["Sidebar Double-Sided","blocksso","A sidebar double-sided block.","npx shadcn@latest add @blocks-so/sidebar-05","https://blocks.so/sidebar/sidebar-05",0,"",["sidebar-05",0,3,7],82,"section|b","sidebar|navigation,settings,account,menu,layout|icons,monochrome|b"],["Sidebar Replacement","blocksso","A sidebar replacement block.","npx shadcn@latest add @blocks-so/sidebar-06","https://blocks.so/sidebar/sidebar-06",0,"",["sidebar-06",0,4,7],45,"section|b","sidebar|navigation,settings,account,menu,layout|icons,monochrome|b"],["Stats with Trending","blocksso","A stats with trending block.","npx shadcn@latest add @blocks-so/stats-01","https://blocks.so/stats/stats-01",0,"",["stats-01",0,5,7],73,"chart|b","stats section|numbers,pricing,metrics|no icons,monochrome|b"],["Stats with Borders","blocksso","A stats with borders block.","npx shadcn@latest add @blocks-so/stats-02","https://blocks.so/stats/stats-02",0,"",["stats-02",0,6,7],76,"chart|b","stats section|numbers,metrics|icons,monochrome|b"],["Stats with Card Layout","blocksso","A stats with card layout block.","npx shadcn@latest add @blocks-so/stats-03","https://blocks.so/stats/stats-03",0,"",["stats-03",0,7,7],37,"chart|b","stats section|card,analytics,numbers,metrics|no icons,monochrome|b"],["Stats with Badges","blocksso","A stats with badges block.","npx shadcn@latest add @blocks-so/stats-04","https://blocks.so/stats/stats-04",0,"",["stats-04",0,0,8],70,"chart|b","stats section|badge,numbers,metrics|icons,monochrome|b"],["Stats with Links","blocksso","A stats with links block.","npx shadcn@latest add @blocks-so/stats-05","https://blocks.so/stats/stats-05",0,"",["stats-05",0,1,8],77,"chart|b","stats section|link,analytics,pricing,numbers,metrics|no icons,monochrome|b"],["Stats with Status","blocksso","A stats with status block.","npx shadcn@latest add @blocks-so/stats-06","https://blocks.so/stats/stats-06",0,"",["stats-06",0,2,8],77,"chart|b","stats section|numbers,media,pricing,metrics|icons,monochrome|b"],["Stats with Circular Progress","blocksso","A stats with circular progress block.","npx shadcn@latest add @blocks-so/stats-07","https://blocks.so/stats/stats-07",0,"",["stats-07",0,3,8],78,"loader|b","stats section|progress bar,activity ring,numbers,metrics|icons,monochrome|b"],["Stats with Circular Progress and Links","blocksso","A stats with circular progress and links block.","npx shadcn@latest add @blocks-so/stats-08","https://blocks.so/stats/stats-08",0,"",["stats-08",0,4,8],81,"loader|b","stats section|link,pricing,progress bar,activity ring,numbers,metrics|no icons,monochrome|b"],["Stats with Progress","blocksso","A stats with progress block.","npx shadcn@latest add @blocks-so/stats-09","https://blocks.so/stats/stats-09",0,"",["stats-09",0,5,8],76,"loader|b","stats section|progress bar,pricing,numbers,metrics|no icons,monochrome|b"],["Stats with Area Chart","blocksso","A stats with area chart block.","npx shadcn@latest add @blocks-so/stats-10","https://blocks.so/stats/stats-10",0,"",["stats-10",0,6,8],78,"chart|b","stats section|chart,pricing,area chart,numbers,metrics|no icons,monochrome|b"],["Stats Dashboard with Progress Bars","blocksso","A stats dashboard with progress bars block.","npx shadcn@latest add @blocks-so/stats-11","https://blocks.so/stats/stats-11",0,"",["stats-11",0,7,8],81,"section|b","stats section|progress bar,pricing,numbers,metrics|icons,monochrome|b"],["Stats Usage Dashboard","blocksso","A stats usage dashboard block.","npx shadcn@latest add @blocks-so/stats-12","https://blocks.so/stats/stats-12",0,"",["stats-12",0,0,9],84,"section|b","stats section|numbers,metrics|icons,monochrome|b"],["Stats with Segmented Progress","blocksso","A stats with segmented progress block.","npx shadcn@latest add @blocks-so/stats-13","https://blocks.so/stats/stats-13",0,"",["stats-13",0,1,9],83,"tabs|b","stats section|segmented control,progress bar,numbers,metrics|no icons,monochrome|b"],["Stats with Usage Breakdown","blocksso","A stats with usage breakdown block.","npx shadcn@latest add @blocks-so/stats-14","https://blocks.so/stats/stats-14",0,"",["stats-14",0,2,9],87,"chart|b","stats section|numbers,settings,pricing,metrics|no icons,monochrome|b"],["Stats with Value Breakdown","blocksso","A stats with value breakdown block.","npx shadcn@latest add @blocks-so/stats-15","https://blocks.so/stats/stats-15",0,"",["stats-15",0,3,9],64,"chart|b","stats section|numbers,pricing,metrics|no icons,monochrome|b"],["Table with Accordion","blocksso","A table with accordion block.","npx shadcn@latest add @blocks-so/table-01","https://blocks.so/tables/table-01",0,"",["table-01",0,4,9],83,"accordion|b","data table|accordion,pricing,table,rows,spreadsheet|icons,monochrome|b"],["Table with Actions","blocksso","A table with actions block.","npx shadcn@latest add @blocks-so/table-02","https://blocks.so/tables/table-02",0,"",["table-02",0,5,9],81,"table|b","data table|table,tasks,rows,spreadsheet|icons,monochrome|b"],["Table with Filters","blocksso","A table with filters block.","npx shadcn@latest add @blocks-so/table-03","https://blocks.so/tables/table-03",0,"",["table-03",0,6,9],81,"table|b","data table|table,calendar,pricing,rows,spreadsheet|icons,monochrome|b"],["Table with Grouped Rows","blocksso","A table with grouped rows block.","npx shadcn@latest add @blocks-so/table-04","https://blocks.so/tables/table-04",0,"",["table-04",0,7,9],87,"table|b","data table|table,calendar,pricing,rows,spreadsheet|no icons,monochrome|b"],["Data Table","blocksso","A data table block.","npx shadcn@latest add @blocks-so/table-05","https://blocks.so/tables/table-05",0,"",["table-05",0,0,10],77,"table|b","data table|table,calendar,pricing,rows,spreadsheet|icons,monochrome|b"],["8-bit Chapter Intro","b8bitcn","A cinematic chapter/level intro with pixel art background.","npx shadcn@latest add @8bitcn/chapter-intro","https://www.8bitcn.com/docs/blocks/gaming/chapter-intro",0,"",["chapter-intro",0,7,1],95,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["8-bit Button","b8bitcn","A simple 8-bit button component","npx shadcn@latest add @8bitcn/button","https://www.8bitcn.com/docs/components/button",0,"",["button",0,2,1],17,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["8-bit Button Group","b8bitcn","Groups multiple 8-bit buttons together inside a shared retro pixelated border.","npx shadcn@latest add @8bitcn/button-group","https://www.8bitcn.com/docs/components/button-group",0,"",["button-group",0,3,1],35,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["8-bit Input","b8bitcn","A simple 8-bit input component","npx shadcn@latest add @8bitcn/input","https://www.8bitcn.com/docs/components/input",0,"",["input",0,2,7],55,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["8-bit Toast","b8bitcn","A simple 8-bit toast component","npx shadcn@latest add @8bitcn/toast","https://www.8bitcn.com/docs/components/toast",0,"",["toast",1,1,2],22,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["8-bit Input-OTP","b8bitcn","A simple 8-bit input-otp component","npx shadcn@latest add @8bitcn/input-otp","https://www.8bitcn.com/docs/components/input-otp",0,"",["input-otp",0,3,7],59,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["8-bit Badge","b8bitcn","A simple 8-bit badge component","npx shadcn@latest add @8bitcn/badge","https://www.8bitcn.com/docs/components/badge",0,"",["badge",0,0,1],11,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["8-bit Textarea","b8bitcn","A simple 8-bit textarea component","npx shadcn@latest add @8bitcn/textarea","https://www.8bitcn.com/docs/components/textarea",0,"",["textarea",1,4,1],63,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["8-bit Calendar","b8bitcn","A simple 8-bit calendar component","npx shadcn@latest add @8bitcn/calendar","https://www.8bitcn.com/docs/components/calendar",0,"",["calendar",0,4,1],76,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["8-bit Date Picker","b8bitcn","A simple 8-bit date picker component","npx shadcn@latest add @8bitcn/date-picker","https://www.8bitcn.com/docs/components/date-picker",0,"",["date-picker",0,3,3],58,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["8-bit Card","b8bitcn","A simple 8-bit card component","npx shadcn@latest add @8bitcn/card","https://www.8bitcn.com/docs/components/card",0,"",["card",0,5,1],75,"card","card|container,surface|icons,monochrome|c"],["8-bit Card","b8bitcn","A simple 8-bit carousel component","npx shadcn@latest add @8bitcn/carousel","https://www.8bitcn.com/docs/components/card",0,"",["card",0,5,1],75,"card","card|container,surface|icons,monochrome|c"],["8-bit Dialog","b8bitcn","A simple 8-bit dialog component","npx shadcn@latest add @8bitcn/dialog","https://www.8bitcn.com/docs/components/dialog",0,"",["dialog",0,4,3],15,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["8-bit Dropdown Menu","b8bitcn","A simple 8-bit dropdown-menu component","npx shadcn@latest add @8bitcn/dropdown-menu","https://www.8bitcn.com/docs/components/dropdown-menu",0,"",["dropdown-menu",0,0,4],10,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["8-bit Hover Card","b8bitcn","A simple 8-bit hover card component","npx shadcn@latest add @8bitcn/hover-card","https://www.8bitcn.com/docs/components/hover-card",0,"",["hover-card",0,1,7],0,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["8-bit Popover","b8bitcn","A simple 8-bit popover component","npx shadcn@latest add @8bitcn/popover","https://www.8bitcn.com/docs/components/popover",0,"",["popover",0,0,10],16,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["8-bit Resizable Panel","b8bitcn","Accessible resizable panel groups and layouts with keyboard support.","npx shadcn@latest add @8bitcn/resizable","https://www.8bitcn.com/docs/components/resizable",0,"",["resizable",0,0,11],73,"misc","card|container,surface|no icons,monochrome,minimal|c"],["8-bit Select","b8bitcn","A simple 8-bit select component","npx shadcn@latest add @8bitcn/select","https://www.8bitcn.com/docs/components/select",0,"",["select",0,4,11],49,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["8-bit sheet","b8bitcn","A simple 8-bit sheet component","npx shadcn@latest add @8bitcn/sheet","https://www.8bitcn.com/docs/components/sheet",0,"",["sheet",0,6,11],10,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["8-bit Label","b8bitcn","A simple 8-bit label component","npx shadcn@latest add @8bitcn/label","https://www.8bitcn.com/docs/components/label",0,"",["label",0,6,7],44,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["8-bit Checkbox","b8bitcn","A simple 8-bit checkbox component","npx shadcn@latest add @8bitcn/checkbox","https://www.8bitcn.com/docs/components/checkbox",0,"",["checkbox",0,4,2],44,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["8-bit Scroll Area","b8bitcn","A simple 8-bit Scroll Area component","npx shadcn@latest add @8bitcn/scroll-area","https://www.8bitcn.com/docs/components/scroll-area",0,"",["scroll-area",0,3,11],64,"misc","scroll area|scroll,container|no icons,monochrome|c"],["8-bit Switch","b8bitcn","A simple 8-bit switch component","npx shadcn@latest add @8bitcn/switch","https://www.8bitcn.com/docs/components/switch",0,"",["switch",1,6,0],44,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["8-bit Alert","b8bitcn","A simple 8-bit switch component","npx shadcn@latest add @8bitcn/alert","https://www.8bitcn.com/docs/components/alert",0,"",["alert",0,4,0],63,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["8-bit Alert Dialog","b8bitcn","A simple 8-bit Alert Dialog component","npx shadcn@latest add @8bitcn/alert-dialog","https://www.8bitcn.com/docs/components/alert-dialog",0,"",["alert-dialog",0,5,0],10,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["8-bit Tooltip","b8bitcn","A simple 8-bit tooltip component","npx shadcn@latest add @8bitcn/tooltip","https://www.8bitcn.com/docs/components/tooltip",0,"",["tooltip",1,4,2],11,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["8-bit Avatar","b8bitcn","A simple 8-bit avatar component","npx shadcn@latest add @8bitcn/avatar","https://www.8bitcn.com/docs/components/avatar",0,"",["avatar",0,7,0],47,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["8-bit Skeleton","b8bitcn","A simple 8-bit skeleton component","npx shadcn@latest add @8bitcn/skeleton","https://www.8bitcn.com/docs/components/skeleton",0,"",["skeleton",1,0,0],77,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["8-bit Breadcrumb","b8bitcn","A simple 8-bit breadcrumb component","npx shadcn@latest add @8bitcn/breadcrumb","https://www.8bitcn.com/docs/components/breadcrumb",0,"",["breadcrumb",0,1,1],40,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["8-bit Collapsible","b8bitcn","A simple 8-bit collapsible component","npx shadcn@latest add @8bitcn/collapsible","https://www.8bitcn.com/docs/components/collapsible",0,"",["collapsible",0,5,2],12,"accordion","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["8-bit Progress","b8bitcn","A simple 8-bit progress component","npx shadcn@latest add @8bitcn/progress","https://www.8bitcn.com/docs/components/progress",0,"",["progress",0,5,10],73,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["8-bit Enemy Health Display","b8bitcn","A retro-styled enemy health display component with health bar, name, and level","npx shadcn@latest add @8bitcn/enemy-health-display","https://www.8bitcn.com/docs/components/enemy-health-display",0,"",["enemy-health-display",0,3,4],92,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["8-bit Health Bar","b8bitcn","A simple 8-bit health bar component","npx shadcn@latest add @8bitcn/health-bar","https://www.8bitcn.com/docs/components/health-bar",0,"",["health-bar",0,5,6],86,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["8-bit Mana Bar","b8bitcn","A simple 8-bit mana bar component","npx shadcn@latest add @8bitcn/mana-bar","https://www.8bitcn.com/docs/components/mana-bar",0,"",["mana-bar",0,5,8],86,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["8-bit XP Bar","b8bitcn","A simple 8-bit XP bar component with level up animation","npx shadcn@latest add @8bitcn/xp-bar","https://www.8bitcn.com/docs/components/xp-bar",0,"",["xp-bar",1,6,2],91,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["8-bit Game Progress","b8bitcn","A simple 8-bit game progress component","npx shadcn@latest add @8bitcn/game-progress","https://www.8bitcn.com/docs/blocks/gaming/game-progress",0,"",["game-progress",0,2,6],96,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["8-bit Dialogue","b8bitcn","A simple 8-bit dialogue component","npx shadcn@latest add @8bitcn/dialogue","https://www.8bitcn.com/docs/blocks/gaming/dialogue",0,"",["dialogue",0,5,3],75,"misc","dialog|modal,overlay,popup|no icons,monochrome|c"],["8-bit Profile Card","b8bitcn","A simple 8-bit profile card component","npx shadcn@latest add @8bitcn/profile-card","https://www.8bitcn.com/docs/components/card",0,"",["profile-card",0,4,10],74,"card","card|container,surface|no icons,monochrome,minimal|c"],["8-bit Slider","b8bitcn","A simple 8-bit slider component","npx shadcn@latest add @8bitcn/slider","https://www.8bitcn.com/docs/components/slider",0,"",["slider",1,1,0],72,"input","slider|range,input|no icons,monochrome,minimal|c"],["8-bit Context Menu","b8bitcn","A simple 8-bit context menu component","npx shadcn@latest add @8bitcn/context-menu","https://www.8bitcn.com/docs/components/context-menu",0,"",["context-menu",0,0,3],56,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["8-bit Menu Bar","b8bitcn","A simple 8-bit menu bar component","npx shadcn@latest add @8bitcn/menubar","https://www.8bitcn.com/docs/components/menubar",0,"",["menubar",0,6,8],50,"navbar","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["8-bit Toggle","b8bitcn","A simple 8-bit toggle component","npx shadcn@latest add @8bitcn/toggle","https://www.8bitcn.com/docs/components/toggle",0,"",["toggle",1,2,2],55,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["8-bit Table","b8bitcn","A simple 8-bit table component","npx shadcn@latest add @8bitcn/table","https://www.8bitcn.com/docs/components/table",0,"",["table",1,7,0],71,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["8-bit Tabs","b8bitcn","A simple 8-bit tabs component","npx shadcn@latest add @8bitcn/tabs","https://www.8bitcn.com/docs/components/tabs",0,"",["tabs",1,0,1],69,"tabs","tabs|tab bar,login,segmented control,navigation|no icons,monochrome,minimal|c"],["8-bit Combo Box","b8bitcn","A simple 8-bit combo box component","npx shadcn@latest add @8bitcn/combo-box","https://www.8bitcn.com/docs/components/combo-box",0,"",["combo-box",0,6,2],54,"misc","combobox|card,select,search,autocomplete|icons,monochrome,minimal|c"],["8-bit Command","b8bitcn","A simple 8-bit command component","npx shadcn@latest add @8bitcn/command","https://www.8bitcn.com/docs/components/command",0,"",["command",0,7,2],75,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["8-bit Separator","b8bitcn","A simple 8-bit separator component","npx shadcn@latest add @8bitcn/separator","https://www.8bitcn.com/docs/components/separator",0,"",["separator",0,5,11],55,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["8-bit Radio Group","b8bitcn","A simple 8-bit radio group component","npx shadcn@latest add @8bitcn/radio-group","https://www.8bitcn.com/docs/components/radio-group",0,"",["radio-group",0,7,10],49,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["8-bit Pagination","b8bitcn","A simple 8-bit pagination component","npx shadcn@latest add @8bitcn/pagination","https://www.8bitcn.com/docs/components/pagination",0,"",["pagination",0,5,9],47,"misc","pagination|pages,navigation|icons,monochrome|c"],["8-bit Friend List","b8bitcn","A simple 8-bit friend list component","npx shadcn@latest add @8bitcn/friend-list","https://www.8bitcn.com/docs/blocks/gaming/friend-list",0,"",["friend-list",0,3,5],65,"misc","list|items,rows|no icons,monochrome|c"],["8-bit Login Form","b8bitcn","A simple 8-bit login form component","npx shadcn@latest add @8bitcn/login-form","https://www.8bitcn.com/docs/blocks/authentication/login-form",0,"",["login-form",0,1,8],72,"section|b","login|form,sign in,sign up,auth form|no icons,monochrome|b"],["8-bit Login Form 2","b8bitcn","A simple 8-bit login form component","npx shadcn@latest add @8bitcn/login-form-2","https://www.8bitcn.com/docs/blocks/authentication/login-form",0,"",["login-form-2",0,2,8],73,"section|b","login|form,sign in,sign up,auth form|icons,monochrome|b"],["8-bit Login Form with Image","b8bitcn","A simple 8-bit login form component with image","npx shadcn@latest add @8bitcn/login-form-with-image","https://www.8bitcn.com/docs/blocks/authentication/login-form-with-image",0,"",["login-form-with-image",0,3,8],74,"section|b","login|image,form,sign in,sign up,auth form|icons,monochrome|b"],["8-bit Chart","b8bitcn","A simple 8-bit chart component","npx shadcn@latest add @8bitcn/chart","https://www.8bitcn.com/docs/components/chart",0,"",["chart",0,1,2],81,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["8-bit Chart Bar","b8bitcn","A simple 8-bit chart bar component","npx shadcn@latest add @8bitcn/chart-bar","https://www.8bitcn.com/docs/blocks/charts/chart-bar",0,"",["chart-bar",0,3,2],72,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["8-bit Chart Area Step","b8bitcn","A simple 8-bit chart area step component","npx shadcn@latest add @8bitcn/chart-area-step","https://www.8bitcn.com/docs/blocks/charts/chart-area-step",0,"",["chart-area-step",0,2,2],79,"chart","area chart|stepper,timeline data,chart,graph,dashboard|icons|c"],["8-bit Main Menu","b8bitcn","A simple 8-bit main menu component","npx shadcn@latest add @8bitcn/main-menu","https://www.8bitcn.com/docs/blocks/gaming/main-menu",0,"",["main-menu",0,4,8],67,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["8-bit Pause Menu","b8bitcn","A simple 8-bit pause menu component","npx shadcn@latest add @8bitcn/pause-menu","https://www.8bitcn.com/docs/blocks/gaming/pause-menu",0,"",["pause-menu",0,6,9],71,"dropdown","dropdown menu|menu,media,dropdown,actions|icons,monochrome|c"],["8-bit Game Over","b8bitcn","A simple 8-bit game over component","npx shadcn@latest add @8bitcn/game-over","https://www.8bitcn.com/docs/blocks/gaming/game-over",0,"",["game-over",0,1,6],77,"misc","card|container,surface|icons,monochrome|c"],["8-bit Audio Settings","b8bitcn","A simple 8-bit audio settings component","npx shadcn@latest add @8bitcn/audio-settings","https://www.8bitcn.com/docs/blocks/gaming/audio-settings",0,"",["audio-settings",0,6,0],72,"media","audio player|settings page,settings,music,media player|no icons,monochrome,minimal|c"],["8-bit Toggle Group","b8bitcn","A simple 8-bit toggle group component","npx shadcn@latest add @8bitcn/toggle-group","https://www.8bitcn.com/docs/components/toggle-group",0,"",["toggle-group",1,3,2],38,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["8-bit Sidebar","b8bitcn","A simple 8-bit sidebar component","npx shadcn@latest add @8bitcn/sidebar","https://www.8bitcn.com/docs/components/sidebar",0,"",["sidebar",0,7,11],76,"section|b","sidebar|navigation,menu,layout|icons,avatar,images,monochrome|b"],["8-bit Accordion","b8bitcn","A simple 8-bit accordion component","npx shadcn@latest add @8bitcn/accordion","https://www.8bitcn.com/docs/components/accordion",0,"",["accordion",0,0,0],55,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["8-bit Drawer","b8bitcn","A simple 8-bit drawer component","npx shadcn@latest add @8bitcn/drawer","https://www.8bitcn.com/docs/components/drawer",0,"",["drawer",0,7,3],17,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["8-bit Navigation Menu","b8bitcn","A simple 8-bit navigation menu component","npx shadcn@latest add @8bitcn/navigation-menu","https://www.8bitcn.com/docs/components/navigation-menu",0,"",["navigation-menu",0,7,8],44,"navbar","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|c"],["8-bit Difficulty Select","b8bitcn","A reusable 8-bit difficulty selector with Easy, Normal, Hard.","npx shadcn@latest add @8bitcn/difficulty-select","https://www.8bitcn.com/docs/blocks/gaming/difficulty-select",0,"",["difficulty-select",0,6,3],67,"dropdown","select|dropdown,options,form|no icons,monochrome,minimal|c"],["8-bit Leaderboard","b8bitcn","A retro-styled leaderboard component for displaying player rankings with avatars and scores.","npx shadcn@latest add @8bitcn/leaderboard","https://www.8bitcn.com/docs/blocks/gaming/leaderboard",0,"",["leaderboard",0,7,7],73,"media","avatar group|avatar,team,users|no icons,monochrome|c"],["8-bit Player Profile Card","b8bitcn","A comprehensive player profile card component with stats, health/mana bars, and custom stats support.","npx shadcn@latest add @8bitcn/player-profile-card","https://www.8bitcn.com/docs/blocks/gaming/player-profile-card",0,"",["player-profile-card",0,7,9],96,"media","card|video player,container,surface|no icons,monochrome|c"],["8-bit Quest Log","b8bitcn","A retro-styled quest log component for tracking game missions and tasks with accordion functionality and status indicators.","npx shadcn@latest add @8bitcn/quest-log","https://www.8bitcn.com/docs/blocks/gaming/quest-log",0,"",["quest-log",0,6,10],77,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["8-bit Save Slots","b8bitcn","A retro-styled save/load game interface with slot previews, timestamps, and empty slot handling.","npx shadcn@latest add @8bitcn/save-slots","https://www.8bitcn.com/docs/blocks/gaming/save-slots",0,"",["save-slots",0,2,11],95,"misc","card|container,calendar,surface|no icons,images,monochrome|c"],["8-bit Theme Selector","b8bitcn","A complete theme selector component with dropdown selection and code copy functionality. Includes theme context provider for managing active themes across the application.","npx shadcn@latest add @8bitcn/theme-selector","https://www.8bitcn.com/docs/components/theme-selector",0,"",["theme-selector",1,5,1],57,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["8-bit Spinner","b8bitcn","Displays an 8-bit spinner component.","npx shadcn@latest add @8bitcn/spinner","https://www.8bitcn.com/docs/components/spinner",0,"",["spinner",1,5,0],37,"loader","loader|spinner,loading,progress|icons,animated,monochrome|c"],["8-bit Kbd","b8bitcn","A simple 8-bit kbd component","npx shadcn@latest add @8bitcn/kbd","https://www.8bitcn.com/docs/components/kbd",0,"",["kbd",0,5,7],41,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["8-bit Retro Mode Switcher","b8bitcn","A retro-styled theme toggle component with pixel art sun and moon icons. Perfect for 8-bit themed applications that need a nostalgic theme switcher.","npx shadcn@latest add @8bitcn/retro-mode-switcher","https://www.8bitcn.com/docs/components/retro-mode-switcher",0,"",["retro-mode-switcher",0,1,11],39,"tabs","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["8-bit Empty","b8bitcn","Displays an 8-bit empty component.","npx shadcn@latest add @8bitcn/empty","https://www.8bitcn.com/docs/components/empty",0,"",["empty",0,2,4],77,"misc","card|container,surface|no icons,monochrome|c"],["8-bit Item","b8bitcn","Displays an 8-bit item component.","npx shadcn@latest add @8bitcn/item","https://www.8bitcn.com/docs/components/item",0,"",["item",0,4,7],68,"misc","card|container,surface|no icons,monochrome|c"],["8-bit Character Sheet","b8bitcn","A comprehensive RPG character stats page with attributes, equipment, and customizable sections.","npx shadcn@latest add @8bitcn/character-sheet","https://www.8bitcn.com/docs/blocks/gaming/character-sheet",0,"",["character-sheet",0,0,2],86,"section|b","drawer|sheet,overlay,panel|no icons,monochrome|c"],["8-bit Victory Screen","b8bitcn","A simple 8-bit Victory Screen component","npx shadcn@latest add @8bitcn/victory-screen","https://www.8bitcn.com/docs/blocks/gaming/victory-screen",0,"",["victory-screen",1,5,2],80,"misc","card|container,surface|no icons,avatar,images,monochrome|b"],["8-bit Loading Screen","b8bitcn","A retro-styled loading screen with animated progress bar and rotating tips.","npx shadcn@latest add @8bitcn/loading-screen","https://www.8bitcn.com/docs/blocks/gaming/loading-screen",0,"",["loading-screen",0,0,8],80,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["8-bit Hero 1","b8bitcn","Centered hero section","npx shadcn@latest add @8bitcn/hero1","https://www.8bitcn.com/docs/blocks/hero/hero1",0,"",["hero1",0,6,6],78,"section|b","hero section|landing page,header,headline|no icons,monochrome|b"],["8-bit Hero 2","b8bitcn","Split-layout hero section","npx shadcn@latest add @8bitcn/hero2","https://www.8bitcn.com/docs/blocks/hero/hero2",0,"",["hero2",0,7,6],94,"section|b","hero section|landing page,header,headline|no icons,monochrome|b"],["8-bit Feature 1","b8bitcn","Feature card grid with icons, titles, descriptions, and optional badges.","npx shadcn@latest add @8bitcn/feature1","https://www.8bitcn.com/docs/blocks/features/feature1",0,"",["feature1",0,7,4],68,"section|b","features section|features,grid,landing page|no icons,monochrome|b"],["8-bit Hero 3","b8bitcn","Game-style title screen hero with stat cards and blinking text.","npx shadcn@latest add @8bitcn/hero3","https://www.8bitcn.com/docs/blocks/hero/hero3",0,"",["hero3",0,0,7],82,"section|b","hero section|landing page,header,headline|no icons,monochrome|b"],["8-bit Feature 2","b8bitcn","Step-by-step feature list with numbered icons and separators.","npx shadcn@latest add @8bitcn/feature2","https://www.8bitcn.com/docs/blocks/features/feature2",0,"",["feature2",0,0,5],65,"section|b","features section|features,grid,landing page|no icons,monochrome|b"],["8-bit Feature 3","b8bitcn","Swipeable feature carousel with cards and pixel arrows.","npx shadcn@latest add @8bitcn/feature3","https://www.8bitcn.com/docs/blocks/features/feature3",0,"",["feature3",0,1,5],81,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["8-bit Pricing 1","b8bitcn","Classic tier cards with feature lists and CTAs.","npx shadcn@latest add @8bitcn/pricing1","https://www.8bitcn.com/docs/blocks/pricing/pricing1",0,"",["pricing1",0,2,10],64,"pricing|b","pricing section|pricing,plans,subscription|no icons,monochrome|b"],["8-bit Pricing 2","b8bitcn","Pricing cards with monthly/yearly toggle.","npx shadcn@latest add @8bitcn/pricing2","https://www.8bitcn.com/docs/blocks/pricing/pricing2",0,"",["pricing2",0,3,10],63,"pricing|b","pricing section|pricing,media,plans,subscription|no icons,monochrome|b"],["8-bit FAQ1","b8bitcn","Simple accordion FAQ.","npx shadcn@latest add @8bitcn/faq1","https://www.8bitcn.com/docs/blocks/faq/faq1",0,"",["faq1",0,4,4],63,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["8-bit FAQ2","b8bitcn","Two-column card grid FAQ.","npx shadcn@latest add @8bitcn/faq2","https://www.8bitcn.com/docs/blocks/faq/faq2",0,"",["faq2",0,5,4],60,"card","accordion|collapsible,expand,faq|no icons,monochrome|c"],["8-bit FAQ3","b8bitcn","Searchable FAQ with categories.","npx shadcn@latest add @8bitcn/faq3","https://www.8bitcn.com/docs/blocks/faq/faq3",0,"",["faq3",0,6,4],69,"accordion","accordion|collapsible,search,expand,faq|icons,animated,monochrome|c"],["8-bit Social Proof 1","b8bitcn","Stats bar with numbers and optional logo cloud.","npx shadcn@latest add @8bitcn/social-proof1","https://www.8bitcn.com/docs/blocks/social-proof/social-proof1",0,"",["social-proof1",1,2,0],69,"section|b","testimonials|reviews,social proof,quotes|no icons,monochrome|b"],["8-bit Social Proof 2","b8bitcn","Two-column testimonial cards.","npx shadcn@latest add @8bitcn/social-proof2","https://www.8bitcn.com/docs/blocks/social-proof/social-proof2",0,"",["social-proof2",1,3,0],63,"card","card|testimonials,container,surface|no icons,monochrome|c"],["8-bit Social Proof 3","b8bitcn","Swipeable review carousel with ratings.","npx shadcn@latest add @8bitcn/social-proof3","https://www.8bitcn.com/docs/blocks/social-proof/social-proof3",0,"",["social-proof3",1,4,0],72,"carousel","card|testimonials,container,surface|icons,monochrome|c"],["8-bit Timeline 1","b8bitcn","Vertical timeline with connecting line.","npx shadcn@latest add @8bitcn/timeline1","https://www.8bitcn.com/docs/blocks/timeline/timeline1",0,"",["timeline1",1,6,1],65,"misc","timeline|history,steps,activity|no icons,monochrome|c"],["8-bit Timeline 2","b8bitcn","Horizontal progress steps with checkpoints.","npx shadcn@latest add @8bitcn/timeline2","https://www.8bitcn.com/docs/blocks/timeline/timeline2",0,"",["timeline2",1,7,1],22,"loader","timeline|history,steps,activity|no icons,monochrome|c"],["8-bit Timeline 3","b8bitcn","Zigzag roadmap with alternating cards.","npx shadcn@latest add @8bitcn/timeline3","https://www.8bitcn.com/docs/blocks/timeline/timeline3",0,"",["timeline3",1,0,2],66,"card","timeline|history,steps,activity|no icons,monochrome|c"],["8-bit CTA1","b8bitcn","Us vs them comparison table.","npx shadcn@latest add @8bitcn/cta1","https://www.8bitcn.com/docs/blocks/cta/cta1",0,"",["cta1",0,1,3],73,"table","data table|table,rows,spreadsheet|no icons,monochrome|c"],["8-bit CTA2","b8bitcn","Persona use case cards with CTAs.","npx shadcn@latest add @8bitcn/cta2","https://www.8bitcn.com/docs/blocks/cta/cta2",0,"",["cta2",0,2,3],60,"card","card|container,surface|no icons,monochrome|c"],["8-bit Footer 1","b8bitcn","Sticky CTA bar that appears on scroll.","npx shadcn@latest add @8bitcn/footer1","https://www.8bitcn.com/docs/blocks/layout/footer1",0,"",["footer1",0,2,5],70,"section|b","footer|links,site footer|no icons,monochrome|b"],["8-bit Team 1","b8bitcn","Team grid with pixel avatars and roles.","npx shadcn@latest add @8bitcn/team1","https://www.8bitcn.com/docs/blocks/team/team1",0,"",["team1",1,1,1],72,"section|b","team section|team,people,avatars|no icons,monochrome|b"],["8-bit Team 2","b8bitcn","Changelog feed with dates and badges.","npx shadcn@latest add @8bitcn/team2","https://www.8bitcn.com/docs/blocks/team/team2",0,"",["team2",1,2,1],71,"section|b","team section|team,calendar,people,avatars|no icons,monochrome|b"],["8-bit Team 3","b8bitcn","Case study cards with KPI badges.","npx shadcn@latest add @8bitcn/team3","https://www.8bitcn.com/docs/blocks/team/team3",0,"",["team3",1,3,1],67,"section|b","team section|team,people,avatars|no icons,monochrome|b"],["8-bit Advanced 1","b8bitcn","Fake terminal demo shell with command output.","npx shadcn@latest add @8bitcn/advanced1","https://www.8bitcn.com/docs/blocks/advanced/advanced1",0,"",["advanced1",0,1,0],77,"command","command menu|command palette,search,cmdk|no icons,monochrome|c"],["8-bit Advanced 2","b8bitcn","KPI metrics dashboard with progress bars.","npx shadcn@latest add @8bitcn/advanced2","https://www.8bitcn.com/docs/blocks/advanced/advanced2",0,"",["advanced2",0,2,0],75,"section|b","progress bar|progress,meter,loading|no icons,monochrome|c"],["8-bit Advanced 3","b8bitcn","Newsletter signup card with input and CTA.","npx shadcn@latest add @8bitcn/advanced3","https://www.8bitcn.com/docs/blocks/advanced/advanced3",0,"",["advanced3",0,3,0],79,"section|b","input|text field,form,form control|no icons,monochrome|c"],["8-bit game-hero1","b8bitcn","Health bar hero with progress indicator.","npx shadcn@latest add @8bitcn/game-hero1","https://www.8bitcn.com/docs/blocks/game/game-hero1",0,"",["game-hero1",0,7,5],74,"loader","hero section|landing page,header,headline|no icons,monochrome|b"],["8-bit game-roadmap1","b8bitcn","Quest log roadmap with status states.","npx shadcn@latest add @8bitcn/game-roadmap1","https://www.8bitcn.com/docs/blocks/game/game-roadmap1",0,"",["game-roadmap1",0,3,6],62,"misc","card|container,team,surface|no icons,monochrome|c"],["8-bit game-hero2","b8bitcn","XP milestone hero with level badges.","npx shadcn@latest add @8bitcn/game-hero2","https://www.8bitcn.com/docs/blocks/game/game-hero2",0,"",["game-hero2",0,0,6],78,"section|b","hero section|landing page,header,headline|no icons,monochrome|b"],["8-bit game-cta1","b8bitcn","Boss fight CTA with problem vs solution.","npx shadcn@latest add @8bitcn/game-cta1","https://www.8bitcn.com/docs/blocks/game/game-cta1",0,"",["game-cta1",0,4,5],89,"button","button|cta,click,action|no icons,monochrome|c"],["8-bit game-features1","b8bitcn","Skill tree feature grid with progress.","npx shadcn@latest add @8bitcn/game-features1","https://www.8bitcn.com/docs/blocks/game/game-features1",0,"",["game-features1",0,6,5],64,"loader","progress bar|features section,progress,meter,loading|no icons,animated,monochrome|c"],["8-bit game-team1","b8bitcn","Party grid with avatars and HP bars.","npx shadcn@latest add @8bitcn/game-team1","https://www.8bitcn.com/docs/blocks/game/game-team1",0,"",["game-team1",0,4,6],89,"media","progress bar|progress,meter,loading|no icons,monochrome|c"],["8-bit game-faq1","b8bitcn","Checkpoint FAQ with progression states.","npx shadcn@latest add @8bitcn/game-faq1","https://www.8bitcn.com/docs/blocks/game/game-faq1",0,"",["game-faq1",0,5,5],68,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["8-bit 404 Page","b8bitcn","Retro 404 page with pixel art character.","npx shadcn@latest add @8bitcn/not-found1","https://www.8bitcn.com/docs/blocks/layout/not-found1",0,"",["not-found1",0,2,9],83,"misc|b","404 page|content section,error page,not found|no icons,monochrome|b"],["8-bit 404 Dwarf","b8bitcn","Retro 404 page with pixel dwarf character.","npx shadcn@latest add @8bitcn/not-found2","https://www.8bitcn.com/docs/blocks/layout/not-found2",0,"",["not-found2",0,3,9],81,"misc|b","404 page|error page,not found|no icons,monochrome|b"],["8-bit 404 Undead","b8bitcn","Cursed 404 page with pixel undead character.","npx shadcn@latest add @8bitcn/not-found3","https://www.8bitcn.com/docs/blocks/layout/not-found3",0,"",["not-found3",0,4,9],80,"misc|b","404 page|error page,not found|no icons,monochrome|b"],["8-bit Crate Pusher 404","b8bitcn","A randomized crate-pushing 404 page with 20 curated, solver-verified puzzles.","npx shadcn@latest add @8bitcn/not-found-crate-pusher","https://www.8bitcn.com/docs/blocks/layout/not-found-crate-pusher",0,"",["not-found-crate-pusher",0,1,9],65,"misc|b","404 page|error page,not found|no icons,monochrome|b"],["8-bit Brick Breaker 404","b8bitcn","A playable brick-breaker 404 page with keyboard, pointer, and touch controls.","npx shadcn@latest add @8bitcn/not-found-brick-breaker","https://www.8bitcn.com/docs/blocks/layout/not-found-brick-breaker",0,"",["not-found-brick-breaker",0,0,9],76,"misc|b","404 page|error page,media,not found|no icons|b"],["8-bit Portal Transition","b8bitcn","Interactive CTA with clickable portal and traveling state.","npx shadcn@latest add @8bitcn/portal-transition","https://www.8bitcn.com/docs/blocks/game/portal-transition",0,"",["portal-transition",0,1,10],97,"button","button|cta,click,action|no icons,monochrome|c"],["8-bit Duel Block","b8bitcn","Interactive arena duel with two fighters, HP bars, and hit mechanics.","npx shadcn@latest add @8bitcn/duel-block","https://www.8bitcn.com/docs/blocks/game/duel-block",0,"",["duel-block",0,1,4],83,"misc|b","content section|section,landing page|no icons,images,monochrome|b"],["Recharts chart","evilcharts","","npx shadcn@latest add @evilcharts/recharts-chart","",0,"",0,0],["Recharts tooltip","evilcharts","","npx shadcn@latest add @evilcharts/recharts-tooltip","",0,"",0,0],["Recharts legend","evilcharts","","npx shadcn@latest add @evilcharts/recharts-legend","",0,"",0,0],["Recharts dot","evilcharts","","npx shadcn@latest add @evilcharts/recharts-dot","",0,"",0,0],["Recharts brush","evilcharts","","npx shadcn@latest add @evilcharts/recharts-brush","",0,"",0,0],["Recharts background","evilcharts","","npx shadcn@latest add @evilcharts/recharts-background","",0,"",0,0],["Echarts chart","evilcharts","","npx shadcn@latest add @evilcharts/echarts-chart","",0,"",0,0],["Echarts tooltip","evilcharts","","npx shadcn@latest add @evilcharts/echarts-tooltip","",0,"",0,0],["Echarts legend","evilcharts","","npx shadcn@latest add @evilcharts/echarts-legend","",0,"",0,0],["Echarts dot","evilcharts","","npx shadcn@latest add @evilcharts/echarts-dot","",0,"",0,0],["Echarts brush","evilcharts","","npx shadcn@latest add @evilcharts/echarts-brush","",0,"",0,0],["Echarts area chart","evilcharts","Area chart component rendered with Apache ECharts","npx shadcn@latest add @evilcharts/echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["echarts-area-chart",0,7,0],74,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts line chart","evilcharts","Line chart component rendered with Apache ECharts","npx shadcn@latest add @evilcharts/echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["echarts-line-chart",0,3,1],69,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart","evilcharts","Bar chart component rendered with Apache ECharts","npx shadcn@latest add @evilcharts/echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["echarts-bar-chart",0,0,1],98,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts composed chart","evilcharts","Composed chart component rendered with Apache ECharts","npx shadcn@latest add @evilcharts/echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["echarts-composed-chart",0,1,1],99,"chart","chart|graph,analytics,data,dashboard|no icons|c"],["Echarts radar chart","evilcharts","Radar chart component rendered with Apache ECharts","npx shadcn@latest add @evilcharts/echarts-radar-chart","https://evilcharts.com/docs/echarts/radar-chart/static",0,"",["echarts-radar-chart",0,5,1],44,"chart","radar chart|chart,dashboard|no icons|c"],["Echarts pie chart","evilcharts","Pie chart component rendered with Apache ECharts","npx shadcn@latest add @evilcharts/echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["echarts-pie-chart",0,4,1],97,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Echarts radial chart","evilcharts","Radial chart component rendered with Apache ECharts","npx shadcn@latest add @evilcharts/echarts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["echarts-radial-chart",0,6,1],100,"chart","radial chart|chart,gauge,dashboard|no icons|c"],["Echarts sankey chart","evilcharts","Sankey chart component rendered with Apache ECharts","npx shadcn@latest add @evilcharts/echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["echarts-sankey-chart",0,7,1],99,"chart","sankey chart|chart,dashboard|no icons|c"],["Echarts heatmap chart","evilcharts","Calendar heatmap component rendered with Apache ECharts — GitHub contribution graph style","npx shadcn@latest add @evilcharts/echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["echarts-heatmap-chart",0,2,1],87,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Recharts area chart","evilcharts","Area chart component","npx shadcn@latest add @evilcharts/recharts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["recharts-area-chart",2,0,8],70,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart","evilcharts","Line chart component","npx shadcn@latest add @evilcharts/recharts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["recharts-line-chart",2,4,8],69,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart","evilcharts","Bar chart component","npx shadcn@latest add @evilcharts/recharts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["recharts-bar-chart",2,1,8],95,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts composed chart","evilcharts","Composed chart component combining bar and line charts","npx shadcn@latest add @evilcharts/recharts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["recharts-composed-chart",2,2,8],95,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Recharts pie chart","evilcharts","Pie chart component with donut, gradient, and glow effects","npx shadcn@latest add @evilcharts/recharts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["recharts-pie-chart",2,5,8],98,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Recharts radial chart","evilcharts","Radial bar chart component with full and semi-circle variants","npx shadcn@latest add @evilcharts/recharts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["recharts-radial-chart",2,7,8],100,"chart","radial chart|chart,gauge,dashboard|no icons|c"],["Recharts radar chart","evilcharts","Radar chart component with filled and lines variants","npx shadcn@latest add @evilcharts/recharts-radar-chart","https://evilcharts.com/docs/echarts/radar-chart/static",0,"",["recharts-radar-chart",2,6,8],91,"chart","radar chart|chart,dashboard|no icons|c"],["Recharts sankey chart","evilcharts","Sankey chart component for visualizing flow data with nodes and links","npx shadcn@latest add @evilcharts/recharts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["recharts-sankey-chart",2,0,9],93,"chart","sankey chart|chart,search,dashboard|no icons|c"],["Recharts heatmap chart","evilcharts","Calendar heatmap component rendered with Recharts — GitHub contribution graph style","npx shadcn@latest add @evilcharts/recharts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["recharts-heatmap-chart",2,3,8],86,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Monospace bar chart","evilcharts","Monospace bar chart component","npx shadcn@latest add @evilcharts/monospace-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["monospace-bar-chart",2,1,7],60,"chart","bar chart|chart,timeline data,pricing,graph,dashboard|no icons|c"],["Hover trace bar chart","evilcharts","Bar chart with active value line and animated marker","npx shadcn@latest add @evilcharts/hover-trace-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["hover-trace-bar-chart",2,5,6],92,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Grid bar chart","evilcharts","Bar chart where each bar is composed of stacked 10x10px squares","npx shadcn@latest add @evilcharts/grid-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["grid-bar-chart",2,3,6],69,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Isometric bar chart","evilcharts","Bar chart with isometric 3D-extruded bars and a highlighted max value","npx shadcn@latest add @evilcharts/isometric-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["isometric-bar-chart",2,6,6],89,"chart","bar chart|chart,timeline data,pricing,graph,dashboard|no icons,animated|c"],["Contributions heatmap chart","evilcharts","GitHub-style contribution graph with a yearly total and longest-streak summary","npx shadcn@latest add @evilcharts/contributions-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["contributions-heatmap-chart",0,6,0],87,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Sales heatmap chart","evilcharts","A year of shop orders on a Monday-first calendar: weekend peaks, a summer lull, and the holiday rush","npx shadcn@latest add @evilcharts/sales-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["sales-heatmap-chart",2,5,9],99,"chart","heatmap|chart,analytics,pricing,calendar,dashboard|no icons|c"],["Workouts heatmap chart","evilcharts","Clickable workout tracker with pinned duration levels, a day-detail header, and streak stats","npx shadcn@latest add @evilcharts/workouts-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["workouts-heatmap-chart",2,0,10],99,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Latency echarts area chart","evilcharts","Latency percentile monitor with an HTML stat row, on the ECharts area chart","npx shadcn@latest add @evilcharts/latency-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["latency-echarts-area-chart",2,7,6],67,"chart","area chart|chart,graph,dashboard|no icons|c"],["Portfolio echarts area chart","evilcharts","Portfolio comparison card with hover-reveal, on the ECharts area chart","npx shadcn@latest add @evilcharts/portfolio-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["portfolio-echarts-area-chart",2,6,7],60,"chart|b","area chart|content section,pricing,chart,graph,dashboard|no icons,monochrome,minimal|c"],["Benchmark echarts area chart","evilcharts","Growth against a dashed benchmark — hatched lead area, rounded step plateaus","npx shadcn@latest add @evilcharts/benchmark-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["benchmark-echarts-area-chart",0,2,0],57,"chart","area chart|chart,graph,dashboard|no icons|c"],["Audience echarts area chart","evilcharts","Audience growth card with a multi-stop gradient line and faded wash","npx shadcn@latest add @evilcharts/audience-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["audience-echarts-area-chart",0,1,0],70,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Market share echarts pie chart","evilcharts","Grayscale donut with a center total and a two-column value legend","npx shadcn@latest add @evilcharts/market-share-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["market-share-echarts-pie-chart",2,0,7],88,"chart","pie chart|chart,pricing,donut,dashboard|no icons|c"],["Progress rings echarts pie chart","evilcharts","Dotted progress rings with a centered stat, built from per-dot pie sectors","npx shadcn@latest add @evilcharts/progress-rings-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["progress-rings-echarts-pie-chart",2,7,7],86,"loader","activity ring|pie chart,progress bar,progress,ring,chart,dashboard|no icons|c"],["Budget echarts radial chart","evilcharts","Budget breakdown card with four gauges and a value list, on the radial chart","npx shadcn@latest add @evilcharts/budget-echarts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["budget-echarts-radial-chart",0,3,0],79,"chart","radial chart|chart,pricing,gauge,dashboard|no icons|c"],["Ride echarts radial chart","evilcharts","Activity summary card with a distance goal bar and three metric gauges","npx shadcn@latest add @evilcharts/ride-echarts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["ride-echarts-radial-chart",2,3,9],84,"chart","radial chart|chart,gauge,dashboard|icons,colorful|c"],["Cache tiers echarts radial chart","evilcharts","Semi-circle multi-ring gauge with a stat grid and a share legend","npx shadcn@latest add @evilcharts/cache-tiers-echarts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["cache-tiers-echarts-radial-chart",0,4,0],73,"pricing|b","radial chart|pricing section,chart,gauge,dashboard|no icons|c"],["Revenue mix echarts pie chart","evilcharts","Gapped donut with a center total and a side legend of amounts","npx shadcn@latest add @evilcharts/revenue-mix-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["revenue-mix-echarts-pie-chart",2,2,9],93,"chart","pie chart|chart,pricing,donut,dashboard|no icons|c"],["Reliability score echarts pie chart","evilcharts","Banded score arc with a range scale, built from pie sectors","npx shadcn@latest add @evilcharts/reliability-score-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["reliability-score-echarts-pie-chart",2,1,9],64,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Payouts echarts line chart","evilcharts","Payout trend card with a glowing gradient line and stat rows","npx shadcn@latest add @evilcharts/payouts-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["payouts-echarts-line-chart",2,3,7],88,"chart","line chart|chart,pricing,graph,dashboard|no icons|c"],["Shipments echarts line chart","evilcharts","Week-over-week comparison with a solid and a dashed grayscale line","npx shadcn@latest add @evilcharts/shipments-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["shipments-echarts-line-chart",2,6,9],60,"chart","line chart|chart,graph,dashboard|no icons|c"],["Grid echarts bar chart","evilcharts","Bar chart whose columns are stacks of blocks, on the ECharts blocks variant","npx shadcn@latest add @evilcharts/grid-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["grid-echarts-bar-chart",2,4,6],65,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Monospace echarts bar chart","evilcharts","Monospace sales card whose hairline bars expand on hover, on the ECharts bar chart","npx shadcn@latest add @evilcharts/monospace-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["monospace-echarts-bar-chart",2,2,7],58,"chart","bar chart|chart,pricing,graph,dashboard|no icons|c"],["Peak echarts bar chart","evilcharts","Stacked weekly signups with only the best week in color","npx shadcn@latest add @evilcharts/peak-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["peak-echarts-bar-chart",2,4,7],100,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Allocation echarts sankey chart","evilcharts","Fund allocation flow with labelled nodes and a stat row","npx shadcn@latest add @evilcharts/allocation-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["allocation-echarts-sankey-chart",0,0,0],92,"chart","sankey chart|chart,pricing,dashboard|no icons|c"],["Pipeline echarts sankey chart","evilcharts","Revenue sources converging through a hub and fanning back out, with a centered total","npx shadcn@latest add @evilcharts/pipeline-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["pipeline-echarts-sankey-chart",2,5,7],100,"kanban","sankey chart|chart,pricing,dashboard|no icons|c"],["Contributions echarts heatmap chart","evilcharts","GitHub-style contribution graph with a yearly total and longest-streak summary","npx shadcn@latest add @evilcharts/contributions-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["contributions-echarts-heatmap-chart",0,5,0],87,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Sales echarts heatmap chart","evilcharts","A year of shop orders on a Monday-first calendar: weekend peaks, a summer lull, and the holiday rush","npx shadcn@latest add @evilcharts/sales-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["sales-echarts-heatmap-chart",2,4,9],99,"chart","heatmap|chart,analytics,pricing,calendar,dashboard|no icons|c"],["Workouts echarts heatmap chart","evilcharts","Clickable workout tracker with pinned duration levels, a day-detail header, and streak stats","npx shadcn@latest add @evilcharts/workouts-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["workouts-echarts-heatmap-chart",2,7,9],99,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Text animate","cult","Animated text component with customizable reveal effects and timing","npx shadcn@latest add @cult-ui/text-animate","https://www.cult-ui.com/docs/components/text-animate",0,"",["text-animate",1,3,4],53,"text","text effect|text animation,typography,animated text|icons,animated,monochrome|c"],["Cosmic button","cult","Animated button/link with cosmic gradient border effect, renders as anchor or button","npx shadcn@latest add @cult-ui/cosmic-button","https://www.cult-ui.com/docs/components/cosmic-button",0,"",["cosmic-button",0,0,5],76,"button","button|cta,click,action|no icons,animated,monochrome,minimal|c"],["Texture button","cult","Button component with texture overlay effects and customizable variants","npx shadcn@latest add @cult-ui/texture-button","https://www.cult-ui.com/docs/components/texture-button",0,"",["texture-button",1,5,4],100,"button","button|text effect,cta,click,action|icons,avatar,monochrome|c"],["Texture card","cult","Card component with texture background and customizable styling options","npx shadcn@latest add @cult-ui/texture-card","https://www.cult-ui.com/docs/components/texture-card",0,"",["texture-card",1,6,4],80,"card","card|text effect,login,container,surface|icons,monochrome|c"],["Timer","cult","Countdown timer component with customizable duration and visual styles","npx shadcn@latest add @cult-ui/timer","https://www.cult-ui.com/docs/components/timer",0,"",["timer",1,1,5],71,"misc","card|container,surface|icons,animated,monochrome|c"],["Shift card","cult","Card component with shift animation effects and hover interactions","npx shadcn@latest add @cult-ui/shift-card","https://www.cult-ui.com/docs/components/shift-card",0,"",["shift-card",1,0,3],100,"card","card|container,surface|icons,monochrome|c"],["Minimal card","cult","Clean and minimal card component with subtle styling and hover effects","npx shadcn@latest add @cult-ui/minimal-card","https://www.cult-ui.com/docs/components/minimal-card",0,"",["minimal-card",1,3,0],95,"card","card|container,surface|no icons,images,monochrome|c"],["Cutout card","cult","Image card with cutout corners, hover motion, inset labels, pins, and reveal actions","npx shadcn@latest add @cult-ui/cutout-card","https://www.cult-ui.com/docs/components/cutout-card",0,"",["cutout-card",0,1,5],100,"card","card|container,surface|icons,avatar,monochrome|c"],["Dynamic island","cult","iOS-style dynamic island component with expandable content and smooth animations","npx shadcn@latest add @cult-ui/dynamic-island","https://www.cult-ui.com/docs/components/dynamic-island",0,"",["dynamic-island",0,7,5],82,"misc","accordion|collapsible,expand,faq|icons,monochrome|c"],["Direction aware tabs","cult","Tab component with direction-aware animations and smooth transitions","npx shadcn@latest add @cult-ui/direction-aware-tabs","https://www.cult-ui.com/docs/components/direction-aware-tabs",0,"",["direction-aware-tabs",0,2,5],100,"tabs","tabs|tab bar,segmented control,navigation|no icons,animated,monochrome,minimal|c"],["Bg animate button","cult","Button component with animated background effects and gradient transitions","npx shadcn@latest add @cult-ui/bg-animate-button","https://www.cult-ui.com/docs/components/bg-animate-button",0,"",["bg-animate-button",0,0,3],100,"button","button|background,cta,click,action|no icons,animated,monochrome,minimal|c"],["Border beam button","cult","Shadcn Button wrapped in Border Beam: animated border glow with compact icon and text variants","npx shadcn@latest add @cult-ui/border-beam-button","https://www.cult-ui.com/docs/components/border-beam-button",0,"",["border-beam-button",0,5,3],69,"button","button|background,cta,click,action|icons,animated,monochrome|c"],["Family button","cult","Button component with family-style design and interactive hover effects","npx shadcn@latest add @cult-ui/family-button","https://www.cult-ui.com/docs/components/family-button",0,"",["family-button",0,3,6],55,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Side panel","cult","Sliding side panel component with customizable positioning and animations","npx shadcn@latest add @cult-ui/side-panel","https://www.cult-ui.com/docs/components/side-panel",0,"",["side-panel",1,1,3],51,"misc","drawer|card,sheet,overlay,panel|no icons,monochrome,minimal|c"],["Bg media","cult","Background media component with video/image support and overlay effects","npx shadcn@latest add @cult-ui/bg-media","https://www.cult-ui.com/docs/components/bg-media",0,"",["bg-media",0,4,3],86,"background","background|animated background,media,effect,hero background|no icons,monochrome,minimal|c"],["Three d carousel","cult","3D carousel component with perspective effects and smooth item transitions","npx shadcn@latest add @cult-ui/three-d-carousel","https://www.cult-ui.com/docs/components/three-d-carousel",0,"",["three-d-carousel",1,0,5],87,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Tweet grid","cult","Grid layout component for displaying tweet-like content cards","npx shadcn@latest add @cult-ui/tweet-grid","https://www.cult-ui.com/docs/components/tweet-grid",0,"",["tweet-grid",1,3,5],88,"card","card|container,surface|no icons,monochrome|c"],["Gradient heading","cult","Heading component with gradient text effects and customizable styling","npx shadcn@latest add @cult-ui/gradient-heading","https://www.cult-ui.com/docs/components/gradient-heading",0,"",["gradient-heading",0,2,8],68,"background","text effect|background,text animation,typography,animated text|no icons,monochrome|c"],["Typewriter","cult","Typewriter effect component with customizable typing speed and cursor animation","npx shadcn@latest add @cult-ui/typewriter","https://www.cult-ui.com/docs/components/typewriter",0,"",["typewriter",1,4,5],100,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Rolling number","cult","Number component with smooth counting animations and customizable formatting","npx shadcn@latest add @cult-ui/rolling-number","https://www.cult-ui.com/docs/components/rolling-number",0,"",["rolling-number",1,4,2],78,"misc","slider|range,pricing,input|icons,monochrome|c"],["Sortable list","cult","Drag-and-drop sortable list component with smooth animations and reordering","npx shadcn@latest add @cult-ui/sortable-list","https://www.cult-ui.com/docs/components/sortable-list",0,"",["sortable-list",1,2,3],81,"misc","list|items,rows|icons|c"],["Dock","cult","macOS-style dock component with hover effects and smooth animations","npx shadcn@latest add @cult-ui/dock","https://www.cult-ui.com/docs/components/dock",0,"",["dock",0,6,5],69,"misc","dock|navigation,icons,magnify|no icons,avatar,images,monochrome,minimal|c"],["Lightboard","cult","Interactive lightboard component with customizable grid and lighting effects","npx shadcn@latest add @cult-ui/lightboard","https://www.cult-ui.com/docs/components/lightboard",0,"",["lightboard",0,3,11],94,"misc","background|animated background,effect,hero background|no icons|c"],["Canvas fractal grid","cult","Interactive canvas-based fractal dot grid with mouse tracking and wave effects","npx shadcn@latest add @cult-ui/canvas-fractal-grid","https://www.cult-ui.com/docs/components/canvas-fractal-grid",0,"",["canvas-fractal-grid",0,0,4],74,"misc","tabs|tab bar,segmented control,navigation|icons|c"],["Bg animated fractal dot grid","cult","Background animated fractal dot grid with performance optimization and responsive design","npx shadcn@latest add @cult-ui/bg-animated-fractal-dot-grid","https://www.cult-ui.com/docs/components/bg-animated-fractal-grid",0,"",["bg-animated-fractal-dot-grid",0,1,3],62,"background","background|animated background,effect,hero background|icons,animated|c"],["Bg animated gradient","cult","Animated gradient background component with customizable color transitions","npx shadcn@latest add @cult-ui/bg-animated-gradient","https://www.cult-ui.com/docs",0,"",["bg-animated-gradient",0,2,3],100,"background","background|animated background,effect,hero background|icons,animated,monochrome|c"],["Bg image texture","cult","Background texture component with multiple texture variants and customizable opacity","npx shadcn@latest add @cult-ui/bg-image-texture","https://www.cult-ui.com/docs/components/bg-image-texture",0,"",["bg-image-texture",0,3,3],66,"media","text effect|image,background,text animation,typography,animated text|icons,monochrome|c"],["Popover","cult","Animated popover component with form support and smooth transitions","npx shadcn@latest add @cult-ui/popover","https://www.cult-ui.com/docs/components/popover",0,"",["popover",1,1,2],49,"input","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Floating panel","cult","Floating panel component with backdrop blur and position-aware animations","npx shadcn@latest add @cult-ui/floating-panel","https://www.cult-ui.com/docs/components/floating-panel",0,"",["floating-panel",0,2,7],81,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Color picker","cult","Interactive color picker component with HSL support and preset colors","npx shadcn@latest add @cult-ui/color-picker","https://www.cult-ui.com/docs/components/color-picker",0,"",["color-picker",0,6,4],64,"input","color picker|select,color input,swatches|icons|c"],["Shader lens blur","cult","WebGL shader component with lens blur effects and mouse interaction","npx shadcn@latest add @cult-ui/shader-lens-blur","https://www.cult-ui.com/docs/components/shader-lens-blur",0,"",["shader-lens-blur",1,6,2],98,"background","background|animated background,effect,hero background|icons|c"],["Edge blur","cult","Stacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges","npx shadcn@latest add @cult-ui/edge-blur","https://www.cult-ui.com/docs/components/edge-blur",0,"",["edge-blur",0,0,6],58,"background","background|animated background,effect,hero background|no icons,monochrome|c"],["Dither image","cult","Compound Next.js image figure with CSS Bayer dither via dither-plugin, partial reveal overlays, and typed tuning props","npx shadcn@latest add @cult-ui/dither-image","https://www.cult-ui.com/docs/components/dither-image",0,"",["dither-image",0,4,5],66,"background","image|media,mockup|no icons,images,monochrome|c"],["Popover form","cult","Form popover component with success states and animated transitions","npx shadcn@latest add @cult-ui/popover-form","https://www.cult-ui.com/docs/components/popover-form",0,"",["popover-form",1,2,2],41,"input","form|popover,inputs,fields|no icons,monochrome,minimal|c"],["Expandable","cult","Expandable component system with smooth animations and customizable presets","npx shadcn@latest add @cult-ui/expandable","https://www.cult-ui.com/docs/components/expandable",0,"",["expandable",0,1,6],89,"misc","accordion|collapsible,pricing,expand,faq|icons,animated,monochrome|c"],["Logo carousel","cult","Animated logo carousel with staggered animations and customizable columns","npx shadcn@latest add @cult-ui/logo-carousel","https://www.cult-ui.com/docs/components/logo-carousel",0,"",["logo-carousel",0,5,11],89,"carousel","carousel|logo cloud,slider,gallery,swipe|no icons|c"],["Loading carousel","cult","Loading carousel component with smooth transitions and customizable content","npx shadcn@latest add @cult-ui/loading-carousel","https://www.cult-ui.com/docs/components/loading-carousel",0,"",["loading-carousel",0,4,11],74,"carousel","carousel|loader,search,slider,gallery,swipe|icons,animated,monochrome|c"],["Hover video player","cult","Video player component that plays on hover with smooth animations","npx shadcn@latest add @cult-ui/hover-video-player","https://www.cult-ui.com/docs/components/hover-video-player",0,"",["hover-video-player",0,2,10],100,"media","video player|video,media player|icons,monochrome|c"],["Neumorph eyebrow","cult","Neumorphic eyebrow component with soft shadow effects and modern styling","npx shadcn@latest add @cult-ui/neumorph-eyebrow","https://www.cult-ui.com/docs/components/neumorph-eyebrow",0,"",["neumorph-eyebrow",1,7,0],71,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Neumorph button","cult","Neumorphic button component with soft shadows and tactile interaction effects","npx shadcn@latest add @cult-ui/neumorph-button","https://www.cult-ui.com/docs/components/neumorph-button",0,"",["neumorph-button",1,6,0],92,"button","button|cta,click,action|no icons,animated|c"],["Feature carousel","cult","Feature carousel component with smooth transitions and customizable layouts","npx shadcn@latest add @cult-ui/feature-carousel","https://www.cult-ui.com/docs/components/feature-carousel",0,"",["feature-carousel",0,5,6],89,"carousel|b","features section|carousel,features,grid,landing page|no icons,images|b"],["Choice poll","cult","Poll component with single or multiple selection, optional results, and keyboard navigation","npx shadcn@latest add @cult-ui/choice-poll","https://www.cult-ui.com/docs/components/choice-poll",0,"",["choice-poll",0,1,4],78,"navbar","multi select|select,notifications,combobox,tags|icons,monochrome|c"],["Feature poll","cult","Feature poll component with single or multiple selection, optional results, and keyboard navigation","npx shadcn@latest add @cult-ui/feature-poll","https://www.cult-ui.com/docs/components/feature-poll",0,"",["feature-poll",0,6,6],68,"section","card|features section,container,surface|no icons,monochrome|c"],["Feature voting","cult","List of features with up-vote support, optional sorting by vote count, and controlled or uncontrolled state","npx shadcn@latest add @cult-ui/feature-voting","https://www.cult-ui.com/docs/components/feature-voting",0,"",["feature-voting",0,0,7],81,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Vote tally","cult","List of items with up-vote support, optional sorting by vote count, and controlled or uncontrolled state","npx shadcn@latest add @cult-ui/vote-tally","https://www.cult-ui.com/docs/components/vote-tally",0,"",["vote-tally",1,5,5],67,"misc","list|items,rows|icons,monochrome|c"],["Poll widget","cult","Poll widget with inline, popover, and dialog modes, optional results, and animations","npx shadcn@latest add @cult-ui/poll-widget","https://www.cult-ui.com/docs/components/poll-widget",0,"",["poll-widget",1,0,2],78,"dialog","card|container,surface|icons,monochrome|c"],["Prompt library","cult","Browse, insert, and manage prompt templates with categories and custom prompts","npx shadcn@latest add @cult-ui/prompt-library","https://www.cult-ui.com/docs/components/prompt-library",0,"",["prompt-library",1,3,2],64,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["Ai instructions","cult","Manage and toggle AI instructions with a popover, search, and create-dialog","npx shadcn@latest add @cult-ui/ai-instructions","https://www.cult-ui.com/docs/components/ai-instructions",0,"",["ai-instructions",0,1,0],73,"thinking","select|dropdown,options,form|icons,monochrome|c"],["Intro disclosure","cult","Intro disclosure component with expandable content and smooth animations","npx shadcn@latest add @cult-ui/intro-disclosure","https://www.cult-ui.com/docs/components/intro-disclosure",0,"",["intro-disclosure",0,1,11],76,"misc","accordion|collapsible,expand,faq|icons,monochrome|c"],["Text gif","cult","Text component with GIF-like animation effects and customizable styling","npx shadcn@latest add @cult-ui/text-gif","https://www.cult-ui.com/docs/components/text-gif",0,"",["text-gif",1,4,4],71,"text","text effect|text animation,pricing,typography,animated text|icons,monochrome|c"],["Stripe bg guides","cult","Stripe-style background guides component with animated patterns and effects","npx shadcn@latest add @cult-ui/stripe-bg-guides","https://www.cult-ui.com/docs/components/stripe-bg-guides",0,"",["stripe-bg-guides",1,5,3],57,"background","background|animated background,effect,hero background|no icons,monochrome|c"],["Svg shapes","cult","Wide-aspect SVG shape and panel components for backgrounds and hero decorations","npx shadcn@latest add @cult-ui/svg-shapes","https://www.cult-ui.com/docs/components/svg-shapes",0,"",["svg-shapes",1,7,3],62,"background","background|animated background,effect,hero background|no icons|c"],["Svg shapes animated","cult","Scroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion","npx shadcn@latest add @cult-ui/svg-shapes-animated","https://www.cult-ui.com/docs/components/svg-shapes-animated",0,"",["svg-shapes-animated",1,0,4],62,"misc","card|container,surface|no icons,animated|c"],["Svg bands","cult","Wide SVG section bands, battlement and zigzag trims, steep hero edges, and ornamental frames","npx shadcn@latest add @cult-ui/svg-bands","https://www.cult-ui.com/docs/components/svg-bands",0,"",["svg-bands",1,6,3],61,"section|b","image|media,mockup|no icons|c"],["Grid beam","cult","Canvas grid beam animation with palette presets, SVG dividers, and composable headless pieces via useGridBeam","npx shadcn@latest add @cult-ui/grid-beam","https://www.cult-ui.com/docs/components/grid-beam",0,"",["grid-beam",0,3,8],76,"background","background|animated background,media,effect,hero background|no icons|c"],["Youtube video player","cult","YouTube video player component with custom controls and smooth animations","npx shadcn@latest add @cult-ui/youtube-video-player","https://www.cult-ui.com/docs/components/youtube-video-player",0,"",["youtube-video-player",1,7,5],83,"media","video player|video,media player|icons,images,monochrome|c"],["Toolbar expandable","cult","Expandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling","npx shadcn@latest add @cult-ui/toolbar-expandable","https://www.cult-ui.com/docs/components/toolbar-expandable",0,"",["toolbar-expandable",1,2,5],65,"navbar|b","accordion|menubar,upload,collapsible,expand,faq|no icons,monochrome|b"],["Texture overlay","cult","Texture overlay component with various CSS gradient patterns for adding visual texture to backgrounds","npx shadcn@latest add @cult-ui/texture-overlay","https://www.cult-ui.com/docs/components/texture-overlay",0,"",["texture-overlay",1,7,4],66,"dialog","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Squiggle arrow","cult","A playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes","npx shadcn@latest add @cult-ui/squiggle-arrow","https://www.cult-ui.com/docs/components/squiggle-arrow",0,"",["squiggle-arrow",1,4,3],74,"misc","card|container,surface|no icons|c"],["Code block","cult","A beautiful code block component with tabs, copy functionality, and smooth animations","npx shadcn@latest add @cult-ui/code-block","https://www.cult-ui.com/docs/components/code-block",0,"",["code-block",0,3,4],74,"tabs|b","code block|content section,code,syntax highlight|icons,monochrome|c"],["Mock browser window","cult","A customizable browser window mockup component with support for Chrome, Safari, and generic styles, customizable sidebars, and themes","npx shadcn@latest add @cult-ui/mock-browser-window","https://www.cult-ui.com/docs/components/mock-browser-window",0,"",["mock-browser-window",1,4,0],69,"section|b","image|media,settings,mockup|icons,monochrome|c"],["Metal button","cult","Shadcn Button wrapped in MetalFx: animated liquid metal ring with text and icon variants","npx shadcn@latest add @cult-ui/metal-button","https://www.cult-ui.com/docs/components/metal-button",0,"",["metal-button",1,2,0],70,"button","button|cta,click,action|icons,animated|c"],["Morph surface","cult","A morphing surface component with smooth animations, customizable dimensions, and configurable content","npx shadcn@latest add @cult-ui/morph-surface","https://www.cult-ui.com/docs/components/morph-surface",0,"",["morph-surface",1,5,0],69,"misc","card|container,surface|icons,animated,monochrome|c"],["Distorted glass","cult","A glass morphism effect component using SVG filters with fractal noise to create visual transitions between sections","npx shadcn@latest add @cult-ui/distorted-glass","https://www.cult-ui.com/docs/components/distorted-glass",0,"",["distorted-glass",0,3,5],86,"section|b","background|animated background,effect,hero background|no icons,animated|c"],["Family drawer","cult","A multi-view drawer component with smooth animations, view navigation, and customizable content views","npx shadcn@latest add @cult-ui/family-drawer","https://www.cult-ui.com/docs/components/family-drawer",0,"",["family-drawer",0,4,6],71,"navbar|b","drawer|sheet,upload,settings,overlay,panel|no icons,monochrome|b"],["Expandable screen","cult","A full-screen expandable component with morphing animations using shared layout IDs for smooth transitions","npx shadcn@latest add @cult-ui/expandable-screen","https://www.cult-ui.com/docs/components/expandable-screen",0,"",["expandable-screen",0,2,6],72,"misc","accordion|collapsible,expand,faq|no icons,monochrome|b"],["Pixel heading character","cult","Per-character pixel-font heading with four animation modes using Geist pixel fonts","npx shadcn@latest add @cult-ui/pixel-heading-character","https://www.cult-ui.com/docs/components/pixel-heading-character",0,"",["pixel-heading-character",1,4,1],72,"text","text effect|text animation,media,typography,animated text|no icons,monochrome|c"],["Pixel heading word","cult","Whole-word pixel-font heading that swaps or cycles fonts on hover using Geist pixel fonts","npx shadcn@latest add @cult-ui/pixel-heading-word","https://www.cult-ui.com/docs/components/pixel-heading-word",0,"",["pixel-heading-word",1,5,1],73,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Pixel paragraph words inverse","cult","Paragraph in pixel font where specific words escape into interactive sans/mono with hover swap or cycle","npx shadcn@latest add @cult-ui/pixel-paragraph-words-inverse","https://www.cult-ui.com/docs/components/pixel-paragraph-words-inverse",0,"",["pixel-paragraph-words-inverse",1,7,1],66,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Pixel paragraph words","cult","Paragraph where specific words render in an interactive pixel font that swaps or cycles on hover","npx shadcn@latest add @cult-ui/pixel-paragraph-words","https://www.cult-ui.com/docs/components/pixel-paragraph-words",0,"",["pixel-paragraph-words",1,6,1],65,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Onboarding","cult","Composable multi-step onboarding primitives: Onboarding root with step navigation, FeatureCarousel, ChoiceGroup radio selector, TipsList, and StepIndicator with dots and pills vari","npx shadcn@latest add @cult-ui/onboarding","https://www.cult-ui.com/docs/components/onboarding",0,"",["onboarding",1,0,1],12,"navbar","card|onboarding,container,surface|no icons,monochrome,minimal|c"],["Gradient button group","cult","Premium layered button group with animated active state, gradient ring accents, and theme toggle underlay","npx shadcn@latest add @cult-ui/gradient-button-group","https://www.cult-ui.com/docs/components/gradient-button-group",0,"",["gradient-button-group",0,1,8],78,"background","button group|background,button,buttons,toolbar|icons,monochrome|c"],["Terminal animation","cult","Composable terminal animation primitives with typed command playback, tabbed scenarios, and customizable output rendering","npx shadcn@latest add @cult-ui/terminal-animation","https://www.cult-ui.com/docs/components/terminal-animation",0,"",["terminal-animation",1,2,4],88,"command","terminal|code,command line|no icons,animated,monochrome,minimal|c"],["Hero dithering","cult","Split-layout hero section with responsive dithering shader visuals, CTA, and tech stack badges","npx shadcn@latest add @cult-ui/hero-dithering","",0,"",0,0],["Hero color panel","cult","Split-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges","npx shadcn@latest add @cult-ui/hero-color-panel","",0,"",0,0],["Hero static radial gradient","cult","Split-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and tech stack badges","npx shadcn@latest add @cult-ui/hero-static-radial-gradient","",0,"",0,0],["Hero heatmap","cult","Split-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badges","npx shadcn@latest add @cult-ui/hero-heatmap","",0,"",0,0],["Hero liquid metal","cult","Split-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack badges","npx shadcn@latest add @cult-ui/hero-liquid-metal","",0,"",0,0],["Base select","cult","Base UI select primitives used by Halo Select","npx shadcn@latest add @cult-ui/base-select","https://www.cult-ui.com/docs",0,"",["base-select",0,6,2],40,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Base tooltip","cult","Base UI tooltip primitives used by Apple Pro Display XDR","npx shadcn@latest add @cult-ui/base-tooltip","https://www.cult-ui.com/docs",0,"",["base-tooltip",0,7,2],5,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Gateway endpoint illustration","cult","Illustration for gateway endpoint concepts","npx shadcn@latest add @cult-ui/gateway-endpoint-illustration","https://www.cult-ui.com/docs/components/gateway-endpoint-illustration",0,"",["gateway-endpoint-illustration",0,5,7],66,"misc","card|container,surface|no icons|c"],["Gateway route illustration","cult","Illustration for gateway routing","npx shadcn@latest add @cult-ui/gateway-route-illustration","https://www.cult-ui.com/docs/components/gateway-route-illustration",0,"",["gateway-route-illustration",0,6,7],57,"misc","card|container,surface|no icons|c"],["Gateway svg illustration","cult","SVG illustration for gateway overhead","npx shadcn@latest add @cult-ui/gateway-svg-illustration","https://www.cult-ui.com/docs/components/gateway-svg-illustration",0,"",["gateway-svg-illustration",0,7,7],64,"misc","card|container,surface|no icons|c"],["Illustration card grid","cult","Grid of cards with gateway illustrations","npx shadcn@latest add @cult-ui/illustration-card-grid","https://www.cult-ui.com/docs/components/illustration-card-grid",0,"",["illustration-card-grid",0,3,10],68,"card","card|container,surface|no icons|c"],["Illustration cursor","cult","Cursor illustration and demo for collaboration UI","npx shadcn@latest add @cult-ui/illustration-cursor","https://www.cult-ui.com/docs/components/illustration-cursor",0,"",["illustration-cursor",0,5,10],98,"misc","cursor effect|cursor,interaction,animation|icons,colorful|c"],["Illustration comment bubble","cult","Comment bubble illustration for code or chat UI","npx shadcn@latest add @cult-ui/illustration-comment-bubble","https://www.cult-ui.com/docs/components/illustration-comment-bubble",0,"",["illustration-comment-bubble",0,4,10],80,"thinking","code block|code,syntax highlight|icons,avatar,monochrome|c"],["Illustration fluid rendering","cult","Fluid rendering illustration","npx shadcn@latest add @cult-ui/illustration-fluid-rendering","https://www.cult-ui.com/docs/components/illustration-fluid-rendering",0,"",["illustration-fluid-rendering",0,6,10],82,"misc","background|animated background,effect,hero background|no icons|c"],["Illustration globe vercel","cult","Globe deployment illustration","npx shadcn@latest add @cult-ui/illustration-globe-vercel","https://www.cult-ui.com/docs/components/illustration-globe-vercel",0,"",["illustration-globe-vercel",0,7,10],86,"map","map|globe,location|icons|c"],["Illustration graph","cult","Graph illustration component","npx shadcn@latest add @cult-ui/illustration-graph","https://www.cult-ui.com/docs/components/illustration-graph",0,"",["illustration-graph",0,0,11],72,"chart","chart|graph,data,dashboard|no icons|c"],["Tabs illustration vercel","cult","Tabs with Vercel-style illustrations","npx shadcn@latest add @cult-ui/tabs-illustration-vercel","https://www.cult-ui.com/docs/components/tabs-illustration-vercel",0,"",["tabs-illustration-vercel",1,1,4],72,"tabs","tabs|tab bar,segmented control,navigation|icons,animated|c"],["Circuit board","cult","Animated SVG circuit illustration with glowing traces and a central chip, for hero or product sections","npx shadcn@latest add @cult-ui/circuit-board","https://www.cult-ui.com/docs/components/circuit-board",0,"",["circuit-board",0,2,4],80,"kanban","tag|label,chip,pill|icons,animated|c"],["Fluid ai workloads","cult","Fluid visualization for AI workload states","npx shadcn@latest add @cult-ui/fluid-ai-workloads","https://www.cult-ui.com/docs/components/fluid-ai-workloads",0,"",["fluid-ai-workloads",0,3,7],75,"thinking","background|animated background,effect,hero background|no icons|c"],["Security checkpoint","cult","Security checkpoint illustration or component","npx shadcn@latest add @cult-ui/security-checkpoint","https://www.cult-ui.com/docs/components/security-checkpoint",0,"",["security-checkpoint",1,5,2],78,"misc","card|container,surface|no icons|c"],["Merging bubbles","cult","Merging bubbles visualization","npx shadcn@latest add @cult-ui/merging-bubbles","https://www.cult-ui.com/docs/components/merging-bubbles",0,"",["merging-bubbles",1,1,0],81,"misc","card|container,surface|no icons|c"],["Ai blob warp","cult","Circular avatar with Paper Design Warp shader; motion-safe pulse, pauses off-screen and when reduced motion is preferred","npx shadcn@latest add @cult-ui/ai-blob-warp","",0,"",0,0],["Folded card","cult","Card with folded corner clip-path accent","npx shadcn@latest add @cult-ui/folded-card","https://www.cult-ui.com/docs/components/folded-card",0,"",["folded-card",0,4,7],77,"card","card|container,surface|icons,monochrome|c"],["Shadow card","cult","Composable marketing card with L-shaped extrusion, optional pixel gradient mesh, and Radix Slot on the root","npx shadcn@latest add @cult-ui/shadow-card","https://www.cult-ui.com/docs/components/shadow-card",0,"",["shadow-card",1,7,2],100,"card","card|container,surface|icons,colorful|c"],["Organic card","cult","Composable marketing card with optional link root, image slot, eyebrow/title/body, accent band, and footer CTA","npx shadcn@latest add @cult-ui/organic-card","https://www.cult-ui.com/docs/components/organic-card",0,"",["organic-card",1,2,1],81,"card","card|container,search,surface|icons|c"],["Organic card small","cult","Compact card with SVG silhouette, category and date, motion morph on hover, and optional link","npx shadcn@latest add @cult-ui/organic-card-small","https://www.cult-ui.com/docs/components/organic-card-small",0,"",["organic-card-small",1,3,1],82,"card","card|container,surface|icons|c"],["Organic button","cult","Anchor-based CTA with fixed SVG end caps, shared surface colors via CSS variables, and size and animation variants","npx shadcn@latest add @cult-ui/organic-button","https://www.cult-ui.com/docs/components/organic-button",0,"",["organic-button",1,1,1],76,"button","button|cta,click,action|icons,monochrome|c"],["Fluted glass","cult","Paper Design fluted-glass image shader with sensible defaults — ribbed, streaked distortions over a source image","npx shadcn@latest add @cult-ui/fluted-glass","",0,"",0,0],["Speech bubble","cult","Speech bubble component","npx shadcn@latest add @cult-ui/speech-bubble","https://www.cult-ui.com/docs/components/speech-bubble",0,"",["speech-bubble",1,3,3],83,"misc","voice|audio,ai|no icons,monochrome,minimal|c"],["Apple iphone 17 pro","cult","iPhone-style device frame with Dynamic Island, status bar, and configurable frame colors","npx shadcn@latest add @cult-ui/apple-iphone-17-pro","https://www.cult-ui.com/docs/components/apple-iphone-17-pro",0,"",["apple-iphone-17-pro",0,2,2],94,"media","image|media,mockup|icons,animated|c"],["Apple keyboard","cult","Compact Apple-style keyboard with labeled keys and media row","npx shadcn@latest add @cult-ui/apple-keyboard","https://www.cult-ui.com/docs/components/apple-keyboard",0,"",["apple-keyboard",0,3,2],76,"misc","keyboard key|shortcut,pricing,keyboard|icons,monochrome|c"],["Apple watch ultra","cult","Watch Ultra–style case, complications, crown, and action button","npx shadcn@latest add @cult-ui/apple-watch-ultra","https://www.cult-ui.com/docs/components/apple-watch-ultra",0,"",["apple-watch-ultra",0,5,2],100,"button","button|cta,click,action|icons|c"],["Mac screen","cult","Classic Mac frame with an image or GIF composited into the CRT","npx shadcn@latest add @cult-ui/mac-screen","https://www.cult-ui.com/docs/components/mac-screen",0,"",["mac-screen",0,6,11],83,"media","image|media,mockup|no icons,images,monochrome,minimal|c"],["Apple pro display xdr","cult","Studio Display–style aluminum frame, screen modes, and interactive macOS dock","npx shadcn@latest add @cult-ui/apple-pro-display-xdr","https://www.cult-ui.com/docs/components/apple-pro-display-xdr",0,"",["apple-pro-display-xdr",0,4,2],99,"misc","dock|navigation,icons,magnify|icons,monochrome|c"],["Marketing hero analytics","cult","Analytics hero section for marketing pages","npx shadcn@latest add @cult-ui/marketing-hero-analytics","https://www.cult-ui.com/docs/components/marketing-hero-analytics",0,"",["marketing-hero-analytics",1,0,0],80,"chart|b","hero section|landing page,header,headline|icons,animated|b"],["Marketing feature code","cult","Marketing section for code or network policy features","npx shadcn@latest add @cult-ui/marketing-feature-code","https://www.cult-ui.com/docs/components/marketing-feature-code",0,"",["marketing-feature-code",0,7,11],64,"section|b","code block|features section,code,syntax highlight|icons,monochrome|c"],["Feature sticky section","cult","Sticky section with controllable panels and scroll behavior","npx shadcn@latest add @cult-ui/feature-sticky-section","https://www.cult-ui.com/docs/components/feature-sticky-section",0,"",["feature-sticky-section",0,7,6],73,"section|b","features section|content section,features,grid,landing page|no icons,monochrome|b"],["Analytics chart","cult","Vercel-style gradient line chart with floating tooltip cards","npx shadcn@latest add @cult-ui/analytics-chart","https://www.cult-ui.com/docs/components/analytics-chart",0,"",["analytics-chart",0,2,0],80,"chart","chart|graph,timeline data,analytics,data,dashboard|icons,animated|c"],["Kanban board","cult","Kanban board with drag-and-drop columns and cards","npx shadcn@latest add @cult-ui/kanban-board","https://www.cult-ui.com/docs/components/kanban-board",0,"",["kanban-board",0,2,11],80,"kanban","kanban board|board,calendar,tasks,drag and drop|icons,avatar,images|c"],["Agent suggest card stack","cult","Stack of suggestion cards for AI agent responses","npx shadcn@latest add @cult-ui/agent-suggest-card-stack","https://www.cult-ui.com/docs/components/agent-suggest-card-stack",0,"",["agent-suggest-card-stack",0,0,0],87,"thinking","carousel|card,combobox,ai prompt,slider,gallery,swipe|icons|c"],["Collab avatar","cult","Collaboration avatar with initials and color","npx shadcn@latest add @cult-ui/collab-avatar","https://www.cult-ui.com/docs/components/collab-avatar",0,"",["collab-avatar",0,4,4],72,"media","avatar|profile,user,image|no icons,avatar,colorful|c"],["Collab toolbar","cult","Toolbar component for collaborative editing UI","npx shadcn@latest add @cult-ui/collab-toolbar","https://www.cult-ui.com/docs/components/collab-toolbar",0,"",["collab-toolbar",0,5,4],50,"misc","menubar|toolbar,menu|icons,avatar,monochrome|c"],["Halo dropzone","cult","File dropzone with animated rim, frosted fill, moving border trail, and file-type glyphs","npx shadcn@latest add @cult-ui/halo-dropzone","https://www.cult-ui.com/docs/components/halo-dropzone",0,"",["halo-dropzone",0,7,8],90,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["Halo search","cult","Search input with animated gradient border, staggered placeholder, blur deletion on clear, loading line, and Warp shader avatar","npx shadcn@latest add @cult-ui/halo-search","",0,"",0,0],["Globe","cult","COBE-powered 3D globe with showcase presets, markers, arcs, DOM overlays, and theme-aware styling","npx shadcn@latest add @cult-ui/globe","https://www.cult-ui.com/docs/components/globe",0,"",["globe",0,0,8],88,"map","map|globe,location|no icons|c"],["File icons","cult","Icon set for file types and languages","npx shadcn@latest add @cult-ui/file-icons","https://www.cult-ui.com/docs/components/file-icons",0,"",["file-icons",0,1,7],76,"upload","animated icon|icon,animation|icons,monochrome|c"],["Halo button","cult","Primary action button with animated gradient rim, frosted fill, staggered label, and loading spinner","npx shadcn@latest add @cult-ui/halo-button","https://www.cult-ui.com/docs/components/halo-button",0,"",["halo-button",0,5,8],83,"button","button|cta,click,action|icons,animated,monochrome|c"],["Copy button","cult","Button that copies content to clipboard with feedback","npx shadcn@latest add @cult-ui/copy-button","https://www.cult-ui.com/docs/components/copy-button",0,"",["copy-button",0,7,4],62,"button","copy button|button,clipboard|icons,monochrome|c"],["Halo card","cult","Composable card with animated gradient rim, frosted fill, layered shadow, and Base UI button actions","npx shadcn@latest add @cult-ui/halo-card","https://www.cult-ui.com/docs/components/halo-card",0,"",["halo-card",0,6,8],72,"card","card|container,search,surface|icons,avatar,monochrome|c"],["Border beam card","cult","border-beam around compound Card API with balanced title and description","npx shadcn@latest add @cult-ui/border-beam-card","https://www.cult-ui.com/docs/components/border-beam-card",0,"",["border-beam-card",0,6,3],69,"card","card|background,container,surface|no icons,animated,monochrome|c"],["Halo tabs","cult","Base UI tabs with gradient indicator: underline or pill variant aligned with Halo Card rim colors","npx shadcn@latest add @cult-ui/halo-tabs","https://www.cult-ui.com/docs/components/halo-tabs",0,"",["halo-tabs",0,7,9],75,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Halo segmented","cult","Segmented control with frosted track, gradient rim, and spring sliding thumb","npx shadcn@latest add @cult-ui/halo-segmented","https://www.cult-ui.com/docs/components/halo-segmented",0,"",["halo-segmented",0,4,9],68,"tabs","segmented control|tabs,toggle group|no icons,monochrome|c"],["Halo toggle group","cult","Segmented single-select control with frosted track, gradient rim, and spring-driven sliding thumb (aligned with Halo Button)","npx shadcn@latest add @cult-ui/halo-toggle-group","https://www.cult-ui.com/docs/components/halo-toggle-group",0,"",["halo-toggle-group",0,1,10],69,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome|c"],["Halo notification","cult","Polished notification surface for local AnimatePresence use with rim variants and glyph stagger","npx shadcn@latest add @cult-ui/halo-notification","https://www.cult-ui.com/docs/components/halo-notification",0,"",["halo-notification",0,2,9],89,"toast","toast|notification,notifications,alert,message|icons,animated,monochrome|c"],["Halo toast","cult","Sonner-backed polished toasts with rim variants; mount PolishedToaster once in the root layout","npx shadcn@latest add @cult-ui/halo-toast","https://www.cult-ui.com/docs/components/halo-toast",0,"",["halo-toast",0,0,10],77,"toast","toast|notification,notifications,alert,message|no icons,monochrome|c"],["Halo switch","cult","Toggle switch with spring thumb, frosted track, and extended touch hit area","npx shadcn@latest add @cult-ui/halo-switch","https://www.cult-ui.com/docs/components/halo-switch",0,"",["halo-switch",0,6,9],65,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome|c"],["Halo input","cult","Single-line and multiline inputs with frosted fill and gradient rim for generic forms","npx shadcn@latest add @cult-ui/halo-input","https://www.cult-ui.com/docs/components/halo-input",0,"",["halo-input",0,1,9],84,"input","input|text field,form,form control|no icons,monochrome|c"],["Halo field","cult","Form field layout (label, description, error) for HaloInput and HaloTextarea","npx shadcn@latest add @cult-ui/halo-field","https://www.cult-ui.com/docs/components/halo-field",0,"",["halo-field",0,0,9],81,"input","input|text field,form,form control|icons,monochrome|c"],["Halo progress","cult","Progress bar with spring-driven determinate fill and indeterminate gradient strip","npx shadcn@latest add @cult-ui/halo-progress","https://www.cult-ui.com/docs/components/halo-progress",0,"",["halo-progress",0,3,9],71,"loader","progress bar|progress,tasks,upload,meter,loading|no icons,animated,monochrome|c"],["Border beam input","cult","border-beam on Base UI input and input-group primitives with line or full border glow","npx shadcn@latest add @cult-ui/border-beam-input","https://www.cult-ui.com/docs/components/border-beam-input",0,"",["border-beam-input",0,7,3],62,"input","input|background,search,text field,form,form control|icons,animated,monochrome|c"],["Halo badge","cult","Badge with optional layout animation, live status dot, and gradient rim aligned with Halo Button / Card","npx shadcn@latest add @cult-ui/halo-badge","https://www.cult-ui.com/docs/components/halo-badge",0,"",["halo-badge",0,4,8],69,"background","badge|label,settings,status,pill|no icons,avatar,animated,monochrome|c"],["Halo select","cult","Composable animated select with gradient rim, frosted fill, and staggered label","npx shadcn@latest add @cult-ui/halo-select","https://www.cult-ui.com/docs/components/halo-select",0,"",["halo-select",0,5,9],68,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Prompt composer","cult","Multiline prompt field with shader avatar, staggered placeholder, loading line, and send/attach chrome","npx shadcn@latest add @cult-ui/prompt-composer","",0,"",0,0],["Wizard expandable","cult","Expandable multi-step wizard with optional forward validation, scrollable step rail, and Motion height transitions","npx shadcn@latest add @cult-ui/wizard-expandable","https://www.cult-ui.com/docs/components/wizard-expandable",0,"",["wizard-expandable",1,6,5],63,"misc","accordion|stepper,collapsible,expand,faq|no icons,monochrome|c"],["Animated badge","cult","Deprecated alias for halo-badge. Prefer npx shadcn add https://cult-ui.com/r/halo-badge.json","npx shadcn@latest add @cult-ui/animated-badge","https://www.cult-ui.com/docs",0,"",["animated-badge",0,3,0],69,"misc","badge|label,settings,status,pill|no icons,avatar,animated,monochrome|c"],["Animated button","cult","Deprecated alias for halo-button. Prefer npx shadcn add https://cult-ui.com/r/halo-button.json","npx shadcn@latest add @cult-ui/animated-button","https://www.cult-ui.com/docs",0,"",["animated-button",0,4,0],83,"button","button|cta,click,action|icons,animated,monochrome|c"],["Animated card","cult","Deprecated alias for halo-card. Prefer npx shadcn add https://cult-ui.com/r/halo-card.json","npx shadcn@latest add @cult-ui/animated-card","https://www.cult-ui.com/docs",0,"",["animated-card",0,5,0],72,"card","card|container,search,surface|icons,avatar,animated,monochrome|c"],["Animated composer","cult","Deprecated alias for prompt-composer. Prefer npx shadcn add https://cult-ui.com/r/prompt-composer.json","npx shadcn@latest add @cult-ui/animated-composer","",0,"",0,0],["Animated dropzone","cult","Deprecated alias for halo-dropzone. Prefer npx shadcn add https://cult-ui.com/r/halo-dropzone.json","npx shadcn@latest add @cult-ui/animated-dropzone","https://www.cult-ui.com/docs",0,"",["animated-dropzone",0,6,0],90,"upload","file upload|dropzone,upload,drag and drop|icons,animated,monochrome|c"],["Animated field","cult","Deprecated alias for halo-field. Prefer npx shadcn add https://cult-ui.com/r/halo-field.json","npx shadcn@latest add @cult-ui/animated-field","https://www.cult-ui.com/docs",0,"",["animated-field",0,7,0],81,"input","input|text field,form,form control|icons,animated,monochrome|c"],["Animated input","cult","Deprecated alias for halo-input. Prefer npx shadcn add https://cult-ui.com/r/halo-input.json","npx shadcn@latest add @cult-ui/animated-input","https://www.cult-ui.com/docs",0,"",["animated-input",0,0,1],84,"input","input|text field,form,form control|no icons,animated,monochrome|c"],["Animated notification","cult","Deprecated alias for halo-notification. Prefer npx shadcn add https://cult-ui.com/r/halo-notification.json","npx shadcn@latest add @cult-ui/animated-notification","https://www.cult-ui.com/docs",0,"",["animated-notification",0,1,1],89,"toast","toast|notification,notifications,alert,message|icons,animated,monochrome|c"],["Animated number","cult","Deprecated alias for rolling-number. Prefer npx shadcn add https://cult-ui.com/r/rolling-number.json","npx shadcn@latest add @cult-ui/animated-number","https://www.cult-ui.com/docs",0,"",["animated-number",0,2,1],78,"text","number ticker|counter,pricing,text effect,animated number|icons,animated,monochrome|c"],["Animated progress","cult","Deprecated alias for halo-progress. Prefer npx shadcn add https://cult-ui.com/r/halo-progress.json","npx shadcn@latest add @cult-ui/animated-progress","https://www.cult-ui.com/docs",0,"",["animated-progress",0,3,1],71,"loader","progress bar|progress,tasks,upload,meter,loading|no icons,animated,monochrome|c"],["Animated search","cult","Deprecated alias for halo-search. Prefer npx shadcn add https://cult-ui.com/r/halo-search.json","npx shadcn@latest add @cult-ui/animated-search","",0,"",0,0],["Animated segmented","cult","Deprecated alias for halo-segmented. Prefer npx shadcn add https://cult-ui.com/r/halo-segmented.json","npx shadcn@latest add @cult-ui/animated-segmented","https://www.cult-ui.com/docs",0,"",["animated-segmented",0,4,1],67,"tabs","segmented control|tabs,toggle group|no icons,animated,monochrome|c"],["Animated select","cult","Deprecated alias for halo-select. Prefer npx shadcn add https://cult-ui.com/r/halo-select.json","npx shadcn@latest add @cult-ui/animated-select","https://www.cult-ui.com/docs",0,"",["animated-select",0,5,1],68,"dropdown","select|dropdown,options,form|icons,animated,monochrome|c"],["Animated switch","cult","Deprecated alias for halo-switch. Prefer npx shadcn add https://cult-ui.com/r/halo-switch.json","npx shadcn@latest add @cult-ui/animated-switch","https://www.cult-ui.com/docs",0,"",["animated-switch",0,6,1],65,"switch","switch|toggle,notifications,on off,settings|no icons,animated,monochrome|c"],["Animated tabs","cult","Deprecated alias for halo-tabs. Prefer npx shadcn add https://cult-ui.com/r/halo-tabs.json","npx shadcn@latest add @cult-ui/animated-tabs","https://www.cult-ui.com/docs",0,"",["animated-tabs",0,7,1],75,"tabs","tabs|tab bar,segmented control,navigation|no icons,animated,monochrome|c"],["Animated toast","cult","Deprecated alias for halo-toast. Prefer npx shadcn add https://cult-ui.com/r/halo-toast.json","npx shadcn@latest add @cult-ui/animated-toast","https://www.cult-ui.com/docs",0,"",["animated-toast",0,0,2],77,"toast","toast|notification,notifications,alert,message|no icons,animated,monochrome|c"],["Animated toggle group","cult","Deprecated alias for halo-toggle-group. Prefer npx shadcn add https://cult-ui.com/r/halo-toggle-group.json","npx shadcn@latest add @cult-ui/animated-toggle-group","https://www.cult-ui.com/docs",0,"",["animated-toggle-group",0,1,2],69,"switch","toggle group|switch,button group,segmented control,toggle|no icons,animated,monochrome|c"],["Dither image demo upload","cult","","npx shadcn@latest add @cult-ui/dither-image-demo-upload","https://www.cult-ui.com/docs/components/dither-image",0,"",["dither-image-demo-upload",0,5,5],93,"upload","file upload|image,dropzone,upload,drag and drop|no icons,images,monochrome|c"],["Magic Card","magic","A spotlight effect that follows your mouse cursor and highlights borders on hover.","npx shadcn@latest add @magicui/magic-card","https://magicui.design/docs/components/magic-card",0,"",["magic-card",0,3,5],82,"card","card|container,login,surface|no icons,monochrome,minimal|c"],["Android","magic","A mockup of an Android device.","npx shadcn@latest add @magicui/android","https://magicui.design/docs/components/android",0,"",["android",0,0,0],80,"media","image|media,mockup|no icons|c"],["Warp Background","magic","A card with a time warping background effect.","npx shadcn@latest add @magicui/warp-background","https://magicui.design/docs/components/warp-background",0,"",["warp-background",0,5,9],87,"background","background|animated background,effect,hero background|no icons,animated,monochrome|c"],["Line Shadow Text","magic","A text component with a moving line shadow.","npx shadcn@latest add @magicui/line-shadow-text","https://magicui.design/docs/components/line-shadow-text",0,"",["line-shadow-text",0,2,5],58,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Aurora Text","magic","A beautiful aurora text effect","npx shadcn@latest add @magicui/aurora-text","https://magicui.design/docs/components/aurora-text",0,"",["aurora-text",0,0,1],65,"background","text effect|background,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Morphing Text","magic","A dynamic text morphing component for Magic UI.","npx shadcn@latest add @magicui/morphing-text","https://magicui.design/docs/components/morphing-text",0,"",["morphing-text",0,6,5],8,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Scroll Progress","magic","Animated Scroll Progress for your pages","npx shadcn@latest add @magicui/scroll-progress","https://magicui.design/docs/components/scroll-progress",0,"",["scroll-progress",0,6,7],47,"loader","progress bar|scroll effect,progress,meter,loading|no icons,monochrome,minimal|c"],["Lens","magic","A interactive component that enables zooming into images, videos and other elements.","npx shadcn@latest add @magicui/lens","https://magicui.design/docs/components/lens",0,"",["lens",0,0,5],89,"media","video player|video,media player|no icons,images,monochrome|c"],["Pointer","magic","A component that displays a pointer when hovering over an element","npx shadcn@latest add @magicui/pointer","https://magicui.design/docs/components/pointer",0,"",["pointer",0,5,6],62,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome|c"],["Smooth cursor","magic","A customizable, physics-based smooth cursor animation component with spring animations and rotation effects","npx shadcn@latest add @magicui/smooth-cursor","https://magicui.design/docs/components/smooth-cursor",0,"",["smooth-cursor",0,2,8],46,"misc","cursor effect|cursor,interaction,animation|icons,monochrome,minimal|c"],["Progressive Blur","magic","The Progressive Blur component adds a smooth blur gradient effect to scrollable content, indicating more content below or above.","npx shadcn@latest add @magicui/progressive-blur","https://magicui.design/docs/components/progressive-blur",0,"",["progressive-blur",0,6,6],57,"background","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Neon Gradient Card","magic","A beautiful neon card effect","npx shadcn@latest add @magicui/neon-gradient-card","https://magicui.design/docs/components/neon-gradient-card",0,"",["neon-gradient-card",0,7,5],91,"background","card|background,container,surface|no icons,monochrome,minimal|c"],["Noise Texture","magic","An SVG fractal noise layer using feTurbulence, desaturation, and contrast controls for subtle texture overlays.","npx shadcn@latest add @magicui/noise-texture","https://magicui.design/docs/components/noise-texture",0,"",["noise-texture",0,0,6],57,"background","text effect|background,text animation,typography,animated text|no icons|c"],["Meteors","magic","A meteor shower effect.","npx shadcn@latest add @magicui/meteors","https://magicui.design/docs/components/meteors",0,"",["meteors",0,5,5],69,"misc","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Grid Pattern","magic","A background grid pattern made with SVGs, fully customizable using Tailwind CSS.","npx shadcn@latest add @magicui/grid-pattern","https://magicui.design/docs/components/grid-pattern",0,"",["grid-pattern",0,6,3],49,"background","background|animated background,effect,hero background|no icons|c"],["Hexagon Pattern","magic","A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.","npx shadcn@latest add @magicui/hexagon-pattern","https://magicui.design/docs/components/hexagon-pattern",0,"",["hexagon-pattern",0,0,4],72,"background","background|animated background,effect,hero background|no icons|c"],["Striped Pattern","magic","A background striped pattern made with SVGs, fully customizable using Tailwind CSS.","npx shadcn@latest add @magicui/striped-pattern","https://magicui.design/docs/components/striped-pattern",0,"",["striped-pattern",0,5,8],44,"background","background|animated background,effect,hero background|no icons|c"],["Interactive Grid Pattern","magic","A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.","npx shadcn@latest add @magicui/interactive-grid-pattern","https://magicui.design/docs/components/interactive-grid-pattern",0,"",["interactive-grid-pattern",0,4,4],50,"background","background|animated background,effect,hero background|no icons|c"],["Dot Pattern","magic","A background dot pattern made with SVGs, fully customizable using Tailwind CSS.","npx shadcn@latest add @magicui/dot-pattern","https://magicui.design/docs/components/dot-pattern",0,"",["dot-pattern",0,6,2],39,"background","background|animated background,effect,hero background|no icons|c"],["Flickering Grid","magic","A flickering grid background made with SVGs, fully customizable using Tailwind CSS.","npx shadcn@latest add @magicui/flickering-grid","https://magicui.design/docs/components/flickering-grid",0,"",["flickering-grid",0,1,3],79,"background","background|animated background,effect,hero background|no icons|c"],["Hero Video Dialog","magic","A hero video dialog component.","npx shadcn@latest add @magicui/hero-video-dialog","https://magicui.design/docs/components/hero-video-dialog",0,"",["hero-video-dialog",0,7,3],86,"dialog","dialog|hero section,video player,modal,overlay,popup|icons,monochrome,minimal|c"],["Code Comparison","magic","A component which compares two code snippets.","npx shadcn@latest add @magicui/code-comparison","https://magicui.design/docs/components/code-comparison",0,"",["code-comparison",0,7,1],73,"misc","code block|content section,code,syntax highlight|icons,colorful|c"],["Marquee","magic","An infinite scrolling component that can be used to display text, images, or videos.","npx shadcn@latest add @magicui/marquee","https://magicui.design/docs/components/marquee",0,"",["marquee",0,4,5],73,"carousel","marquee|infinite scroll,logos,animation|no icons,avatar,images,animated,monochrome|c"],["Globe","magic","An autorotating, interactive, and highly performant globe made using WebGL.","npx shadcn@latest add @magicui/globe","https://magicui.design/docs/components/globe",0,"",["globe",0,4,3],93,"map","map|globe,location|no icons|c"],["Glyph Matrix","magic","An animated grid of subtly shifting glyphs with fade effect and theme support.","npx shadcn@latest add @magicui/glyph-matrix","https://magicui.design/docs/components/glyph-matrix",0,"",["glyph-matrix",0,5,3],49,"misc","background|animated background,effect,hero background|no icons|c"],["Glare Hover","magic","A diagonal glare on hover using a ::before gradient and CSS variables (angle, size, duration, color).","npx shadcn@latest add @magicui/glare-hover","https://magicui.design/docs/components/glare-hover",0,"",["glare-hover",0,3,3],81,"background","background|animated background,pricing,effect,hero background|icons,monochrome|c"],["Shimmer Button","magic","A button with a shimmering light which travels around the perimeter.","npx shadcn@latest add @magicui/shimmer-button","https://magicui.design/docs/components/shimmer-button",0,"",["shimmer-button",0,7,7],51,"button","button|skeleton,cta,click,action|no icons,animated,monochrome,minimal|c"],["Tweet Card","magic","A card that displays a tweet with the author's name, handle, and profile picture.","npx shadcn@latest add @magicui/tweet-card","https://magicui.design/docs/components/tweet-card",0,"",["tweet-card",0,2,9],2,"card","card|container,surface|no icons,monochrome,minimal|c"],["Client Tweet Card","magic","A client-side version of the tweet card that displays a tweet with the author's name, handle, and profile picture.","npx shadcn@latest add @magicui/client-tweet-card","https://magicui.design/docs/components/client-tweet-card",0,"",["client-tweet-card",0,6,1],2,"card","card|container,surface|no icons,monochrome,minimal|c"],["Bento Grid","magic","Bento grid is a layout used to showcase the features of a product in a simple and elegant way.","npx shadcn@latest add @magicui/bento-grid","https://magicui.design/docs/components/bento-grid",0,"",["bento-grid",0,3,1],81,"card|b","features section|features,grid,landing page|icons,animated|b"],["Particles","magic","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.","npx shadcn@latest add @magicui/particles","https://magicui.design/docs/components/particles",0,"",["particles",0,3,6],61,"background","background|animated background,effect,hero background|no icons|c"],["Number Ticker","magic","Animate numbers to count up or down to a target number","npx shadcn@latest add @magicui/number-ticker","https://magicui.design/docs/components/number-ticker",0,"",["number-ticker",0,1,6],56,"text","number ticker|marquee,counter,text effect,animated number|no icons,monochrome,minimal|c"],["Ripple","magic","An animated ripple effect typically used behind elements to emphasize them.","npx shadcn@latest add @magicui/ripple","https://magicui.design/docs/components/ripple",0,"",["ripple",0,2,7],83,"misc","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Retro Grid","magic","An animated scrolling retro grid effect","npx shadcn@latest add @magicui/retro-grid","https://magicui.design/docs/components/retro-grid",0,"",["retro-grid",0,1,7],92,"misc","background|animated background,effect,hero background|no icons|c"],["Animated List","magic","A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.","npx shadcn@latest add @magicui/animated-list","https://magicui.design/docs/components/animated-list",0,"",["animated-list",0,5,0],87,"toast","list|items,rows|no icons,animated|c"],["Animated Shiny Text","magic","A light glare effect which pans across text making it appear as if it is shimmering.","npx shadcn@latest add @magicui/animated-shiny-text","https://magicui.design/docs/components/animated-shiny-text",0,"",["animated-shiny-text",0,6,0],49,"text","text effect|text animation,typography,animated text|icons,animated,monochrome,minimal|c"],["Animated Grid Pattern","magic","A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.","npx shadcn@latest add @magicui/animated-grid-pattern","https://magicui.design/docs/components/animated-grid-pattern",0,"",["animated-grid-pattern",0,4,0],47,"background","background|animated background,effect,hero background|no icons,animated|c"],["Border Beam","magic","An animated beam of light which travels along the border of its container.","npx shadcn@latest add @magicui/border-beam","https://magicui.design/docs/components/border-beam",0,"",["border-beam",0,5,1],78,"background","background|animated background,login,effect,hero background|no icons,monochrome|c"],["Animated Beam","magic","An animated beam of light which travels along a path. Useful for showcasing the integration features of a website.","npx shadcn@latest add @magicui/animated-beam","https://magicui.design/docs/components/animated-beam",0,"",["animated-beam",0,1,0],77,"background","background|animated background,effect,hero background|icons,animated|c"],["Text Reveal","magic","Fade in text as you scroll down the page.","npx shadcn@latest add @magicui/text-reveal","https://magicui.design/docs/components/text-reveal",0,"",["text-reveal",0,1,9],46,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Dia Text Reveal","magic","A horizontal color band sweeps across text, revealing a gradient shine before settling on the base color.","npx shadcn@latest add @magicui/dia-text-reveal","https://magicui.design/docs/components/dia-text-reveal",0,"",["dia-text-reveal",0,3,2],46,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Hyper Text","magic","A text animation that scrambles letters before revealing the final text.","npx shadcn@latest add @magicui/hyper-text","https://magicui.design/docs/components/hyper-text",0,"",["hyper-text",0,2,4],16,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Animated Gradient Text","magic","An animated gradient background which transitions between colors for text.","npx shadcn@latest add @magicui/animated-gradient-text","https://magicui.design/docs/components/animated-gradient-text",0,"",["animated-gradient-text",0,3,0],22,"background","text effect|background,text animation,typography,animated text|icons,animated,monochrome,minimal|c"],["Orbiting Circles","magic","A collection of circles which move in orbit along a circular path","npx shadcn@latest add @magicui/orbiting-circles","https://magicui.design/docs/components/orbiting-circles",0,"",["orbiting-circles",0,2,6],76,"misc","background|animated background,effect,hero background|no icons,animated|c"],["Dock","magic","An implementation of the MacOS dock using react + tailwindcss + motion","npx shadcn@latest add @magicui/dock","https://magicui.design/docs/components/dock",0,"",["dock",0,5,2],68,"misc","dock|navigation,icons,magnify|icons,animated,monochrome|c"],["Word Rotate","magic","A vertical rotation of words","npx shadcn@latest add @magicui/word-rotate","https://magicui.design/docs/components/word-rotate",0,"",["word-rotate",0,6,9],12,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Avatar Circles","magic","Overlapping circles of avatars.","npx shadcn@latest add @magicui/avatar-circles","https://magicui.design/docs/components/avatar-circles",0,"",["avatar-circles",0,1,1],56,"media","avatar group|avatar,team,users|no icons,avatar,images,monochrome,minimal|c"],["Typing Animation","magic","Characters appearing in typed animation","npx shadcn@latest add @magicui/typing-animation","https://magicui.design/docs/components/typing-animation",0,"",["typing-animation",0,3,9],55,"misc","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Sparkles Text","magic","A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.","npx shadcn@latest add @magicui/sparkles-text","https://magicui.design/docs/components/sparkles-text",0,"",["sparkles-text",0,3,8],65,"text","text effect|background,text animation,typography,animated text|icons,animated,monochrome|c"],["Spinning Text","magic","The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.","npx shadcn@latest add @magicui/spinning-text","https://magicui.design/docs/components/spinning-text",0,"",["spinning-text",0,4,8],47,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Comic Text","magic","Comic text animation","npx shadcn@latest add @magicui/comic-text","https://magicui.design/docs/components/comic-text",0,"",["comic-text",0,0,2],87,"text","text effect|text animation,typography,animated text|no icons|c"],["Icon Cloud","magic","An interactive 3D tag cloud component","npx shadcn@latest add @magicui/icon-cloud","https://magicui.design/docs/components/icon-cloud",0,"",["icon-cloud",0,3,4],25,"misc","animated icon|icon,animation|icons|c"],["Text Animate","magic","A text animation component that animates text using a variety of different animations.","npx shadcn@latest add @magicui/text-animate","https://magicui.design/docs/components/text-animate",0,"",["text-animate",0,0,9],42,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Scroll Based Velocity","magic","Scrolling text whose speed changes based on scroll speed","npx shadcn@latest add @magicui/scroll-based-velocity","https://magicui.design/docs/components/scroll-based-velocity",0,"",["scroll-based-velocity",0,5,7],58,"text","marquee|infinite scroll,logos,animation|no icons,monochrome|c"],["Shiny Button","magic","A shiny button component with dynamic styles in the dark mode or light mode.","npx shadcn@latest add @magicui/shiny-button","https://magicui.design/docs/components/shiny-button",0,"",["shiny-button",0,1,8],8,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Shine Border","magic","Shine border is an animated background border effect.","npx shadcn@latest add @magicui/shine-border","https://magicui.design/docs/components/shine-border",0,"",["shine-border",0,0,8],85,"background","input|text field,login,form,form control|no icons,monochrome,minimal|c"],["Animated Circular Progress Bar","magic","Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.","npx shadcn@latest add @magicui/animated-circular-progress-bar","https://magicui.design/docs/components/animated-circular-progress-bar",0,"",["animated-circular-progress-bar",0,2,0],68,"loader","progress bar|activity ring,progress,meter,loading|no icons,animated|c"],["Confetti","magic","Confetti animations are best used to delight your users when something special happens","npx shadcn@latest add @magicui/confetti","https://magicui.design/docs/components/confetti",0,"",["confetti",0,1,2],55,"misc","background|animated background,effect,hero background|no icons|c"],["Cool Mode","magic","Cool mode effect for buttons, links, and other DOMs","npx shadcn@latest add @magicui/cool-mode","https://magicui.design/docs/components/cool-mode",0,"",["cool-mode",0,2,2],15,"button","link|text link,hover|no icons,monochrome,minimal|c"],["Pulsating Button","magic","An animated pulsating button useful for capturing attention of users.","npx shadcn@latest add @magicui/pulsating-button","https://magicui.design/docs/components/pulsating-button",0,"",["pulsating-button",0,7,6],30,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Ripple Button","magic","An animated button with ripple useful for user engagement.","npx shadcn@latest add @magicui/ripple-button","https://magicui.design/docs/components/ripple-button",0,"",["ripple-button",0,3,7],9,"button","button|background,cta,click,action|no icons,monochrome,minimal|c"],["File Tree","magic","A component used to showcase the folder and file structure of a directory.","npx shadcn@latest add @magicui/file-tree","https://magicui.design/docs/components/file-tree",0,"",["file-tree",0,0,3],59,"upload","tree view|file tree,nested list|icons,monochrome|c"],["Blur Fade","magic","Blur fade in and out animation. Used to smoothly fade in and out content.","npx shadcn@latest add @magicui/blur-fade","https://magicui.design/docs/components/blur-fade",0,"",["blur-fade",0,4,1],84,"misc","card|container,surface|no icons,images,animated,monochrome,minimal|c"],["Safari","magic","A safari browser mockup to showcase your website.","npx shadcn@latest add @magicui/safari","https://magicui.design/docs/components/safari",0,"",["safari",0,4,7],75,"media","image|media,mockup|no icons|c"],["iPhone","magic","A mockup of the iPhone","npx shadcn@latest add @magicui/iphone","https://magicui.design/docs/components/iphone",0,"",["iphone",0,6,4],80,"media","image|media,mockup|no icons|c"],["Rainbow Button","magic","An animated button with a rainbow effect.","npx shadcn@latest add @magicui/rainbow-button","https://magicui.design/docs/components/rainbow-button",0,"",["rainbow-button",0,0,7],69,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Interactive hover button","magic","","npx shadcn@latest add @magicui/interactive-hover-button","https://magicui.design/docs/components/interactive-hover-button",0,"",["interactive-hover-button",0,5,4],10,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Terminal","magic","A terminal component","npx shadcn@latest add @magicui/terminal","https://magicui.design/docs/components/terminal",0,"",["terminal",0,6,8],67,"misc","terminal|code,command line|no icons,monochrome|c"],["Video Text","magic","A component that displays text with a video playing in the background.","npx shadcn@latest add @magicui/video-text","https://magicui.design/docs/components/video-text",0,"",["video-text",0,4,9],60,"media","text effect|video player,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Pixel Image","magic","A component that displays an image with a pixelated effect, creating a retro aesthetic.","npx shadcn@latest add @magicui/pixel-image","https://magicui.design/docs/components/pixel-image",0,"",["pixel-image",0,4,6],97,"media","image|media,mockup|no icons,images,animated,monochrome,minimal|c"],["Highlighter","magic","A text highlighter that mimics the effect of a human-drawn marker stroke.","npx shadcn@latest add @magicui/highlighter","https://magicui.design/docs/components/highlighter",0,"",["highlighter",0,1,4],64,"text","text effect|text animation,typography,animated text|no icons,animated|c"],["Theme Toggler","magic","Theme toggle with View Transitions and animated clip-path masks (circle, polygons, star), optional viewport-centered origin.","npx shadcn@latest add @magicui/animated-theme-toggler","https://magicui.design/docs/components/animated-theme-toggler",0,"",["animated-theme-toggler",0,7,0],6,"switch","theme switcher|switch,dark mode,light mode|icons,monochrome,minimal|c"],["Light Rays","magic","A component with animated light rays which shine down from above.","npx shadcn@latest add @magicui/light-rays","https://magicui.design/docs/components/light-rays",0,"",["light-rays",0,1,5],63,"misc","background|animated background,effect,hero background|no icons,monochrome|c"],["Dotted Map","magic","A component with a dotted map.","npx shadcn@latest add @magicui/dotted-map","https://magicui.design/docs/components/dotted-map",0,"",["dotted-map",0,7,2],70,"map","map|globe,location|no icons|c"],["Backlight","magic","A backlight glow effect for videos, images, and SVGs.","npx shadcn@latest add @magicui/backlight","https://magicui.design/docs/components/backlight",0,"",["backlight",0,2,1],82,"media","video player|video,media player|no icons,monochrome,minimal|c"],["Kinetic Text","magic","A text component that animates font weight of characters on hover.","npx shadcn@latest add @magicui/kinetic-text","https://magicui.design/docs/components/kinetic-text",0,"",["kinetic-text",0,7,4],71,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text 3D Flip","magic","A text effect that flips each letter in 3D with a staggered animation on hover.","npx shadcn@latest add @magicui/text-3d-flip","https://magicui.design/docs/components/text-3d-flip",0,"",["text-3d-flip",0,7,8],54,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Floating 3D Particles","magic","A canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.","npx shadcn@latest add @magicui/floating-3d-particles","https://magicui.design/docs/components/floating-3d-particles",0,"",["floating-3d-particles",0,2,3],68,"background","background|animated background,effect,hero background|icons|c"],["Dither Field","magic","An animated WebGL2 background of Bayer-dithered square dots. The dots follow a light pattern, an image or a video, take one color or a three-stop ramp, and brighten under the point","npx shadcn@latest add @magicui/dither-field","https://magicui.design/docs/components/dither-field",0,"",["dither-field",0,4,2],91,"background","input|text field,form,form control|no icons|c"],["Accordion","tailgrids","Fully accessible accordion component with multiple style variants","npx shadcn@latest add @tailgrids/accordion","https://tailgrids.com/docs/components/accordion",0,"",["accordion",0,0,0],70,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert","tailgrids","A component to display important messages to the user, with support for different variants.","npx shadcn@latest add @tailgrids/alert","https://tailgrids.com/docs/components/alert",0,"",["alert",0,1,0],54,"toast","alert|message,banner,callout|icons|c"],["Alert dialog","tailgrids","A modal dialog that interrupts the user with important content and expects a response.","npx shadcn@latest add @tailgrids/alert-dialog","https://tailgrids.com/docs/components/alert-dialog",0,"",["alert-dialog",0,2,0],23,"dialog","alert dialog|alert,dialog,modal,confirm|no icons|c"],["Aspect ratio","tailgrids","Aspect ratio component to maintain the aspect ratio of an element.","npx shadcn@latest add @tailgrids/aspect-ratio","https://tailgrids.com/docs/components/aspect-ratio",0,"",["aspect-ratio",0,3,0],60,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Avatar","tailgrids","An image element with a fallback for representing a user.","npx shadcn@latest add @tailgrids/avatar","https://tailgrids.com/docs/components/avatar",0,"",["avatar",0,4,0],23,"media","avatar|profile,user,image|no icons|c"],["Badge","tailgrids","Badge component with multiple colors, sizes, and support for prefix/suffix icons.","npx shadcn@latest add @tailgrids/badge","https://tailgrids.com/docs/components/badge",0,"",["badge",0,5,0],48,"misc","badge|label,status,pill|icons,colorful|c"],["Breadcrumbs","tailgrids","Breadcrumbs component with multiple variants and support for icons.","npx shadcn@latest add @tailgrids/breadcrumbs","https://tailgrids.com/docs/components/breadcrumbs",0,"",["breadcrumbs",0,6,0],9,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button","tailgrids","Button component with multiple variants, sizes, and support for icons.","npx shadcn@latest add @tailgrids/button","https://tailgrids.com/docs/components/button",0,"",["button",0,7,0],14,"button","button|cta,click,action|no icons|c"],["Button group","tailgrids","A component with multiple buttons grouped together.","npx shadcn@latest add @tailgrids/button-group","https://tailgrids.com/docs/components/button-group",0,"",["button-group",0,0,1],19,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Calendar","tailgrids","A calendar component with internationalization support.","npx shadcn@latest add @tailgrids/calendar","https://tailgrids.com/docs/components/calendar",0,"",["calendar",0,1,1],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card","tailgrids","A card component with ultimate flexibility and customization.","npx shadcn@latest add @tailgrids/card","https://tailgrids.com/docs/components/card",0,"",["card",0,2,1],58,"card","card|container,surface|no icons,monochrome|c"],["Carousel","tailgrids","A powerful, flexible carousel component built with Embla Carousel.","npx shadcn@latest add @tailgrids/carousel","https://tailgrids.com/docs/components/carousel",0,"",["carousel",0,3,1],60,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Chart","tailgrids","A chart component with multiple variants.","npx shadcn@latest add @tailgrids/chart","https://tailgrids.com/docs/components/chart",0,"",["chart",0,4,1],87,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Checkbox","tailgrids","A checkbox component with label and multiple states.","npx shadcn@latest add @tailgrids/checkbox","https://tailgrids.com/docs/components/checkbox",0,"",["checkbox",0,5,1],4,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Collapsible","tailgrids","A high-performance context menu component that appears when triggered by a right-click or long-press.","npx shadcn@latest add @tailgrids/collapsible","https://tailgrids.com/docs/components/collapsible",0,"",["collapsible",0,6,1],42,"accordion","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["Context menu","tailgrids","A context menu component with multiple variants.","npx shadcn@latest add @tailgrids/context-menu","https://tailgrids.com/docs/components/context-menu",0,"",["context-menu",0,1,2],59,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Combobox","tailgrids","A combobox component with multiple variants.","npx shadcn@latest add @tailgrids/combobox","https://tailgrids.com/docs/components/combobox",0,"",["combobox",0,7,1],15,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Command","tailgrids","A command menu component with multiple variants.","npx shadcn@latest add @tailgrids/command","https://tailgrids.com/docs/components/command",0,"",["command",0,0,2],59,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Date field","tailgrids","A React date field component that lets users input a date.","npx shadcn@latest add @tailgrids/date-field","https://tailgrids.com/docs/components/date-field",0,"",["date-field",0,2,2],56,"input","date picker|input,calendar,date input|no icons,monochrome,minimal|c"],["Date picker","tailgrids","A component to select a date.","npx shadcn@latest add @tailgrids/date-picker","https://tailgrids.com/docs/components/date-picker",0,"",["date-picker",0,3,2],54,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Description","tailgrids","A description component that provides additional context or instructions for form fields.","npx shadcn@latest add @tailgrids/description","https://tailgrids.com/docs/components/description",0,"",["description",0,4,2],57,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Dialog","tailgrids","A dialog component that display a modal overlay above the main page content.","npx shadcn@latest add @tailgrids/dialog","https://tailgrids.com/docs/components/dialog",0,"",["dialog",0,5,2],20,"dialog","dialog|modal,overlay,popup|no icons|c"],["Drawer","tailgrids","A drawer component that slides in from the edge of the screen, typically used for navigation or displaying additional content.","npx shadcn@latest add @tailgrids/drawer","https://tailgrids.com/docs/components/drawer",0,"",["drawer",0,6,2],21,"navbar","drawer|sheet,overlay,panel|no icons|c"],["Dropdown","tailgrids","A dropdown component with multiple variants and support for icons.","npx shadcn@latest add @tailgrids/dropdown","https://tailgrids.com/docs/components/dropdown",0,"",["dropdown",0,7,2],16,"dropdown","dropdown menu|menu,dropdown,actions|no icons|c"],["Field","tailgrids","A collection of components for building accessible and flexible form fields.","npx shadcn@latest add @tailgrids/field","https://tailgrids.com/docs/components/field",0,"",["field",0,0,3],61,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Hover card","tailgrids","A hover card component that displays information when the user hovers over an element.","npx shadcn@latest add @tailgrids/hover-card","https://tailgrids.com/docs/components/hover-card",0,"",["hover-card",0,1,3],5,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Input","tailgrids","An input component with multiple variants and support for icons.","npx shadcn@latest add @tailgrids/input","https://tailgrids.com/docs/components/input",0,"",["input",0,2,3],51,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group","tailgrids","A flexible and accessible input group component that allows you to combine multiple input elements, such as text inputs, buttons, and icons, into a single cohesive unit.","npx shadcn@latest add @tailgrids/input-group","https://tailgrids.com/docs/components/input-group",0,"",["input-group",0,3,3],53,"input","input|text field,form,form control|icons,monochrome|c"],["Label","tailgrids","A label component for form fields.","npx shadcn@latest add @tailgrids/label","https://tailgrids.com/docs/components/label",0,"",["label",0,4,3],53,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Link","tailgrids","A link component with multiple variants.","npx shadcn@latest add @tailgrids/link","https://tailgrids.com/docs/components/link",0,"",["link",0,5,3],12,"misc","link|text link,hover|icons|c"],["List","tailgrids","A list component with multiple variants.","npx shadcn@latest add @tailgrids/list","https://tailgrids.com/docs/components/list",0,"",["list",0,6,3],76,"misc","list|items,settings,rows|icons|c"],["Menubar","tailgrids","A responsive menu bar component that provides a horizontal row of menu triggers, each opening a dropdown menu.","npx shadcn@latest add @tailgrids/menubar","https://tailgrids.com/docs/components/menubar",0,"",["menubar",0,7,3],40,"navbar","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Native select","tailgrids","A native select component with multiple variants.","npx shadcn@latest add @tailgrids/native-select","https://tailgrids.com/docs/components/native-select",0,"",["native-select",0,0,4],53,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Navigation menu","tailgrids","A navigation menu component that provides a clear visual structure for the primary links of a website or application.","npx shadcn@latest add @tailgrids/navigation-menu","https://tailgrids.com/docs/components/navigation-menu",0,"",["navigation-menu",0,1,4],43,"navbar","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|c"],["Number field","tailgrids","A component for entering numeric values with increment and decrement buttons.","npx shadcn@latest add @tailgrids/number-field","https://tailgrids.com/docs/components/number-field",0,"",["number-field",0,2,4],58,"input","number input|input,stepper|icons,monochrome|c"],["Otp input","tailgrids","A component for entering one-time passwords.","npx shadcn@latest add @tailgrids/otp-input","https://tailgrids.com/docs/components/otp-input",0,"",["otp-input",0,3,4],54,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Overlay","tailgrids","A component for displaying content in a floating container.","npx shadcn@latest add @tailgrids/overlay","https://tailgrids.com/docs/components/overlay",0,"",["overlay",0,4,4],20,"dialog","dialog|modal,overlay,popup|no icons|c"],["Pagination","tailgrids","A component for navigating between pages.","npx shadcn@latest add @tailgrids/pagination","https://tailgrids.com/docs/components/pagination",0,"",["pagination",0,5,4],43,"misc","pagination|pages,navigation|icons,monochrome|c"],["Popover","tailgrids","A popover component that displays content in a floating container.","npx shadcn@latest add @tailgrids/popover","https://tailgrids.com/docs/components/popover",0,"",["popover",0,6,4],18,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Progress","tailgrids","A progress bar component with multiple variants.","npx shadcn@latest add @tailgrids/progress","https://tailgrids.com/docs/components/progress",0,"",["progress",0,7,4],20,"loader","progress bar|progress,meter,loading|no icons|c"],["Radio input","tailgrids","A radio button component with label and multiple states.","npx shadcn@latest add @tailgrids/radio-input","https://tailgrids.com/docs/components/radio-input",0,"",["radio-input",0,0,5],12,"input","input|radio group,text field,form,form control|no icons,monochrome,minimal|c"],["Range calendar","tailgrids","A calendar component for selecting a range of dates.","npx shadcn@latest add @tailgrids/range-calendar","https://tailgrids.com/docs/components/range-calendar",0,"",["range-calendar",0,1,5],66,"datepicker","date range picker|slider,date picker,calendar,range|icons,monochrome|c"],["Resizable","tailgrids","Accessible resizable panel groups and layouts with keyboard support.","npx shadcn@latest add @tailgrids/resizable","https://tailgrids.com/docs/components/resizable",0,"",["resizable",0,2,5],56,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Scroll area","tailgrids","A scroll area component to add scrollbars to an element.","npx shadcn@latest add @tailgrids/scroll-area","https://tailgrids.com/docs/components/scroll-area",0,"",["scroll-area",0,3,5],58,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select","tailgrids","A select component with multiple variants.","npx shadcn@latest add @tailgrids/select","https://tailgrids.com/docs/components/select",0,"",["select",0,4,5],16,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","tailgrids","A separator component to separate content.","npx shadcn@latest add @tailgrids/separator","https://tailgrids.com/docs/components/separator",0,"",["separator",0,5,5],58,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Sheet","tailgrids","A sheet component that slides in from the edge of the screen, typically used for navigation or displaying additional content.","npx shadcn@latest add @tailgrids/sheet","https://tailgrids.com/docs/components/sheet",0,"",["sheet",0,6,5],20,"navbar","drawer|sheet,overlay,panel|no icons|c"],["Sidebar","tailgrids","A reusable, responsive, and accessible sidebar component.","npx shadcn@latest add @tailgrids/sidebar","https://tailgrids.com/docs/components/sidebar",0,"",["sidebar",0,7,5],57,"section|b","sidebar|navigation,settings,notifications,menu,layout|icons,monochrome|b"],["Skeleton","tailgrids","A component to indicate a loading state.","npx shadcn@latest add @tailgrids/skeleton","https://tailgrids.com/docs/components/skeleton",0,"",["skeleton",0,0,6],45,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Slider","tailgrids","A slider component to select a value from a range.","npx shadcn@latest add @tailgrids/slider","https://tailgrids.com/docs/components/slider",0,"",["slider",0,1,6],48,"input","slider|range,input|no icons|c"],["Social button","tailgrids","A button component for social media actions.","npx shadcn@latest add @tailgrids/social-button","https://tailgrids.com/docs/components/social-button",0,"",["social-button",0,2,6],81,"button","button|cta,click,action|icons,monochrome|c"],["Spinner","tailgrids","A spinner component to indicate a loading state.","npx shadcn@latest add @tailgrids/spinner","https://tailgrids.com/docs/components/spinner",0,"",["spinner",0,3,6],45,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Table","tailgrids","A table component with multiple variants.","npx shadcn@latest add @tailgrids/table","https://tailgrids.com/docs/components/table",0,"",["table",0,4,6],73,"table","data table|table,e-commerce,pricing,rows,spreadsheet|no icons,colorful|c"],["Tabs","tailgrids","A tabs component with multiple variants.","npx shadcn@latest add @tailgrids/tabs","https://tailgrids.com/docs/components/tabs",0,"",["tabs",0,5,6],73,"tabs","tabs|tab bar,settings,segmented control,navigation|no icons,monochrome|c"],["Text area","tailgrids","A multiline text input component.","npx shadcn@latest add @tailgrids/text-area","https://tailgrids.com/docs/components/text-area",0,"",["text-area",0,6,6],57,"text","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Text field","tailgrids","A wrapper for text inputs.","npx shadcn@latest add @tailgrids/text-field","https://tailgrids.com/docs/components/text-field",0,"",["text-field",0,7,6],59,"input","input|text effect,text field,form,form control|no icons,monochrome,minimal|c"],["Time field","tailgrids","A segment-based time input component.","npx shadcn@latest add @tailgrids/time-field","https://tailgrids.com/docs/components/time-field",0,"",["time-field",0,0,7],54,"input","time picker|input,time input,clock|no icons,monochrome,minimal|c"],["Time picker","tailgrids","A component to select a time.","npx shadcn@latest add @tailgrids/time-picker","https://tailgrids.com/docs/components/time-picker",0,"",["time-picker",0,1,7],15,"dropdown","time picker|select,time input,clock|no icons,monochrome,minimal|c"],["Toast","tailgrids","A toast component for displaying notifications.","npx shadcn@latest add @tailgrids/toast","https://tailgrids.com/docs/components/toast",0,"",["toast",0,2,7],67,"toast","toast|notification,alert,message|icons|c"],["Toggle","tailgrids","A toggle switch component.","npx shadcn@latest add @tailgrids/toggle","https://tailgrids.com/docs/components/toggle",0,"",["toggle",0,3,7],18,"switch","switch|toggle,on off,settings|no icons|c"],["Tooltip","tailgrids","A tooltip component.","npx shadcn@latest add @tailgrids/tooltip","https://tailgrids.com/docs/components/tooltip",0,"",["tooltip",0,4,7],15,"misc","tooltip|hover,popover,hint|icons|c"],["Alert","basecn","Displays a callout for user attention.","npx shadcn@latest add @basecn/alert","https://basecn.dev/docs/components/alert",0,"",["alert",0,1,0],79,"toast","alert|message,banner,callout|icons,monochrome|c"],["Accordion","basecn","A set of collapsible panels with headings.","npx shadcn@latest add @basecn/accordion","https://basecn.dev/docs/components/accordion",0,"",["accordion",0,0,0],59,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Autocomplete","basecn","An input that suggests options as you type.","npx shadcn@latest add @basecn/autocomplete","https://basecn.dev/docs/components/autocomplete",0,"",["autocomplete",0,4,0],47,"input","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Alert Dialog","basecn","A dialog that requires user response to proceed.","npx shadcn@latest add @basecn/alert-dialog","https://basecn.dev/docs/components/alert-dialog",0,"",["alert-dialog",0,2,0],10,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Aspect Ratio","basecn","Displays content within a desired ratio.","npx shadcn@latest add @basecn/aspect-ratio","https://basecn.dev/docs/components/aspect-ratio",0,"",["aspect-ratio",0,3,0],88,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Avatar","basecn","An easily stylable avatar component.","npx shadcn@latest add @basecn/avatar","https://basecn.dev/docs/components/avatar",0,"",["avatar",0,5,0],43,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","basecn","Displays a badge or a component that looks like a badge.","npx shadcn@latest add @basecn/badge","https://basecn.dev/docs/components/badge",0,"",["badge",0,6,0],77,"misc","badge|label,status,pill|icons,monochrome,minimal|c"],["Breadcrumb","basecn","Displays the path to the current resource using a hierarchy of links.","npx shadcn@latest add @basecn/breadcrumb","https://basecn.dev/docs/components/breadcrumb",0,"",["breadcrumb",0,7,0],39,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button","basecn","Displays a button or a component that looks like a button.","npx shadcn@latest add @basecn/button","https://basecn.dev/docs/components/button",0,"",["button",0,0,1],14,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button Group","basecn","A container that groups related buttons together with consistent styling.","npx shadcn@latest add @basecn/button-group","https://basecn.dev/docs/components/button-group",0,"",["button-group",0,1,1],49,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Card","basecn","Displays a card with header, content, and footer.","npx shadcn@latest add @basecn/card","https://basecn.dev/docs/components/card",0,"",["card",0,3,1],82,"card","card|container,login,surface|no icons,monochrome|c"],["Carousel","basecn","A carousel with motion and swipe built using Embla.","npx shadcn@latest add @basecn/carousel","https://basecn.dev/docs/components/carousel",0,"",["carousel",0,4,1],35,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Calendar","basecn","A date field component that allows users to enter and edit date.","npx shadcn@latest add @basecn/calendar","https://basecn.dev/docs/components/calendar",0,"",["calendar",0,2,1],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Checkbox","basecn","A control that allows the user to toggle between checked and not checked.","npx shadcn@latest add @basecn/checkbox","https://basecn.dev/docs/components/checkbox",0,"",["checkbox",0,5,1],87,"input","checkbox|form,notifications,checklist|icons,monochrome|c"],["Collapsible","basecn","An interactive component which expands/collapses a panel.","npx shadcn@latest add @basecn/collapsible","https://basecn.dev/docs/components/collapsible",0,"",["collapsible",0,6,1],56,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Command","basecn","Fast, composable, unstyled command menu for React.","npx shadcn@latest add @basecn/command","https://basecn.dev/docs/components/command",0,"",["command",0,0,2],74,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Combobox","basecn","An input combined with a list of predefined items to select.","npx shadcn@latest add @basecn/combobox","https://basecn.dev/docs/components/combobox",0,"",["combobox",0,7,1],45,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Context Menu","basecn","Displays a menu to the user — such as a set of actions or functions — triggered by a button.","npx shadcn@latest add @basecn/context-menu","https://basecn.dev/docs/components/context-menu",0,"",["context-menu",0,1,2],14,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Dialog","basecn","A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.","npx shadcn@latest add @basecn/dialog","https://basecn.dev/docs/components/dialog",0,"",["dialog",0,2,2],11,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Drawer","basecn","A drawer component for React.","npx shadcn@latest add @basecn/drawer","https://basecn.dev/docs/components/drawer",0,"",["drawer",0,3,2],11,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer (Base UI)","basecn","A panel that slides in from the edge of the screen.","npx shadcn@latest add @basecn/drawer-base","https://basecn.dev/docs/components/drawer-base",0,"",["drawer-base",0,4,2],48,"misc","drawer|sheet,notifications,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown Menu","basecn","Displays a menu to the user — such as a set of actions or functions — triggered by a button.","npx shadcn@latest add @basecn/dropdown-menu","https://basecn.dev/docs/components/dropdown-menu",0,"",["dropdown-menu",0,5,2],8,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Field","basecn","Combine labels, controls, and help text to compose accessible form fields and grouped inputs.","npx shadcn@latest add @basecn/field","https://basecn.dev/docs/components/field",0,"",["field",0,7,2],65,"input","input|text field,form,form control|icons,monochrome|c"],["Form","basecn","Renders a form built with React Hook Form.","npx shadcn@latest add @basecn/form","https://basecn.dev/docs/components/form-with-tanstack-form",0,"",["form-tanstack",0,1,3],73,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Empty","basecn","Use the Empty component to display an empty state.","npx shadcn@latest add @basecn/empty","https://basecn.dev/docs/components/empty",0,"",["empty",0,6,2],73,"misc","empty state|placeholder,illustration|icons,monochrome|c"],["Form","basecn","Renders a form built with Tanstack Form.","npx shadcn@latest add @basecn/form-tanstack","https://basecn.dev/docs/components/form-with-tanstack-form",0,"",["form-tanstack",0,1,3],73,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Hover Card","basecn","For sighted users to preview content available behind a link.","npx shadcn@latest add @basecn/hover-card","https://basecn.dev/docs/components/hover-card",0,"",["hover-card",0,2,3],4,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Input","basecn","Displays a form input field or a component that looks like an input field.","npx shadcn@latest add @basecn/input","https://basecn.dev/docs/components/input",0,"",["input",0,3,3],7,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input Group","basecn","Display additional information or actions to an input or textarea.","npx shadcn@latest add @basecn/input-group","https://basecn.dev/docs/components/input-group",0,"",["input-group",0,4,3],70,"input","input|text field,form,form control|icons,monochrome|c"],["Item","basecn","A versatile component that you can use to display any content.","npx shadcn@latest add @basecn/item","https://basecn.dev/docs/components/item",0,"",["item",0,5,3],60,"misc","card|container,surface|icons,monochrome|c"],["Label","basecn","Renders an accessible label associated with controls.","npx shadcn@latest add @basecn/label","https://basecn.dev/docs/components/label",0,"",["label",0,7,3],11,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Menubar","basecn","A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","npx shadcn@latest add @basecn/menubar","https://basecn.dev/docs/components/menubar",0,"",["menubar",0,0,4],12,"command","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Kbd","basecn","Used to display textual user input from keyboard.","npx shadcn@latest add @basecn/kbd","https://basecn.dev/docs/components/kbd",0,"",["kbd",0,6,3],36,"input","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Navigation Menu","basecn","A collection of links for navigating websites.","npx shadcn@latest add @basecn/navigation-menu","https://basecn.dev/docs/components/navigation-menu",0,"",["navigation-menu",0,1,4],36,"navbar|b","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|b"],["Pagination","basecn","Pagination with page navigation, next and previous links.","npx shadcn@latest add @basecn/pagination","https://basecn.dev/docs/components/pagination",0,"",["pagination",0,2,4],46,"navbar","pagination|pages,navigation|icons,monochrome|c"],["Popover","basecn","Displays rich content in a portal, triggered by a button.","npx shadcn@latest add @basecn/popover","https://basecn.dev/docs/components/popover",0,"",["popover",0,3,4],11,"button","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Progress","basecn","Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.","npx shadcn@latest add @basecn/progress","https://basecn.dev/docs/components/progress",0,"",["progress",0,4,4],46,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Radio Group","basecn","A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.","npx shadcn@latest add @basecn/radio-group","https://basecn.dev/docs/components/radio-group",0,"",["radio-group",0,5,4],45,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["Resizable","basecn","Accessible resizable panel groups and layouts with keyboard support.","npx shadcn@latest add @basecn/resizable","https://basecn.dev/docs/components/resizable",0,"",["resizable",0,6,4],60,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Scroll Area","basecn","Augments native scroll functionality for custom, cross-browser styling.","npx shadcn@latest add @basecn/scroll-area","https://basecn.dev/docs/components/scroll-area",0,"",["scroll-area",0,7,4],20,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select","basecn","Displays a list of options for the user to pick from—triggered by a button.","npx shadcn@latest add @basecn/select","https://basecn.dev/docs/components/select",0,"",["select",0,0,5],9,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","basecn","Visually or semantically separates content.","npx shadcn@latest add @basecn/separator","https://basecn.dev/docs/components/separator",0,"",["separator",0,1,5],60,"misc","divider|separator,line,layout|no icons,monochrome|c"],["Separator (Extended)","basecn","Visually or semantically separates content.","npx shadcn@latest add @basecn/separator-extended","https://basecn.dev/docs/components/separator-extended",0,"",["separator-extended",0,2,5],60,"misc","divider|separator,line,layout|no icons,monochrome|c"],["Sheet","basecn","Extends the Dialog component to display content that complements the main content of the screen.","npx shadcn@latest add @basecn/sheet","https://basecn.dev/docs/components/sheet",0,"",["sheet",0,3,5],8,"dialog","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Skeleton","basecn","Use to show a placeholder while content is loading.","npx shadcn@latest add @basecn/skeleton","https://basecn.dev/docs/components/skeleton",0,"",["skeleton",0,4,5],5,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Slider","basecn","An input where the user selects a value from within a given range.","npx shadcn@latest add @basecn/slider","https://basecn.dev/docs/components/slider",0,"",["slider",0,5,5],45,"input","slider|range,input|no icons,monochrome,minimal|c"],["Sonner","basecn","An opinionated toast component for React.","npx shadcn@latest add @basecn/sonner","https://basecn.dev/docs/components/sonner",0,"",["sonner",0,6,5],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Spinner","basecn","An indicator that can be used to show a loading state.","npx shadcn@latest add @basecn/spinner","https://basecn.dev/docs/components/spinner",0,"",["spinner",0,7,5],59,"loader","loader|spinner,pricing,loading,progress|icons,monochrome,minimal|c"],["Switch","basecn","A control that allows the user to toggle between checked and not checked.","npx shadcn@latest add @basecn/switch","https://basecn.dev/docs/components/switch",0,"",["switch",0,0,6],10,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Table","basecn","A responsive table component.","npx shadcn@latest add @basecn/table","https://basecn.dev/docs/components/table",0,"",["table",0,1,6],66,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Tabs","basecn","A set of layered sections of content, known as tab panels, that are displayed one at a time.","npx shadcn@latest add @basecn/tabs","https://basecn.dev/docs/components/tabs",0,"",["tabs",0,2,6],70,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Textarea","basecn","Displays a form textarea or a component that looks like a textarea.","npx shadcn@latest add @basecn/textarea","https://basecn.dev/docs/components/textarea",0,"",["textarea",0,3,6],48,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Toggle","basecn","A two-state button that can be either on or off.","npx shadcn@latest add @basecn/toggle","https://basecn.dev/docs/components/toggle",0,"",["toggle",0,4,6],6,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle Group","basecn","A set of two-state buttons that can be toggled on or off.","npx shadcn@latest add @basecn/toggle-group","https://basecn.dev/docs/components/toggle-group",0,"",["toggle-group",0,5,6],8,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Tooltip","basecn","A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.","npx shadcn@latest add @basecn/tooltip","https://basecn.dev/docs/components/tooltip",0,"",["tooltip",0,6,6],8,"dialog","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Safari browser mockup","eldora","A safari browser component.","npx shadcn@latest add @eldoraui/safari-browser","https://www.eldoraui.site/docs/components/safari-browser",0,"",["safari-browser",0,4,5],100,"misc","card|container,surface|no icons|c"],["MacBook Pro mockup","eldora","A MacBook Pro SVG component.","npx shadcn@latest add @eldoraui/macbook-pro","https://www.eldoraui.site/docs/components/macbook-pro",0,"",["macbook-pro",0,3,4],100,"misc","image|media,mockup|no icons|c"],["iPhone 17 Pro mockup","eldora","An iPhone 17 Pro SVG component.","npx shadcn@latest add @eldoraui/iphone-17-pro","https://www.eldoraui.site/docs/components/iphone-17-pro",0,"",["iphone-17-pro",0,3,3],98,"media","image|media,mockup|no icons|c"],["iPad mockup","eldora","An iPad SVG component.","npx shadcn@latest add @eldoraui/ipad","https://www.eldoraui.site/docs/components/ipad",0,"",["ipad",0,2,3],100,"misc","card|container,surface|no icons|c"],["Browser window mockup","eldora","A browser SVG component.","npx shadcn@latest add @eldoraui/browser","https://www.eldoraui.site/docs/components/browser",0,"",["browser",0,6,0],80,"misc","input|text field,form,form control|icons,monochrome|c"],["Cobe globe","eldora","A cobe globe component.","npx shadcn@latest add @eldoraui/cobe-globe","https://www.eldoraui.site/docs/components/cobe-globe",0,"",["cobe-globe",0,1,1],90,"map","map|globe,location|no icons|c"],["GitHub inline comments","eldora","A github inline comments component.","npx shadcn@latest add @eldoraui/github-inline-comments","https://www.eldoraui.site/docs/components/github-inline-comments",0,"",["github-inline-comments",0,2,2],66,"misc","card|container,surface|icons,monochrome|c"],["Animated badge","eldora","An animated badge component.","npx shadcn@latest add @eldoraui/animated-badge","https://www.eldoraui.site/docs/components/animated-badge",0,"",["animated-badge",0,0,0],52,"misc","badge|label,status,pill|icons,animated|c"],["Grid background","eldora","A grid component.","npx shadcn@latest add @eldoraui/grid","https://www.eldoraui.site/docs/components/grid",0,"",["grid",0,4,2],52,"misc","data table|table,rows,spreadsheet|no icons,monochrome,minimal|c"],["Clerk OTP input","eldora","A clerk OTP component.","npx shadcn@latest add @eldoraui/clerk-otp","https://www.eldoraui.site/docs/components/clerk-otp",0,"",["clerk-otp",0,0,1],83,"input","otp input|input,verification,code|no icons,monochrome|c"],["Marquee","eldora","A performant, customizable marquee (scrolling text/content) component.","npx shadcn@latest add @eldoraui/marquee","https://www.eldoraui.site/docs/components/integrations",0,"",["marquee",0,5,4],66,"carousel","marquee|infinite scroll,logos,animation|no icons,animated,monochrome|c"],["Integrations","eldora","An integrations component.","npx shadcn@latest add @eldoraui/integrations","https://www.eldoraui.site/docs/components/integrations",0,"",["integrations",0,1,3],88,"misc|b","integrations|logos,apps|no icons,avatar,animated,monochrome,minimal|b"],["Terminal","eldora","A terminal component.","npx shadcn@latest add @eldoraui/terminal","https://www.eldoraui.site/docs/components/terminal",0,"",["terminal",0,0,6],83,"misc","terminal|code,command line|icons,monochrome|c"],["Testimonial slider","eldora","A testimonial slider component.","npx shadcn@latest add @eldoraui/testimonal-slider","https://www.eldoraui.site/docs/components/testimonal-slider",0,"",["testimonal-slider",0,4,6],100,"carousel","slider|range,input|no icons,avatar,monochrome|c"],["World map","eldora","An animated map component with location markers.","npx shadcn@latest add @eldoraui/map","https://www.eldoraui.site/docs/components/map",0,"",["map",0,4,4],0,"map","map|globe,location|no icons,monochrome,minimal|c"],["SVG ripple effect","eldora","An SVG ripple effect component.","npx shadcn@latest add @eldoraui/svg-ripple-effect","https://www.eldoraui.site/docs/components",0,"",["svg-ripple-effect",0,7,5],46,"misc","background|animated background,effect,hero background|no icons,avatar|c"],["Animated frameworks","eldora","An animated frameworks component.","npx shadcn@latest add @eldoraui/animated-frameworks","https://www.eldoraui.site/docs/components/animated-frameworks",0,"",["animated-frameworks",0,1,0],81,"misc","image|media,mockup|no icons,animated|c"],["Blur in text","eldora","A blur in text component.","npx shadcn@latest add @eldoraui/blur-in-text","https://www.eldoraui.site/docs/components/blur-in-text",0,"",["blur-in-text",0,5,0],11,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Fade text","eldora","A combined fade text component with support for in, up, and down directions.","npx shadcn@latest add @eldoraui/fade-text","https://www.eldoraui.site/docs/components/fade-text",0,"",["fade-text",0,6,1],57,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Gradual spacing text","eldora","A gradual spacing text component.","npx shadcn@latest add @eldoraui/gradual-spacing-text","https://www.eldoraui.site/docs/components/gradual-spacing-text",0,"",["gradual-spacing-text",0,3,2],55,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Letter pull up text","eldora","A letter pull up text component.","npx shadcn@latest add @eldoraui/letter-pull-up-text","https://www.eldoraui.site/docs/components/letter-pull-up-text",0,"",["letter-pull-up-text",0,4,3],50,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Multi direction slide text","eldora","A multi direction slide text component.","npx shadcn@latest add @eldoraui/multi-direction-slide-text","https://www.eldoraui.site/docs/components/multi-direction-slide-text",0,"",["multi-direction-slide-text",0,6,4],61,"text","text effect|carousel,text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Separate away text","eldora","A seperate away text component.","npx shadcn@latest add @eldoraui/seperate-away-text","https://www.eldoraui.site/docs/components/seperate-away-text",0,"",["seperate-away-text",0,6,5],54,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Wavy text","eldora","A wavy text component.","npx shadcn@latest add @eldoraui/wavy-text","https://www.eldoraui.site/docs/components/wavy-text",0,"",["wavy-text",0,5,6],45,"text","text effect|background,text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Word pull up text","eldora","A word pull up text component.","npx shadcn@latest add @eldoraui/word-pull-up-text","https://www.eldoraui.site/docs/components/word-pull-up-text",0,"",["word-pull-up-text",0,6,6],50,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Novatrix background","eldora","A novatrix background component.","npx shadcn@latest add @eldoraui/novatrix-background","https://www.eldoraui.site/docs/components/novatrix-background",0,"",["novatrix-background",0,7,4],90,"background","background|animated background,effect,hero background|no icons|c"],["Photon beam","eldora","A photon beam background component with animated light trails.","npx shadcn@latest add @eldoraui/photon-beam","https://www.eldoraui.site/docs/components/photon-beam",0,"",["photon-beam",0,1,5],63,"background","background|image,animated background,effect,hero background|no icons|c"],["Hacker background","eldora","A hacker background component.","npx shadcn@latest add @eldoraui/hacker-background","https://www.eldoraui.site/docs/components/hacker-background",0,"",["hacker-background",0,5,2],67,"background","background|animated background,effect,hero background|no icons|c"],["Card flip hover","eldora","A card flip hover component.","npx shadcn@latest add @eldoraui/card-flip-hover","https://www.eldoraui.site/docs/components/card-flip-hover",0,"",["card-flip-hover",0,7,0],81,"card","card|container,surface|no icons,images,monochrome,minimal|c"],["Scale letter text","eldora","A scale letter text component.","npx shadcn@latest add @eldoraui/scale-letter-text","https://www.eldoraui.site/docs/components/scale-letter-text",0,"",["scale-letter-text",0,5,5],47,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Font weight text","eldora","A font weight text component.","npx shadcn@latest add @eldoraui/font-weight-text","https://www.eldoraui.site/docs/components/font-weight-text",0,"",["font-weight-text",0,0,2],65,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Animated grid pattern","eldora","An animated grid pattern component.","npx shadcn@latest add @eldoraui/animated-grid-pattern","https://www.eldoraui.site/docs/components/grid",0,"",["animated-grid-pattern",0,2,0],84,"background","background|animated background,effect,hero background|no icons,animated|c"],["Live button","eldora","A live button component.","npx shadcn@latest add @eldoraui/live-button","https://www.eldoraui.site/docs/components/live-button",0,"",["live-button",0,5,3],27,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Animated shiny button","eldora","An animated shiny button component.","npx shadcn@latest add @eldoraui/animated-shiny-button","https://www.eldoraui.site/docs/components/animated-shiny-button",0,"",["animated-shiny-button",0,4,0],54,"button","button|cta,click,action|icons,animated,monochrome,minimal|c"],["Animated list","eldora","An animated list component.","npx shadcn@latest add @eldoraui/animated-list","https://www.eldoraui.site/docs/components/animated-list",0,"",["animated-list",0,3,0],92,"misc","list|items,rows|no icons,animated,monochrome|c"],["Orbit rotation","eldora","An orbit rotation component with customizable icons.","npx shadcn@latest add @eldoraui/orbit-rotation","https://www.eldoraui.site/docs/components",0,"",["orbit-rotation",0,0,5],74,"misc","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Logo timeline","eldora","An animated logo timeline component with horizontal scrolling logos.","npx shadcn@latest add @eldoraui/logo-timeline","https://www.eldoraui.site/docs/components/logo-timeline",0,"",["logo-timeline",0,2,4],80,"misc","timeline|history,steps,activity|icons,animated,monochrome|c"],["Text dock","eldora","A dock text component with interactive hover effects.","npx shadcn@latest add @eldoraui/dock-text","https://www.eldoraui.site/docs/components/dock-text",0,"",["dock-text",0,5,1],64,"text","text effect|dock,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Holographic card","eldora","An interactive card with a holographic gradient and mouse‑reactive tilt effect.","npx shadcn@latest add @eldoraui/holographic-card","https://www.eldoraui.site/docs/components",0,"",["holographic-card",0,0,3],98,"card","card|container,surface|no icons,monochrome,minimal|c"],["Header 01","eldora","A simple header.","npx shadcn@latest add @eldoraui/header-01","https://www.eldoraui.site/blocks",0,"",["header-01",0,6,2],73,"navbar|b","navbar|header,navigation,menu|icons,monochrome|b"],["Header 02","eldora","A simple header.","npx shadcn@latest add @eldoraui/header-02","https://www.eldoraui.site/blocks",0,"",["header-02",0,7,2],75,"navbar|b","navbar|header,pricing,navigation,menu|icons,monochrome|b"],["Logo cloud 01","eldora","A simple logo cloud.","npx shadcn@latest add @eldoraui/logo-cloud-01","https://www.eldoraui.site/blocks",0,"",["logo-cloud-01",0,6,3],76,"section|b","logo cloud|logos,brands,social proof|icons,monochrome|b"],["Logo cloud 02","eldora","A logo cloud with flex wrap layout.","npx shadcn@latest add @eldoraui/logo-cloud-02","https://www.eldoraui.site/blocks",0,"",["logo-cloud-02",0,7,3],75,"section|b","logo cloud|logos,brands,social proof|no icons,images,monochrome,minimal|b"],["Logo cloud 03","eldora","A logo cloud with marquee effect.","npx shadcn@latest add @eldoraui/logo-cloud-03","https://www.eldoraui.site/blocks",0,"",["logo-cloud-03",0,0,4],26,"section|b","logo cloud|logos,brands,social proof|no icons,images,animated,monochrome,minimal|b"],["Logo cloud 04","eldora","A logo cloud with motion.","npx shadcn@latest add @eldoraui/logo-cloud-04","https://www.eldoraui.site/blocks",0,"",["logo-cloud-04",0,1,4],75,"section|b","logo cloud|logos,brands,social proof|no icons,images,animated,monochrome,minimal|b"],["Testimonal 01","eldora","A testimonial slider.","npx shadcn@latest add @eldoraui/testimonal-01","https://www.eldoraui.site/blocks",0,"",["testimonal-01",0,1,6],63,"carousel","carousel|slider,gallery,swipe|icons,avatar,images,monochrome|c"],["Testimonal 02","eldora","A testimonial marquee.","npx shadcn@latest add @eldoraui/testimonal-02","https://www.eldoraui.site/blocks",0,"",["testimonal-02",0,2,6],93,"card","marquee|infinite scroll,logos,animation|icons,avatar,images,animated,monochrome|c"],["Testimonal 03","eldora","A testimonial card grid.","npx shadcn@latest add @eldoraui/testimonal-03","https://www.eldoraui.site/blocks",0,"",["testimonal-03",0,3,6],64,"card","card|container,surface|no icons,avatar,images,monochrome|c"],["Features 01","eldora","Features section with accordion and image carousel.","npx shadcn@latest add @eldoraui/features-01","https://www.eldoraui.site/blocks",0,"",["features-01",0,7,1],70,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Cta 01","eldora","CTA with heading, grid background, and animated side lines.","npx shadcn@latest add @eldoraui/cta-01","https://www.eldoraui.site/blocks",0,"",["cta-01",0,2,1],69,"button|b","cta section|call to action,media,banner|no icons,animated,monochrome|b"],["Cta 02","eldora","CTA with heading, button, and orbiting app icons.","npx shadcn@latest add @eldoraui/cta-02","https://www.eldoraui.site/blocks",0,"",["cta-02",0,3,1],80,"button|b","cta section|call to action,banner|icons,animated,monochrome|b"],["Cta 03","eldora","CTA with heading, button, and ripple background.","npx shadcn@latest add @eldoraui/cta-03","https://www.eldoraui.site/blocks",0,"",["cta-03",0,4,1],85,"button|b","cta section|call to action,banner|no icons,avatar,images,animated,monochrome|b"],["Pricing 01","eldora","A pricing section.","npx shadcn@latest add @eldoraui/pricing-01","https://www.eldoraui.site/blocks",0,"",["pricing-01",0,2,5],90,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Pricing 02","eldora","A pricing table with a dropdown menu.","npx shadcn@latest add @eldoraui/pricing-02","https://www.eldoraui.site/blocks",0,"",["pricing-02",0,3,5],69,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Footer 01","eldora","A footer.","npx shadcn@latest add @eldoraui/footer-01","https://www.eldoraui.site/blocks",0,"",["footer-01",0,1,2],72,"section|b","footer|links,site footer|icons,monochrome|b"],["Aurora Background","velora","Velora's signature drifting aurora gradient backdrop.","npx shadcn@latest add @velora/aurora-background","https://velora.colorlib.com/components/aurora-background",0,"",["aurora-background",0,4,1],99,"background","background|animated background,effect,hero background|no icons,animated,monochrome|c"],["Background Beams","velora","Light beams flowing along curved paths behind content.","npx shadcn@latest add @velora/background-beams","https://velora.colorlib.com/components/background-beams",0,"",["background-beams",0,0,2],89,"background","background|animated background,effect,hero background|no icons|c"],["Background Boxes","velora","An isometric grid whose cells light up in brand tints under the pointer.","npx shadcn@latest add @velora/background-boxes","https://velora.colorlib.com/components/background-boxes",0,"",["background-boxes",0,1,2],2,"background","card|background,container,surface|no icons,monochrome,minimal|c"],["Dotted Glow Background","velora","Canvas dot grid where drifting glows brighten dots and tint them toward the brand.","npx shadcn@latest add @velora/dotted-glow-background","https://velora.colorlib.com/components/dotted-glow-background",0,"",["dotted-glow-background",0,2,4],90,"background","background|animated background,effect,hero background|no icons|c"],["Flickering Grid","velora","Grid of squares fading in and out on staggered timers.","npx shadcn@latest add @velora/flickering-grid","https://velora.colorlib.com/components/flickering-grid",0,"",["flickering-grid",0,7,5],75,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Grid & Dot Pattern","velora","SVG grid and dot backdrops with maskable depth.","npx shadcn@latest add @velora/grid-pattern","https://velora.colorlib.com/components/grid-pattern",0,"",["grid-pattern",0,2,7],74,"misc","background|animated background,effect,hero background|no icons|c"],["Lamp","velora","A glowing lamp-line header that expands into view.","npx shadcn@latest add @velora/lamp","https://velora.colorlib.com/components/lamp",0,"",["lamp",0,5,8],100,"navbar|b","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Light Rays","velora","God rays fanning down from the top of a section.","npx shadcn@latest add @velora/light-rays","https://velora.colorlib.com/components/light-rays",0,"",["light-rays",0,0,9],81,"section|b","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Meteors","velora","Falling meteor streaks for dark hero and CTA sections.","npx shadcn@latest add @velora/meteors","https://velora.colorlib.com/components/meteors",0,"",["meteors",0,0,10],67,"section|b","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Noise Background","velora","Drifting brand-gradient blobs under a static film-grain overlay; wraps its content.","npx shadcn@latest add @velora/noise-background","https://velora.colorlib.com/components/noise-background",0,"",["noise-background",0,7,10],99,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Particles","velora","Drifting, twinkling particle field on a lightweight canvas.","npx shadcn@latest add @velora/particles","https://velora.colorlib.com/components/particles",0,"",["particles",0,3,11],69,"background","background|animated background,effect,hero background|no icons|c"],["Retro Grid","velora","Perspective grid scrolling forever toward the horizon.","npx shadcn@latest add @velora/retro-grid","https://velora.colorlib.com/components/retro-grid",0,"",["retro-grid",1,2,0],76,"misc","marquee|infinite scroll,logos,animation|no icons,monochrome,minimal|c"],["Ripple","velora","Concentric rings pulsing outward — calm 'listening' backdrop.","npx shadcn@latest add @velora/ripple","https://velora.colorlib.com/components/ripple",0,"",["ripple",1,3,0],82,"misc","background|animated background,effect,hero background|icons,animated,monochrome,minimal|c"],["Shooting Stars","velora","A twinkling star field with brand-tinted streaks shooting across at random.","npx shadcn@latest add @velora/shooting-stars","https://velora.colorlib.com/components/shooting-stars",0,"",["shooting-stars",1,0,1],85,"background","rating|background,stars,review,input|no icons|c"],["Vortex","velora","Brand-tinted particles spiralling into the centre, leaving soft fading trails.","npx shadcn@latest add @velora/vortex","https://velora.colorlib.com/components/vortex",0,"",["vortex",1,7,3],77,"background","background|animated background,effect,hero background|no icons|c"],["Wavy Background","velora","Blurred, translucent ribbons of brand colour flowing sideways on a canvas.","npx shadcn@latest add @velora/wavy-background","https://velora.colorlib.com/components/wavy-background",0,"",["wavy-background",1,0,4],100,"background","background|animated background,effect,hero background|no icons|c"],["Animated Gradient Text","velora","Brand gradient sweeping continuously through text.","npx shadcn@latest add @velora/animated-gradient-text","https://velora.colorlib.com/components/animated-gradient-text",0,"",["animated-gradient-text",0,4,0],66,"background","text effect|background,text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Flip Words","velora","Cycles words with a springy blur-flip transition.","npx shadcn@latest add @velora/flip-words","https://velora.colorlib.com/components/flip-words",0,"",["flip-words",0,0,6],59,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Hyper Text","velora","Scrambles through letters and resolves into the real text.","npx shadcn@latest add @velora/hyper-text","https://velora.colorlib.com/components/hyper-text",0,"",["hyper-text",0,2,8],11,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Morphing Text","velora","Blurs one phrase out as the next resolves in.","npx shadcn@latest add @velora/morphing-text","https://velora.colorlib.com/components/morphing-text",0,"",["morphing-text",0,1,10],0,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Number Ticker","velora","Springs a number up when it enters the viewport.","npx shadcn@latest add @velora/number-ticker","https://velora.colorlib.com/components/number-ticker",0,"",["number-ticker",0,0,11],49,"text","number ticker|marquee,counter,text effect,animated number|no icons,monochrome,minimal|c"],["Sparkles Text","velora","Twinkling stars orbiting your headline.","npx shadcn@latest add @velora/sparkles-text","https://velora.colorlib.com/components/sparkles-text",0,"",["sparkles-text",1,2,1],53,"text","text effect|background,text animation,typography,animated text|icons,monochrome|c"],["Text Highlighter","velora","Marker-pen sweep that draws in when the phrase scrolls into view.","npx shadcn@latest add @velora/text-highlighter","https://velora.colorlib.com/components/text-highlighter",0,"",["text-highlighter",1,4,2],66,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text Hover Effect","velora","Giant outlined word that draws in, then glows in brand colours under the pointer.","npx shadcn@latest add @velora/text-hover-effect","https://velora.colorlib.com/components/text-hover-effect",0,"",["text-hover-effect",1,5,2],49,"text","text effect|text animation,typography,animated text|no icons|c"],["Text Reveal","velora","Word-by-word blur reveal on scroll.","npx shadcn@latest add @velora/text-reveal","https://velora.colorlib.com/components/text-reveal",0,"",["text-reveal",1,6,2],56,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Text Shimmer","velora","A soft light sweep — great for AI loading states.","npx shadcn@latest add @velora/text-shimmer","https://velora.colorlib.com/components/text-shimmer",0,"",["text-shimmer",1,7,2],45,"text","skeleton|text effect,loading,placeholder|no icons,monochrome,minimal|c"],["Typewriter","velora","Types, holds and deletes through a list of words.","npx shadcn@latest add @velora/typewriter","https://velora.colorlib.com/components/typewriter",0,"",["typewriter",1,5,3],60,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Word Rotate","velora","Swaps a single word on a quiet vertical roll.","npx shadcn@latest add @velora/word-rotate","https://velora.colorlib.com/components/word-rotate",0,"",["word-rotate",1,2,4],58,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Confetti","velora","Dependency-free confetti burst, fired from anywhere.","npx shadcn@latest add @velora/confetti","https://velora.colorlib.com/components/confetti",0,"",["confetti",0,2,3],21,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Magnetic Button","velora","Leans toward the cursor and springs back on leave.","npx shadcn@latest add @velora/magnetic-button","https://velora.colorlib.com/components/magnetic-button",0,"",["magnetic-button",0,6,9],29,"button","button|cta,click,action|no icons,animated,monochrome,minimal|c"],["Moving Border","velora","A light laps the button's border via offset-path.","npx shadcn@latest add @velora/moving-border","https://velora.colorlib.com/components/moving-border",0,"",["moving-border",0,2,10],14,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Rainbow Button","velora","CTA cycling the brand ramp, with a matching glow beneath.","npx shadcn@latest add @velora/rainbow-button","https://velora.colorlib.com/components/rainbow-button",0,"",["rainbow-button",1,0,0],75,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Ripple Button","velora","Expands a ripple from the exact point you pressed.","npx shadcn@latest add @velora/ripple-button","https://velora.colorlib.com/components/ripple-button",0,"",["ripple-button",1,4,0],9,"button","button|background,cta,click,action|no icons,monochrome,minimal|c"],["Shimmer Button","velora","CTA button with a continuous light sweep.","npx shadcn@latest add @velora/shimmer-button","https://velora.colorlib.com/components/shimmer-button",0,"",["shimmer-button",1,7,0],75,"button","button|skeleton,cta,click,action|icons,monochrome,minimal|c"],["Stateful Button","velora","Button that morphs through loading, success and error states while a Promise settles.","npx shadcn@latest add @velora/stateful-button","https://velora.colorlib.com/components/stateful-button",0,"",["stateful-button",1,4,1],75,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Theme Toggler","velora","Wipes the new theme in as a circle using View Transitions.","npx shadcn@latest add @velora/theme-toggler","https://velora.colorlib.com/components/theme-toggler",0,"",["theme-toggler",1,0,3],43,"misc","theme switcher|switch,dark mode,light mode|icons,monochrome,minimal|c"],["Animated List","velora","Looping feed that springs each item in, newest on top.","npx shadcn@latest add @velora/animated-list","https://velora.colorlib.com/components/animated-list",0,"",["animated-list",0,5,0],81,"misc","list|items,rows|icons,animated,monochrome,minimal|c"],["Animated Tooltip","velora","Avatar row with springy name tooltips on hover.","npx shadcn@latest add @velora/animated-tooltip","https://velora.colorlib.com/components/animated-tooltip",0,"",["animated-tooltip",0,2,1],32,"media","tooltip|hover,popover,hint|no icons,avatar,animated,monochrome|c"],["Avatar Circles","velora","Stacked initials avatars with a +N badge — zero images.","npx shadcn@latest add @velora/avatar-circles","https://velora.colorlib.com/components/avatar-circles",0,"",["avatar-circles",0,7,1],32,"media","avatar group|avatar,team,users|no icons,monochrome,minimal|c"],["Bento Grid","velora","Feature bento with hover-reveal CTAs and rich backgrounds.","npx shadcn@latest add @velora/bento-grid","https://velora.colorlib.com/components/bento-grid",0,"",["bento-grid",0,2,2],71,"card|b","features section|features,grid,landing page|no icons|b"],["Card Hover Effect","velora","Link-card grid with a highlight that glides to whichever card you hover or focus.","npx shadcn@latest add @velora/card-hover-effect","https://velora.colorlib.com/components/card-hover-effect",0,"",["card-hover-effect",0,6,2],63,"card","card|container,surface|icons,monochrome|c"],["Card Stack","velora","Deck that shuffles the top card to the back on a timer.","npx shadcn@latest add @velora/card-stack","https://velora.colorlib.com/components/card-stack",0,"",["card-stack",0,7,2],76,"carousel","carousel|card,slider,gallery,swipe|no icons,monochrome|c"],["Compare Slider","velora","Before/after wipe with a keyboard-accessible divider.","npx shadcn@latest add @velora/compare-slider","https://velora.colorlib.com/components/compare-slider",0,"",["compare-slider",0,1,3],100,"carousel","image compare|content section,before after,slider,image|icons,monochrome,minimal|c"],["Direction Aware Hover","velora","Overlay enters from the edge the cursor actually crossed.","npx shadcn@latest add @velora/direction-aware-hover","https://velora.colorlib.com/components/direction-aware-hover",0,"",["direction-aware-hover",0,0,4],61,"dialog","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Dock","velora","macOS-style dock with cursor magnification.","npx shadcn@latest add @velora/dock","https://velora.colorlib.com/components/dock",0,"",["dock",0,1,4],50,"misc","dock|navigation,icons,magnify|icons,monochrome|c"],["Draggable Card","velora","Scattered photo cards you can fling around with inertia, tilt and bounds.","npx shadcn@latest add @velora/draggable-card","https://velora.colorlib.com/components/draggable-card",0,"",["draggable-card",0,3,4],91,"card","card|container,surface|no icons,images,monochrome,minimal|c"],["Evervault Card","velora","Card that reveals shuffling brand-tinted characters through a mask following the pointer.","npx shadcn@latest add @velora/evervault-card","https://velora.colorlib.com/components/evervault-card",0,"",["evervault-card",0,4,4],72,"card","card|container,surface|no icons,monochrome,minimal|c"],["Expandable Card","velora","Expands into a centred panel with shared-layout transitions.","npx shadcn@latest add @velora/expandable-card","https://velora.colorlib.com/components/expandable-card",0,"",["expandable-card",0,5,4],97,"card","card|accordion,container,surface|no icons,monochrome,minimal|c"],["File Tree","velora","Collapsible tree for documenting project structure.","npx shadcn@latest add @velora/file-tree","https://velora.colorlib.com/components/file-tree",0,"",["file-tree",0,6,5],72,"upload","tree view|file tree,nested list|icons,monochrome|c"],["Focus Cards","velora","Image grid where the hovered card stays sharp while the others blur and step back.","npx shadcn@latest add @velora/focus-cards","https://velora.colorlib.com/components/focus-cards",0,"",["focus-cards",0,2,6],85,"card","card|container,surface|no icons,images,monochrome|c"],["Glare Card","velora","Sheet of light tracking the cursor, like a foil trading card.","npx shadcn@latest add @velora/glare-card","https://velora.colorlib.com/components/glare-card",0,"",["glare-card",0,7,6],91,"card","card|container,surface|icons,monochrome,minimal|c"],["Layout Grid","velora","Bento grid of image tiles that expand in place to reveal rich content.","npx shadcn@latest add @velora/layout-grid","https://velora.colorlib.com/components/layout-grid",0,"",["layout-grid",0,6,8],88,"accordion","accordion|collapsible,expand,faq|no icons,images,monochrome|c"],["Marquee","velora","Seamless scrolling loop — horizontal, vertical, hover-pause.","npx shadcn@latest add @velora/marquee","https://velora.colorlib.com/components/marquee",0,"",["marquee",0,7,9],41,"carousel","marquee|infinite scroll,logos,animation|no icons,animated,monochrome|c"],["Orbiting Circles","velora","Items evenly distributed on rotating orbital rings.","npx shadcn@latest add @velora/orbiting-circles","https://velora.colorlib.com/components/orbiting-circles",0,"",["orbiting-circles",0,1,11],61,"misc","background|animated background,effect,hero background|icons,animated,monochrome|c"],["Spotlight Card","velora","A radial glow that follows the cursor across the card.","npx shadcn@latest add @velora/spotlight-card","https://velora.colorlib.com/components/spotlight-card",0,"",["spotlight-card",1,3,1],75,"command","card|background,container,surface|no icons,monochrome,minimal|c"],["Tilt Card","velora","3D perspective tilt that tracks the cursor.","npx shadcn@latest add @velora/tilt-card","https://velora.colorlib.com/components/tilt-card",0,"",["tilt-card",1,1,3],100,"card","card|container,surface|icons,monochrome|c"],["Wobble Card","velora","Colored card that drifts toward the pointer, with parallax content and grain.","npx shadcn@latest add @velora/wobble-card","https://velora.colorlib.com/components/wobble-card",0,"",["wobble-card",1,1,4],96,"card","card|container,surface|no icons,monochrome|c"],["Animated Sidebar","velora","Icon rail that expands on hover or focus and turns into a drawer on narrow screens.","npx shadcn@latest add @velora/animated-sidebar","https://velora.colorlib.com/components/animated-sidebar",0,"",["animated-sidebar",0,7,0],84,"section|b","sidebar|navigation,settings,notifications,menu,layout|icons,animated,monochrome|b"],["Animated Tabs","velora","Tabs with a gliding pill and panels stacked like cards that peek behind.","npx shadcn@latest add @velora/animated-tabs","https://velora.colorlib.com/components/animated-tabs",0,"",["animated-tabs",0,0,1],95,"tabs","tabs|tab bar,segmented control,navigation|no icons,animated,monochrome|c"],["Floating Navbar","velora","Hides on scroll down, returns the moment you scroll up.","npx shadcn@latest add @velora/floating-navbar","https://velora.colorlib.com/components/floating-navbar",0,"",["floating-navbar",0,1,6],58,"navbar|b","navbar|header,navigation,menu|no icons,monochrome|b"],["Navbar Menu","velora","Hover-driven menu whose pill and panel morph between items.","npx shadcn@latest add @velora/navbar-menu","https://velora.colorlib.com/components/navbar-menu",0,"",["navbar-menu",0,6,10],17,"navbar|b","navbar|dropdown menu,header,navigation,menu|no icons,monochrome,minimal|b"],["Resizable Navbar","velora","Full-width navbar that shrinks into a floating, blurred pill once you scroll.","npx shadcn@latest add @velora/resizable-navbar","https://velora.colorlib.com/components/resizable-navbar",0,"",["resizable-navbar",1,1,0],90,"navbar|b","navbar|header,navigation,menu|no icons,monochrome|b"],["Sticky Banner","velora","Dismissible announcement bar pinned above the header.","npx shadcn@latest add @velora/sticky-banner","https://velora.colorlib.com/components/sticky-banner",0,"",["sticky-banner",1,6,1],86,"navbar|b","alert|message,banner,callout|icons,monochrome,minimal|c"],["File Drop","velora","Upload zone that lifts and glows while a file is over it.","npx shadcn@latest add @velora/file-drop","https://velora.colorlib.com/components/file-drop",0,"",["file-drop",0,5,5],64,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome,minimal|c"],["Stepper","velora","Progress indicator for multi-step forms and checkouts.","npx shadcn@latest add @velora/stepper","https://velora.colorlib.com/components/stepper",0,"",["stepper",1,5,1],64,"loader","stepper|steps,progress,onboarding|icons,monochrome,minimal|c"],["Vanish Input","velora","Search field whose placeholder cycles while empty.","npx shadcn@latest add @velora/vanish-input","https://velora.colorlib.com/components/vanish-input",0,"",["vanish-input",1,6,3],54,"input","input|text field,search,form,form control|icons,monochrome,minimal|c"],["Animated Modal","velora","Native dialog whose panel springs in with a tilt over a blurred backdrop.","npx shadcn@latest add @velora/animated-modal","https://velora.colorlib.com/components/animated-modal",0,"",["animated-modal",0,6,0],30,"dialog","dialog|modal,overlay,popup|no icons,animated,monochrome,minimal|c"],["Loaders","velora","Five tiny CSS loading indicators — dots, pulse, orbit, bars and spinner.","npx shadcn@latest add @velora/loaders","https://velora.colorlib.com/components/loaders",0,"",["loaders",0,1,9],70,"loader","loader|spinner,loading,progress|icons,animated,monochrome|c"],["Multi Step Loader","velora","Full-screen overlay that ticks through a list of steps, keeping the active one centred.","npx shadcn@latest add @velora/multi-step-loader","https://velora.colorlib.com/components/multi-step-loader",0,"",["multi-step-loader",0,3,10],28,"loader","loader|stepper,spinner,loading,progress|no icons,monochrome,minimal|c"],["Animated Testimonials","velora","Crossfades portraits behind a rotating quote.","npx shadcn@latest add @velora/animated-testimonials","https://velora.colorlib.com/components/animated-testimonials",0,"",["animated-testimonials",0,1,1],78,"card|b","testimonials|reviews,social proof,quotes|icons,animated,monochrome|b"],["Logo Cloud","velora","Customer logos muted until hovered, so they read as texture.","npx shadcn@latest add @velora/logo-cloud","https://velora.colorlib.com/components/logo-cloud",0,"",["logo-cloud",0,2,9],53,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Tweet Card","velora","Static social-proof card — props, not an API call.","npx shadcn@latest add @velora/tweet-card","https://velora.colorlib.com/components/tweet-card",0,"",["tweet-card",1,4,3],90,"card","card|container,surface|icons,avatar,monochrome|c"],["Container Scroll","velora","Screenshot panel that rotates flat as it scrolls into view.","npx shadcn@latest add @velora/container-scroll","https://velora.colorlib.com/components/container-scroll",0,"",["container-scroll",0,3,3],89,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Hero Parallax","velora","Hero copy over three card rows that slide apart as a tilted block flattens.","npx shadcn@latest add @velora/hero-parallax","https://velora.colorlib.com/components/hero-parallax",0,"",["hero-parallax",0,6,7],92,"section|b","hero section|scroll effect,landing page,header,headline|no icons,images,monochrome|b"],["Macbook Scroll","velora","A CSS-drawn laptop pins in place and opens its lid as the screenshot scales up.","npx shadcn@latest add @velora/macbook-scroll","https://velora.colorlib.com/components/macbook-scroll",0,"",["macbook-scroll",0,5,9],94,"misc","image|media,mockup|no icons,monochrome,minimal|c"],["Parallax Grid","velora","Gallery columns drifting at different rates for depth.","npx shadcn@latest add @velora/parallax-grid","https://velora.colorlib.com/components/parallax-grid",0,"",["parallax-grid",0,2,11],89,"kanban","scroll effect|scroll,animation|no icons,monochrome,minimal|c"],["Scroll Progress","velora","Gradient page-progress bar pinned to the top.","npx shadcn@latest add @velora/scroll-progress","https://velora.colorlib.com/components/scroll-progress",0,"",["scroll-progress",1,5,0],56,"loader","progress bar|scroll effect,progress,meter,loading|no icons,monochrome|c"],["Scroll Velocity","velora","Marquee whose speed and direction follow your scrolling.","npx shadcn@latest add @velora/scroll-velocity","https://velora.colorlib.com/components/scroll-velocity",0,"",["scroll-velocity",1,6,0],41,"carousel","scroll effect|scroll,animation|no icons,monochrome|c"],["Sticky Scroll","velora","Copy scrolls past a pinned panel that swaps per section.","npx shadcn@latest add @velora/sticky-scroll","https://velora.colorlib.com/components/sticky-scroll",0,"",["sticky-scroll",1,7,1],79,"section|b","scroll effect|scroll,animation|no icons,monochrome|c"],["Timeline","velora","Vertical timeline with sticky labels and a gradient beam that fills as you scroll.","npx shadcn@latest add @velora/timeline","https://velora.colorlib.com/components/timeline",0,"",["timeline",1,2,3],87,"background","timeline|history,steps,activity|no icons,monochrome|c"],["Tracing Beam","velora","Gradient line that draws itself down long-form content.","npx shadcn@latest add @velora/tracing-beam","https://velora.colorlib.com/components/tracing-beam",0,"",["tracing-beam",1,3,3],53,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Animated Beam","velora","Draws an animated connection between any two elements.","npx shadcn@latest add @velora/animated-beam","https://velora.colorlib.com/components/animated-beam",0,"",["animated-beam",0,3,0],68,"background","background|animated background,effect,hero background|icons,animated|c"],["Blur Fade","velora","The workhorse entrance — blur, fade and drift into view.","npx shadcn@latest add @velora/blur-fade","https://velora.colorlib.com/components/blur-fade",0,"",["blur-fade",0,3,2],61,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Border Beam","velora","A beam of light traveling around any border.","npx shadcn@latest add @velora/border-beam","https://velora.colorlib.com/components/border-beam",0,"",["border-beam",0,4,2],71,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Glowing Effect","velora","Border glow that follows the pointer around a card's edge as it comes near.","npx shadcn@latest add @velora/glowing-effect","https://velora.colorlib.com/components/glowing-effect",0,"",["glowing-effect",0,1,7],81,"card","background|animated background,effect,hero background|icons,monochrome|c"],["3D Card","velora","Perspective card that turns toward the pointer while its layers lift to different depths.","npx shadcn@latest add @velora/3d-card","https://velora.colorlib.com/components/3d-card",0,"",["3d-card",0,0,0],100,"card","card|container,surface|no icons,monochrome|c"],["3D Pin","velora","Card that tilts back as a glowing pin rises with a label chip and rippling rings.","npx shadcn@latest add @velora/3d-pin","https://velora.colorlib.com/components/3d-pin",0,"",["3d-pin",0,2,0],94,"card","input|text field,form,form control|no icons,monochrome|c"],["3D Marquee","velora","A tilted 3D grid of images whose columns scroll up and down in an endless loop.","npx shadcn@latest add @velora/3d-marquee","https://velora.colorlib.com/components/3d-marquee",0,"",["3d-marquee",0,1,0],92,"carousel","marquee|infinite scroll,logos,animation|no icons,images,animated,monochrome,minimal|c"],["Apple Cards Carousel","velora","Snap-scrolling row of tall image cards that morph into a full modal story.","npx shadcn@latest add @velora/apple-cards-carousel","https://velora.colorlib.com/components/apple-cards-carousel",0,"",["apple-cards-carousel",0,3,1],80,"carousel","carousel|card,slider,gallery,swipe|icons,images,monochrome|c"],["Image Slider","velora","Full-bleed image slider with crossfade-zoom, autoplay, dots, arrows and swipe.","npx shadcn@latest add @velora/image-slider","https://velora.colorlib.com/components/image-slider",0,"",["image-slider",0,3,8],88,"carousel","carousel|image,slider,gallery,swipe|icons,monochrome|c"],["Following Pointer","velora","Swaps the cursor for an arrow and a name tag that trail the pointer inside a region.","npx shadcn@latest add @velora/following-pointer","https://velora.colorlib.com/components/following-pointer",0,"",["following-pointer",0,3,6],84,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Lens","velora","Circular magnifier that follows the pointer or arrow keys to zoom into an image.","npx shadcn@latest add @velora/lens","https://velora.colorlib.com/components/lens",0,"",["lens",0,7,8],83,"media","cursor effect|cursor,interaction,animation|no icons,images,monochrome,minimal|c"],["Pointer Highlight","velora","Draws an outline around a phrase on scroll, then glides a pointer icon to its corner.","npx shadcn@latest add @velora/pointer-highlight","https://velora.colorlib.com/components/pointer-highlight",0,"",["pointer-highlight",0,4,11],86,"misc","cursor effect|cursor,interaction,animation|icons,monochrome,minimal|c"],["Smooth Cursor","velora","Dot-and-ring custom cursor; the ring trails on a spring and grows over links and buttons.","npx shadcn@latest add @velora/smooth-cursor","https://velora.colorlib.com/components/smooth-cursor",0,"",["smooth-cursor",1,1,1],73,"button","cursor effect|cursor,interaction,animation|no icons,monochrome|c"],["Data Grid","velora","Sortable, searchable, filterable table with selection, column toggles and pagination, built on TanStack Table.","npx shadcn@latest add @velora/data-grid","https://velora.colorlib.com/components/data-grid",0,"",["data-grid",0,7,3],66,"table","data table|table,pricing,account,rows,spreadsheet|icons,monochrome|c"],["Globe","velora","Dotted canvas globe with markers, great-circle arcs, drag and keyboard rotation.","npx shadcn@latest add @velora/globe","https://velora.colorlib.com/components/globe",0,"",["globe",0,0,7],80,"map","map|globe,location|no icons|c"],["World Map","velora","Dotted SVG world map with markers, pulsing hubs and animated connection arcs.","npx shadcn@latest add @velora/world-map","https://velora.colorlib.com/components/world-map",0,"",["world-map",1,3,4],75,"map","map|globe,location|no icons|c"],["Browser Mockup","velora","Browser window frame for product screenshots.","npx shadcn@latest add @velora/browser-mockup","https://velora.colorlib.com/components/browser-mockup",0,"",["browser-mockup",0,5,2],88,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Code Block","velora","Code panel with tabs, line numbers, highlighted lines and a copy button.","npx shadcn@latest add @velora/code-block","https://velora.colorlib.com/components/code-block",0,"",["code-block",0,0,3],85,"button|b","code block|content section,code,syntax highlight|icons,monochrome|c"],["iPhone Mockup","velora","iPhone frame with dynamic island — pure CSS.","npx shadcn@latest add @velora/iphone-mockup","https://velora.colorlib.com/components/iphone-mockup",0,"",["iphone-mockup",0,4,8],92,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Terminal","velora","A terminal window that types its lines in view.","npx shadcn@latest add @velora/terminal","https://velora.colorlib.com/components/terminal",0,"",["terminal",1,0,2],80,"misc","terminal|code,command line|no icons,monochrome|c"],["Aurora hero","velora","Centered hero with a drifting aurora, dotted backdrop, announcement pill and staggered copy.","npx shadcn@latest add @velora/hero-aurora","https://velora.colorlib.com/blocks/hero-sections",0,"",["hero-aurora",0,3,7],96,"background|b","hero section|background,team,landing page,header,headline|icons,animated|b"],["Globe split hero","velora","Split hero with copy, CTAs and live stats beside an interactive dotted globe with arcs.","npx shadcn@latest add @velora/hero-globe","https://velora.colorlib.com/components/globe",0,"",["hero-globe",0,4,7],83,"section|b","hero section|map,landing page,header,headline|icons|b"],["Product screenshot hero","velora","Centered headline above a dashboard in a browser frame with a border beam and a logo row.","npx shadcn@latest add @velora/hero-screenshot","https://velora.colorlib.com/blocks/hero-sections",0,"",["hero-screenshot",0,7,7],92,"section|b","hero section|ecommerce,analytics,pricing,landing page,header,headline|icons,animated|b"],["Phone split hero","velora","App launch hero with an email capture on the left and an app screen in an iPhone frame.","npx shadcn@latest add @velora/hero-split-phone","https://velora.colorlib.com/blocks/hero-sections",0,"",["hero-split-phone",0,0,8],94,"section|b","hero section|landing page,pricing,header,headline|icons,animated,monochrome|b"],["Wavy hero","velora","Bold centered hero over flowing waves, with a rotating headline word and avatar social proof.","npx shadcn@latest add @velora/hero-waves","https://velora.colorlib.com/blocks/hero-sections",0,"",["hero-waves",0,1,8],98,"section|b","hero section|background,landing page,header,headline|icons|b"],["Developer tool hero","velora","Minimal hero on a retro grid with a typed headline accent, an install terminal and two CTAs.","npx shadcn@latest add @velora/hero-grid-minimal","https://velora.colorlib.com/blocks/hero-sections",0,"",["hero-grid-minimal",0,5,7],94,"section|b","hero section|landing page,team,tasks,header,headline|icons,animated,monochrome|b"],["Bento feature grid","velora","Five-card bento grid with live visuals: integration beams, orbiting icons, a chart, a tag marquee and a globe.","npx shadcn@latest add @velora/features-bento","https://velora.colorlib.com/blocks/feature-sections",0,"",["features-bento",0,0,5],86,"section|b","features section|features,notifications,pricing,grid,landing page|icons,animated|b"],["Icon feature grid","velora","Heading and six icon feature cards in a three-column grid, each border lit by a cursor-following glow.","npx shadcn@latest add @velora/features-icon-grid","https://velora.colorlib.com/blocks/feature-sections",0,"",["features-icon-grid",0,1,5],73,"section|b","features section|animated icon,features,grid,landing page|icons,monochrome|b"],["Tabbed product tour","velora","Product tour with animated tabs; each tab pairs short copy and a checklist with a Tailwind-built app mock.","npx shadcn@latest add @velora/features-tabs","https://velora.colorlib.com/blocks/feature-sections",0,"",["features-tabs",0,4,5],69,"tabs","tabs|ecommerce,tasks,features section,tab bar,segmented control,navigation|icons,avatar,monochrome|c"],["Alternating screenshot rows","velora","Two alternating rows of copy with a checklist beside a browser-framed dashboard mock, sides swapped.","npx shadcn@latest add @velora/features-split-screenshot","https://velora.colorlib.com/blocks/feature-sections",0,"",["features-split-screenshot",0,2,5],76,"table","checkbox|form,checklist|icons,avatar,monochrome|c"],["Numbered steps","velora","How-it-works section with four numbered steps on a gradient connector line, each with a small UI visual.","npx shadcn@latest add @velora/features-steps","https://velora.colorlib.com/blocks/feature-sections",0,"",["features-steps",0,3,5],78,"background","stepper|steps,notifications,progress,onboarding|icons,avatar,monochrome|c"],["Three-tier pricing","velora","Three plan cards with a monthly/yearly switch, a savings badge and a highlighted middle plan.","npx shadcn@latest add @velora/pricing-three-tiers","https://velora.colorlib.com/blocks/pricing-sections",0,"",["pricing-three-tiers",0,7,11],91,"pricing|b","pricing section|pricing,team,plans,subscription|icons|b"],["Single plan pricing","velora","One all-inclusive plan card beside a benefit list and short reassurance answers.","npx shadcn@latest add @velora/pricing-single-plan","https://velora.colorlib.com/blocks/pricing-sections",0,"",["pricing-single-plan",0,6,11],90,"pricing|b","pricing section|pricing,plans,subscription|icons|b"],["Pricing comparison table","velora","Grouped feature comparison table with a sticky plan header, and per-plan tabs on mobile.","npx shadcn@latest add @velora/pricing-comparison","https://velora.colorlib.com/blocks/pricing-sections",0,"",["pricing-comparison",0,5,11],86,"pricing|b","pricing section|content section,data table,pricing,plans,subscription|icons,monochrome|b"],["Testimonial marquee","velora","Two rows of review cards scrolling in opposite directions, with faded edges and pause on hover or focus.","npx shadcn@latest add @velora/testimonials-marquee","https://velora.colorlib.com/components/marquee",0,"",["testimonials-marquee",1,3,2],76,"card|b","testimonials|marquee,reviews,social proof,quotes|icons,avatar,animated,monochrome|b"],["Featured testimonial","velora","One rotating quote with crossfading portraits, framed by a beam card over a row of counting stats.","npx shadcn@latest add @velora/testimonials-featured","https://velora.colorlib.com/blocks/testimonial-sections",0,"",["testimonials-featured",1,1,2],84,"card|b","features section|testimonials,features,grid,landing page|icons,avatar|b"],["Testimonial grid","velora","Masonry wall of social posts and quote cards, led by a wide case-study quote with a headline metric.","npx shadcn@latest add @velora/testimonials-grid","https://velora.colorlib.com/blocks/testimonial-sections",0,"",["testimonials-grid",1,2,2],81,"card|b","testimonials|reviews,social proof,quotes|icons,avatar,images,monochrome|b"],["Vortex CTA band","velora","Dark rounded call-to-action band over a brand-tinted particle vortex, with two actions and fine print.","npx shadcn@latest add @velora/cta-vortex","https://velora.colorlib.com/components/vortex",0,"",["cta-vortex",0,6,3],76,"button|b","cta section|background,team,call to action,banner|icons|b"],["Split CTA with product visual","velora","Two-column CTA card with a benefit list and a dashboard mock-up, traced by an animated border beam.","npx shadcn@latest add @velora/cta-split-image","https://velora.colorlib.com/blocks/cta-sections",0,"",["cta-split-image",0,5,3],91,"button|b","cta section|ecommerce,call to action,banner|icons|b"],["Newsletter sign-up","velora","Newsletter card over a glowing dot grid with a labelled email field, subscriber avatars and a privacy note.","npx shadcn@latest add @velora/cta-newsletter","https://velora.colorlib.com/blocks/cta-sections",0,"",["cta-newsletter",0,4,3],88,"media|b","login|newsletter,blog section,sign in,sign up,auth form|icons|b"],["Logo marquee","velora","A “Trusted by” line over a scrolling strip of grayscale logos that take their colour on hover.","npx shadcn@latest add @velora/logos-marquee","https://velora.colorlib.com/components/marquee",0,"",["logos-marquee",0,4,9],58,"carousel","marquee|infinite scroll,logos,animation|icons,animated,monochrome|c"],["Logo grid","velora","Bordered grid of customer logos with a cursor spotlight per cell, beside a heading and stories link.","npx shadcn@latest add @velora/logos-grid","https://velora.colorlib.com/blocks/logo-clouds",0,"",["logos-grid",0,3,9],73,"command","card|logo cloud,container,surface|icons,monochrome|c"],["Centered FAQ accordion","velora","Centered heading over an accordion of eight questions, closed by a contact row.","npx shadcn@latest add @velora/faq-accordion","https://velora.colorlib.com/blocks/faq-sections",0,"",["faq-accordion",0,6,4],69,"accordion|b","faq section|faq,accordion,questions|icons|b"],["Two-column FAQ","velora","Sticky intro and contact card on the left, an accordion of questions on the right.","npx shadcn@latest add @velora/faq-two-column","https://velora.colorlib.com/blocks/faq-sections",0,"",["faq-two-column",0,7,4],73,"accordion|b","faq section|faq,account,accordion,questions|icons,monochrome|b"],["Floating pill navbar","velora","Full-width navbar that shrinks into a blurred floating pill on scroll, with a CTA and mobile menu.","npx shadcn@latest add @velora/navbar-floating","https://velora.colorlib.com/blocks/navbars",0,"",["navbar-floating",0,4,10],89,"navbar|b","navbar|tag,login,header,navigation,menu|icons,monochrome|b"],["Mega menu navbar","velora","Top bar with a keyboard-accessible Product mega menu, search, sign-in and a slide-over mobile menu.","npx shadcn@latest add @velora/navbar-mega","https://velora.colorlib.com/blocks/navbars",0,"",["navbar-mega",0,5,10],85,"navbar|b","navbar|dropdown menu,search,login,mega menu,header,navigation|icons,monochrome|b"],["Link columns footer","velora","Footer with logo, tagline and social links, four link columns and a copyright bar with legal links.","npx shadcn@latest add @velora/footer-columns","https://velora.colorlib.com/blocks/footers",0,"",["footer-columns",0,4,6],76,"kanban|b","footer|link,links,site footer|icons,monochrome|b"],["Giant wordmark footer","velora","Minimal footer that ends in an oversized outlined wordmark lighting up in brand colours under the pointer.","npx shadcn@latest add @velora/footer-wordmark","https://velora.colorlib.com/blocks/footers",0,"",["footer-wordmark",0,6,6],78,"section|b","footer|text effect,account,links,site footer|icons|b"],["Newsletter footer","velora","Footer with a newsletter sign-up row, link columns and a live “All systems normal” status badge.","npx shadcn@latest add @velora/footer-newsletter","https://velora.colorlib.com/blocks/footers",0,"",["footer-newsletter",0,5,6],91,"section|b","footer|newsletter,blog section,links,site footer|icons,monochrome|b"],["Split login page","velora","Login form with password reveal, remember-me and social sign-in beside an aurora testimonial panel.","npx shadcn@latest add @velora/auth-login-split","https://velora.colorlib.com/blocks/auth-sections",0,"",["auth-login-split",0,5,1],94,"section|b","login|content section,sign in,sign up,auth form|icons,avatar,animated|b"],["Sign-up card","velora","Centered sign-up card over a grid and light beams, with live password rules, terms and social sign-up.","npx shadcn@latest add @velora/auth-signup-card","https://velora.colorlib.com/blocks/auth-sections",0,"",["auth-signup-card",0,6,1],92,"card","card|login,container,surface|icons|c"],["Accordion","hextaui","Stacked headings that each reveal a panel, with height motion you can reverse mid-way and panels that stay searchable while closed.","npx shadcn@latest add @hextaui/accordion","https://hextaui.com/docs/accordion",0,"",["accordion",0,0,0],61,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert","hextaui","Inline messages for status and feedback, with a neutral surface, a colored icon and a dismiss that collapses smoothly.","npx shadcn@latest add @hextaui/alert","https://hextaui.com/docs/alert",0,"",["alert",0,1,0],68,"toast","alert|message,banner,callout|icons,monochrome|c"],["Alert dialog","hextaui","A confirmation dialog for destructive or important actions that waits for async work, and becomes a bottom sheet on phones.","npx shadcn@latest add @hextaui/alert-dialog","https://hextaui.com/docs/alert-dialog",0,"",["alert-dialog",0,2,0],8,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Aspect ratio","hextaui","A box that holds its shape before media loads, shimmers while loading, fades the media in and falls back when it fails.","npx shadcn@latest add @hextaui/aspect-ratio","https://hextaui.com/docs/aspect-ratio",0,"",["aspect-ratio",0,3,0],100,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Attachment","hextaui","File and image cards for uploads, with progress, states, actions, a full-card trigger and names that keep their extension.","npx shadcn@latest add @hextaui/attachment","https://hextaui.com/docs/attachment",0,"",["attachment",0,4,0],57,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["Avatar","hextaui","User photos with an initials fallback, status badges and stacked groups that collapse into a count.","npx shadcn@latest add @hextaui/avatar","https://hextaui.com/docs/avatar",0,"",["avatar",0,5,0],64,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","hextaui","Status labels with colored dots, removable tags that slide closed and counts that roll to their new value.","npx shadcn@latest add @hextaui/badge","https://hextaui.com/docs/badge",0,"",["badge",0,6,0],46,"misc","badge|label,tasks,status,pill|icons,monochrome|c"],["Breadcrumb","hextaui","A trail of links to the current page that wraps safely, mirrors in right-to-left layouts and expands collapsed segments in place.","npx shadcn@latest add @hextaui/breadcrumb","https://hextaui.com/docs/breadcrumb",0,"",["breadcrumb",0,7,0],40,"accordion","breadcrumb|navigation,path|icons,monochrome|c"],["Bubble","hextaui","Chat message bubbles with variants, grouped corners, reactions and room for interactive content.","npx shadcn@latest add @hextaui/bubble","https://hextaui.com/docs/bubble",0,"",["bubble",0,0,1],83,"thinking","chat|messages,ai,input|no icons,monochrome|c"],["Button","hextaui","Buttons in every variant and size, with a built-in loading, success and error flow that skips the spinner for fast requests.","npx shadcn@latest add @hextaui/button","https://hextaui.com/docs/button",0,"",["button",0,1,1],60,"button","button|cta,click,action|icons,monochrome|c"],["Button group","hextaui","Buttons joined into one control, with shared seams, separators, text addons, nesting and vertical stacks.","npx shadcn@latest add @hextaui/button-group","https://hextaui.com/docs/button-group",0,"",["button-group",0,2,1],47,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Calendar","hextaui","A date grid for single, range and multiple selection, with sliding months, range previews and touch-sized days.","npx shadcn@latest add @hextaui/calendar","https://hextaui.com/docs/calendar",0,"",["calendar",0,3,1],64,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card","hextaui","A surface for grouping content, with three variants, edge-to-edge media, concentric radii and whole-card links.","npx shadcn@latest add @hextaui/card","https://hextaui.com/docs/card",0,"",["card",0,4,1],74,"card","card|container,pricing,surface|icons,monochrome|c"],["Carousel","hextaui","Native scroll-snap slides with momentum on touch, mouse dragging, arrow keys, dots, thumbnails and an autoplay that pauses when it should.","npx shadcn@latest add @hextaui/carousel","https://hextaui.com/docs/carousel",0,"",["carousel",0,5,1],71,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Chart","hextaui","Recharts charts with themed colors, a tooltip and legend that read labels from one config, and keyboard navigation with a visible focus ring.","npx shadcn@latest add @hextaui/chart","https://hextaui.com/docs/chart",0,"",["chart",0,6,1],88,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Checkbox","hextaui","A checkbox whose check draws in, with indeterminate parents, groups and labels that share its hover.","npx shadcn@latest add @hextaui/checkbox","https://hextaui.com/docs/checkbox",0,"",["checkbox",0,7,1],60,"input","checkbox|form,checklist|icons,monochrome|c"],["Collapsible","hextaui","A panel that shows and hides with height motion you can reverse mid-way, without jumping the layout.","npx shadcn@latest add @hextaui/collapsible","https://hextaui.com/docs/collapsible",0,"",["collapsible",0,0,2],56,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Combobox","hextaui","A filterable select with chips, groups and async results, in a popup that resizes as you type.","npx shadcn@latest add @hextaui/combobox","https://hextaui.com/docs/combobox",0,"",["combobox",0,1,2],44,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Command","hextaui","A searchable list of actions, inline or as a ⌘K palette, with pages, shortcuts and highlighted matches.","npx shadcn@latest add @hextaui/command","https://hextaui.com/docs/command",0,"",["command",0,2,2],66,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Context menu","hextaui","A menu of actions on right click or long press, with submenus, checkbox and radio items, and hold feedback on touch.","npx shadcn@latest add @hextaui/context-menu","https://hextaui.com/docs/context-menu",0,"",["context-menu",0,3,2],54,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Data table","hextaui","A table for real data, with sorting, search, row selection, pinned columns, a sticky header and pagination.","npx shadcn@latest add @hextaui/data-table","https://hextaui.com/docs/data-table",0,"",["data-table",0,4,2],65,"table","data table|table,pricing,account,rows,spreadsheet|icons,monochrome|c"],["Date picker","hextaui","A button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.","npx shadcn@latest add @hextaui/date-picker","https://hextaui.com/docs/date-picker",0,"",["date-picker",0,5,2],4,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Dialog","hextaui","A window over the page for forms and focused tasks, with a pinned header and footer, nesting, and a swipeable bottom sheet on phones.","npx shadcn@latest add @hextaui/dialog","https://hextaui.com/docs/dialog",0,"",["dialog",0,6,2],8,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Drawer","hextaui","A panel that slides in from any edge and follows your finger, with snap points, a working handle and nested drawers that stack.","npx shadcn@latest add @hextaui/drawer","https://hextaui.com/docs/drawer",0,"",["drawer",0,7,2],8,"carousel","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown menu","hextaui","A menu of actions and options behind a button, with groups, submenus, checkbox and radio items, and shortcuts.","npx shadcn@latest add @hextaui/dropdown-menu","https://hextaui.com/docs/dropdown-menu",0,"",["dropdown-menu",0,0,3],6,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Empty","hextaui","A placeholder for screens with nothing to show yet, with an icon, a message and the next action.","npx shadcn@latest add @hextaui/empty","https://hextaui.com/docs/empty",0,"",["empty",0,1,3],66,"misc","skeleton|loading,settings,notifications,placeholder|icons,animated,monochrome|c"],["Field","hextaui","Labels, descriptions and errors wired to their control, with validation states and layouts for forms.","npx shadcn@latest add @hextaui/field","https://hextaui.com/docs/field",0,"",["field",0,2,3],81,"input","input|text field,form,form control|icons,monochrome|c"],["Hover card","hextaui","A preview card that opens when a link is hovered or focused, for content sighted users can glance at.","npx shadcn@latest add @hextaui/hover-card","https://hextaui.com/docs/hover-card",0,"",["hover-card",0,3,3],47,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Input","hextaui","A text input with three sizes, invalid and read-only states, native validation styling and a 16px touch font so phones never zoom in.","npx shadcn@latest add @hextaui/input","https://hextaui.com/docs/input",0,"",["input",0,4,3],12,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group","hextaui","An input with icons, text, buttons or a keyboard hint attached, sharing one border and focus ring.","npx shadcn@latest add @hextaui/input-group","https://hextaui.com/docs/input-group",0,"",["input-group",0,5,3],67,"input","input|text field,form,form control|icons,monochrome|c"],["Input OTP","hextaui","One-time code slots that take typing, paste and SMS autofill, with an opt-in animation that cascades codes in and a status for verifying.","npx shadcn@latest add @hextaui/input-otp","https://hextaui.com/docs/input-otp",0,"",["input-otp",0,6,3],55,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Item","hextaui","A row of media, text and actions for lists, settings and pickers, with a grouped surface and a hover highlight that glides between rows.","npx shadcn@latest add @hextaui/item","https://hextaui.com/docs/item",0,"",["item",0,7,3],91,"table","select|dropdown,notifications,login,options,form|icons,animated,monochrome|c"],["Kbd","hextaui","Key caps for shortcuts that show the right symbols on every platform, read them out properly and press down with the real keys.","npx shadcn@latest add @hextaui/kbd","https://hextaui.com/docs/kbd",0,"",["kbd",0,0,4],52,"misc","keyboard key|shortcut,search,keyboard|no icons,monochrome|c"],["Label","hextaui","A label that follows its control, dimming when it's disabled and marking it required or optional on its own.","npx shadcn@latest add @hextaui/label","https://hextaui.com/docs/label",0,"",["label",0,1,4],63,"misc","input|text field,form,form control|icons,monochrome,minimal|c"],["Marker","hextaui","Quiet notes between content, like date dividers and system events, with sticky dates and times that read as Today or Yesterday.","npx shadcn@latest add @hextaui/marker","https://hextaui.com/docs/marker",0,"",["marker",0,2,4],82,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Menubar","hextaui","A desktop-style bar of menus with one highlight that slides between open menus and instant switching as you sweep across.","npx shadcn@latest add @hextaui/menubar","https://hextaui.com/docs/menubar",0,"",["menubar",0,3,4],9,"dropdown","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Message","hextaui","A chat message row with an avatar, name, bubbles and status, where new messages rise in from the sender's side.","npx shadcn@latest add @hextaui/message","https://hextaui.com/docs/message",0,"",["message",0,4,4],66,"media","textarea|input,form,text field|icons,monochrome|c"],["Message scroller","hextaui","A chat scroll area that follows new messages, keeps your place while you read back, and counts what you missed on the jump button.","npx shadcn@latest add @hextaui/message-scroller","https://hextaui.com/docs/message-scroller",0,"",["message-scroller",0,5,4],75,"button","scroll area|scroll,media,container|icons,animated,monochrome|c"],["Native select","hextaui","The browser's own select, styled to match Input, with a quiet placeholder, Field support and the OS picker on every device.","npx shadcn@latest add @hextaui/native-select","https://hextaui.com/docs/native-select",0,"",["native-select",0,6,4],63,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Navigation menu","hextaui","Site navigation with dropdowns, or one full-width panel that stays open while its content slides between menus.","npx shadcn@latest add @hextaui/navigation-menu","https://hextaui.com/docs/navigation-menu",0,"",["navigation-menu",0,7,4],14,"navbar|b","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|b"],["Number flow","hextaui","Animated numbers where only the changed digits spin, with any Intl format and locale.","npx shadcn@latest add @hextaui/number-flow","https://hextaui.com/docs/number-flow",0,"",["number-flow",0,0,5],51,"text","number ticker|counter,text effect,animated number|no icons,monochrome|c"],["Pagination","hextaui","Page navigation that keeps every button in place, glides to the current page and jumps to any page from the ellipsis.","npx shadcn@latest add @hextaui/pagination","https://hextaui.com/docs/pagination",0,"",["pagination",0,1,5],43,"navbar","pagination|pages,navigation|icons,monochrome|c"],["Popover","hextaui","A floating panel anchored to a trigger that resizes smoothly with its content and follows the trigger’s direction.","npx shadcn@latest add @hextaui/popover","https://hextaui.com/docs/popover",0,"",["popover",0,2,5],9,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Progress","hextaui","A bar or ring that shows how far a task has come, eases between updates and slides while the total is unknown.","npx shadcn@latest add @hextaui/progress","https://hextaui.com/docs/progress",0,"",["progress",0,3,5],59,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Questionnaire","hextaui","A step-by-step form that moves between questions with a sense of direction, shows real progress and answers from the keyboard.","npx shadcn@latest add @hextaui/questionnaire","https://hextaui.com/docs/questionnaire",0,"",["questionnaire",0,4,5],70,"accordion","progress bar|progress,login,meter,loading|no icons,monochrome|c"],["Radio group","hextaui","Pick one option from a set, with a dot that hands off between choices and cards whose selection ring slides to the new pick.","npx shadcn@latest add @hextaui/radio-group","https://hextaui.com/docs/radio-group",0,"",["radio-group",0,5,5],52,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Resizable","hextaui","Panels you can drag apart, with a quiet divider that wakes up on hover, sizes that glide on reset or collapse, and layouts that persist.","npx shadcn@latest add @hextaui/resizable","https://hextaui.com/docs/resizable",0,"",["resizable",0,6,5],50,"accordion","divider|separator,line,layout|no icons,monochrome|c"],["Safe area","hextaui","A pointer safe triangle that keeps submenus and flyouts open while the cursor travels diagonally toward them.","npx shadcn@latest add @hextaui/safe-area","https://hextaui.com/docs/safe-area",0,"",["safe-area",0,7,5],46,"misc","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Scroll area","hextaui","Native scrolling with a minimal scrollbar, edges that fade only where there’s more to see, and an optional peek that cuts the last item in half.","npx shadcn@latest add @hextaui/scroll-area","https://hextaui.com/docs/scroll-area",0,"",["scroll-area",0,0,6],63,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select","hextaui","Pick one or more options from a list that opens on the current value, with typeahead, groups and form support.","npx shadcn@latest add @hextaui/select","https://hextaui.com/docs/select",0,"",["select",0,1,6],6,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","hextaui","A hairline that divides content horizontally or vertically, with an optional label and a decorative mode for purely visual lines.","npx shadcn@latest add @hextaui/separator","https://hextaui.com/docs/separator",0,"",["separator",0,2,6],52,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Sheet","hextaui","A panel that slides in from any edge, with swipe-to-dismiss, scroll lock and stacked nesting.","npx shadcn@latest add @hextaui/sheet","https://hextaui.com/docs/sheet",0,"",["sheet",0,3,6],8,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sidebar","hextaui","An app sidebar that collapses to icons or off canvas, stays pinned under your header, and becomes a swipeable sheet on phones.","npx shadcn@latest add @hextaui/sidebar","https://hextaui.com/docs/sidebar",0,"",["sidebar",0,4,6],83,"section|b","sidebar|navigation,analytics,account,menu,layout|icons,monochrome|b"],["Skeleton","hextaui","Placeholders that wait 150ms before showing, take the exact size of the content they wrap, and fade it in without moving anything.","npx shadcn@latest add @hextaui/skeleton","https://hextaui.com/docs/skeleton",0,"",["skeleton",0,5,6],39,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Slider","hextaui","Pick a value or a range by dragging, tapping the track or using the keys, with jumps that glide and an optional value bubble.","npx shadcn@latest add @hextaui/slider","https://hextaui.com/docs/slider",0,"",["slider",0,6,6],50,"input","slider|range,input|no icons,monochrome,minimal|c"],["Spinner","hextaui","A loading indicator with Apple-style ticks or a breathing ring that can wait before showing and stay long enough not to flicker.","npx shadcn@latest add @hextaui/spinner","https://hextaui.com/docs/spinner",0,"",["spinner",0,7,6],39,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Switch","hextaui","An on/off toggle you can tap, press or drag, with a thumb that stretches under your finger and an optional pending state for saves.","npx shadcn@latest add @hextaui/switch","https://hextaui.com/docs/switch",0,"",["switch",0,0,7],70,"switch","switch|toggle,on off,settings|no icons,monochrome|c"],["Table","hextaui","A responsive table with a surface style, wrapping or compact cells, sticky headers, pinned columns and scroll hints.","npx shadcn@latest add @hextaui/table","https://hextaui.com/docs/table",0,"",["table",0,1,7],74,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Tabs","hextaui","Switch between views with an indicator that slides to the active tab, as a segmented control or an underline, and lists that scroll when they overflow.","npx shadcn@latest add @hextaui/tabs","https://hextaui.com/docs/tabs",0,"",["tabs",0,2,7],59,"tabs","tabs|tab bar,search,segmented control,navigation|no icons,monochrome|c"],["Textarea","hextaui","Multi-line text that grows smoothly with what you write between a minimum and maximum number of rows, with counters, validation and a submit shortcut.","npx shadcn@latest add @hextaui/textarea","https://hextaui.com/docs/textarea",0,"",["textarea",0,3,7],63,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Toast","hextaui","Brief messages that stack neatly, expand on hover, swipe away, and turn a loading state into success or error in place.","npx shadcn@latest add @hextaui/toast","https://hextaui.com/docs/toast",0,"",["toast",0,4,7],8,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle","hextaui","A button that stays on or off, with a fill that settles in when pressed, a clear hover-to-on step and icons that can fill with the state.","npx shadcn@latest add @hextaui/toggle","https://hextaui.com/docs/toggle",0,"",["toggle",0,5,7],5,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle group","hextaui","A row of toggles for one choice or many, with a fill that slides to the picked item, joined or spaced items and arrow-key focus.","npx shadcn@latest add @hextaui/toggle-group","https://hextaui.com/docs/toggle-group",0,"",["toggle-group",0,6,7],10,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome,minimal|c"],["Tooltip","hextaui","A short hint on hover or keyboard focus that opens after a brief rest, switches instantly between neighbours and shows shortcuts.","npx shadcn@latest add @hextaui/tooltip","https://hextaui.com/docs/tooltip",0,"",["tooltip",0,7,7],5,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tree","hextaui","Nested, expandable rows for files and hierarchies, with indent guides, connector lines, cascading checkboxes, typeahead and full keyboard support.","npx shadcn@latest add @hextaui/tree","https://hextaui.com/docs/tree",0,"",["tree",0,0,8],68,"upload","tree view|file tree,nested list|icons,monochrome|c"],["Video player","hextaui","A video player with a scrubbable seek bar, auto-hiding controls, keyboard shortcuts, speed, picture in picture and full screen.","npx shadcn@latest add @hextaui/video-player","https://hextaui.com/docs/video-player",0,"",["video-player",0,1,8],82,"media","video player|video,media player|icons,animated,monochrome|c"],["Btn bg shine","uilayouts","","npx shadcn@latest add @ui-layouts/btn-bg-shine","https://www.ui-layouts.com/components/buttons",0,"",["btn-bg-shine",0,4,4],30,"misc","background|button,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Btn animated gradient","uilayouts","","npx shadcn@latest add @ui-layouts/btn-animated-gradient","https://www.ui-layouts.com/components/buttons",0,"",["btn-animated-gradient",0,2,4],32,"background","background|button,animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Button active","uilayouts","","npx shadcn@latest add @ui-layouts/button-active","https://www.ui-layouts.com/components/buttons",0,"",["button-active",0,4,6],28,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button hover right","uilayouts","","npx shadcn@latest add @ui-layouts/button-hover-right","https://www.ui-layouts.com/components/buttons",0,"",["button-hover-right",0,5,6],18,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Btn creative right","uilayouts","","npx shadcn@latest add @ui-layouts/btn-creative-right","https://www.ui-layouts.com/components/buttons",0,"",["btn-creative-right",0,7,4],14,"misc","button|cta,click,action|icons|c"],["Btn creative top","uilayouts","","npx shadcn@latest add @ui-layouts/btn-creative-top","https://www.ui-layouts.com/components/buttons",0,"",["btn-creative-top",0,0,5],15,"misc","button|cta,click,action|no icons,monochrome,minimal|c"],["Btn click down","uilayouts","","npx shadcn@latest add @ui-layouts/btn-click-down","https://www.ui-layouts.com/components/buttons",0,"",["btn-click-down",0,6,4],66,"misc","button|cta,click,action|no icons,monochrome,minimal|c"],["Btn hover down","uilayouts","","npx shadcn@latest add @ui-layouts/btn-hover-down","https://www.ui-layouts.com/components/buttons",0,"",["btn-hover-down",0,2,5],66,"misc","button|cta,click,action|no icons,monochrome,minimal|c"],["Btn hover multiple","uilayouts","","npx shadcn@latest add @ui-layouts/btn-hover-multiple","https://www.ui-layouts.com/components/buttons",0,"",["btn-hover-multiple",0,4,5],27,"misc","button|cta,click,action|no icons,monochrome,minimal|c"],["Btn hover underline","uilayouts","","npx shadcn@latest add @ui-layouts/btn-hover-underline","https://www.ui-layouts.com/components/buttons",0,"",["btn-hover-underline",0,0,6],5,"misc","link|button,text link,hover|no icons,monochrome,minimal|c"],["Btn hover top flip","uilayouts","","npx shadcn@latest add @ui-layouts/btn-hover-top-flip","https://www.ui-layouts.com/components/buttons",0,"",["btn-hover-top-flip",0,6,5],26,"misc","button|cta,click,action|no icons|c"],["Btn hover left flip","uilayouts","","npx shadcn@latest add @ui-layouts/btn-hover-left-flip","https://www.ui-layouts.com/components/buttons",0,"",["btn-hover-left-flip",0,3,5],24,"misc","button|cta,click,action|no icons|c"],["Btn hover top slowflip","uilayouts","","npx shadcn@latest add @ui-layouts/btn-hover-top-slowflip","https://www.ui-layouts.com/components/buttons",0,"",["btn-hover-top-slowflip",0,7,5],24,"misc","button|cta,click,action|no icons|c"],["Btn text change","uilayouts","","npx shadcn@latest add @ui-layouts/btn-text-change","https://www.ui-layouts.com/components/buttons",0,"",["btn-text-change",0,3,6],23,"text","text effect|button,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Btn cross arrow","uilayouts","","npx shadcn@latest add @ui-layouts/btn-cross-arrow","https://www.ui-layouts.com/components/buttons",0,"",["btn-cross-arrow",0,1,5],33,"misc","button|cta,click,action|icons,monochrome|c"],["Btn black shadow","uilayouts","","npx shadcn@latest add @ui-layouts/btn-black-shadow","https://www.ui-layouts.com/components/buttons",0,"",["btn-black-shadow",0,5,4],7,"misc","button|cta,click,action|no icons,monochrome,minimal|c"],["Btn hover outline","uilayouts","","npx shadcn@latest add @ui-layouts/btn-hover-outline","https://www.ui-layouts.com/components/buttons",0,"",["btn-hover-outline",0,5,5],58,"misc","button|cta,click,action|icons,monochrome,minimal|c"],["Btn arrow right","uilayouts","","npx shadcn@latest add @ui-layouts/btn-arrow-right","https://www.ui-layouts.com/components/buttons",0,"",["btn-arrow-right",0,3,4],79,"misc","button|cta,click,action|icons|c"],["Btn rotating gradient","uilayouts","","npx shadcn@latest add @ui-layouts/btn-rotating-gradient","https://www.ui-layouts.com/components/buttons",0,"",["btn-rotating-gradient",0,2,6],25,"background","background|button,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Color picker","uilayouts","","npx shadcn@latest add @ui-layouts/color-picker","https://www.ui-layouts.com/components/color-picker",0,"",["color-picker",0,2,8],69,"input","color picker|select,color input,swatches|no icons|c"],["Default color picker","uilayouts","","npx shadcn@latest add @ui-layouts/default-color-picker","https://www.ui-layouts.com/components/color-picker",0,"",["default-color-picker",0,3,10],69,"input","color picker|select,color input,swatches|no icons|c"],["Raws color picker","uilayouts","","npx shadcn@latest add @ui-layouts/raws-color-picker","https://www.ui-layouts.com/components/color-picker",0,"",["raws-color-picker",2,5,3],100,"input","color picker|select,color input,swatches|icons|c"],["Motion number upvotes","uilayouts","","npx shadcn@latest add @ui-layouts/motion-number-upvotes","https://www.ui-layouts.com/components/motion-number",0,"",["motion-number-upvotes",1,5,11],69,"misc","card|container,surface|icons,animated,monochrome|c"],["Motion number input","uilayouts","","npx shadcn@latest add @ui-layouts/motion-number-input","https://www.ui-layouts.com/components/motion-number",0,"",["motion-number-input",1,3,11],16,"input","number input|input,stepper|icons,animated,monochrome|c"],["Motion number slider","uilayouts","","npx shadcn@latest add @ui-layouts/motion-number-slider","https://www.ui-layouts.com/components/range-slider",0,"",["motion-number-slider",1,4,11],67,"input","slider|range,input|icons,animated,monochrome,minimal|c"],["Number flow trading","uilayouts","","npx shadcn@latest add @ui-layouts/number-flow-trading","https://www.ui-layouts.com/components/motion-number",0,"",["number-flow-trading",2,5,0],82,"text","number ticker|counter,text effect,animated number|icons,monochrome|c"],["Noise effect","uilayouts","","npx shadcn@latest add @ui-layouts/noise-effect","https://www.ui-layouts.com/components/noise",0,"",["noise-effect",2,3,0],76,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Scroll text","uilayouts","","npx shadcn@latest add @ui-layouts/scroll-text","https://www.ui-layouts.com/components/scroll-text",0,"",["scroll-text",2,0,5],74,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Text scroll animation","uilayouts","","npx shadcn@latest add @ui-layouts/text-scroll-animation","https://www.ui-layouts.com/components/scroll-text",0,"",["text-scroll-animation",3,7,0],74,"text","scroll effect|text effect,scroll,animation|no icons,animated,monochrome|c"],["Scroll text marquee","uilayouts","","npx shadcn@latest add @ui-layouts/scroll-text-marquee","https://www.ui-layouts.com/components/scroll-text-marquee",0,"",["scroll-text-marquee",2,1,5],75,"carousel","marquee|text effect,infinite scroll,logos,animation|no icons,monochrome|c"],["Scroll text marquee unidirectional","uilayouts","","npx shadcn@latest add @ui-layouts/scroll-text-marquee-unidirectional","https://www.ui-layouts.com/components/scroll-text-marquee",0,"",["scroll-text-marquee-unidirectional",2,3,5],75,"carousel","marquee|text effect,infinite scroll,logos,animation|no icons,monochrome|c"],["Scroll text marquee bidirectional","uilayouts","","npx shadcn@latest add @ui-layouts/scroll-text-marquee-bidirectional","https://www.ui-layouts.com/components/scroll-text-marquee",0,"",["scroll-text-marquee-bidirectional",2,2,5],58,"carousel","marquee|text effect,infinite scroll,logos,animation|no icons,monochrome|c"],["Randomized text effect","uilayouts","","npx shadcn@latest add @ui-layouts/randomized-text-effect","https://www.ui-layouts.com/components/randomized-text-effect",0,"",["randomized-text-effect",2,3,3],53,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Randomized text unveil","uilayouts","","npx shadcn@latest add @ui-layouts/randomized-text-unveil","https://www.ui-layouts.com/components/randomized-text-effect",0,"",["randomized-text-unveil",2,4,3],53,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Globe","uilayouts","","npx shadcn@latest add @ui-layouts/globe","https://www.ui-layouts.com/components/globe",0,"",["globe",1,1,4],83,"map","map|globe,location|no icons|c"],["Card globe","uilayouts","","npx shadcn@latest add @ui-layouts/card-globe","https://www.ui-layouts.com/components/globe",0,"",["card-globe",0,7,6],83,"map","map|card,globe,location|no icons|c"],["Card globe white","uilayouts","","npx shadcn@latest add @ui-layouts/card-globe-white","https://www.ui-layouts.com/components/globe",0,"",["card-globe-white",0,0,7],63,"map","map|card,globe,location|no icons|c"],["Img ripple effect","uilayouts","","npx shadcn@latest add @ui-layouts/img-ripple-effect","",0,"",0,0],["R3f blob","uilayouts","","npx shadcn@latest add @ui-layouts/r3f-blob","https://www.ui-layouts.com/components/r3f-blob",0,"",["r3f-blob",2,2,3],0,"misc","card|container,surface||c"],["Mesh shadergradient","uilayouts","","npx shadcn@latest add @ui-layouts/mesh-shadergradient","",0,"",0,0],["Mesh gradient background3","uilayouts","","npx shadcn@latest add @ui-layouts/mesh-gradient-background3","https://www.ui-layouts.com/components/mesh-gradients",0,"",["mesh-gradient-background3",1,7,10],0,"background","background|animated background,effect,hero background||c"],["Mesh gradient background2","uilayouts","","npx shadcn@latest add @ui-layouts/mesh-gradient-background2","https://www.ui-layouts.com/components/mesh-gradients",0,"",["mesh-gradient-background2",1,6,10],0,"background","background|animated background,effect,hero background||c"],["Mesh gradient background","uilayouts","","npx shadcn@latest add @ui-layouts/mesh-gradient-background","",0,"",0,0],["Animated logo footer","uilayouts","","npx shadcn@latest add @ui-layouts/animated-logo-footer","https://www.ui-layouts.com/components/footers",0,"",["animated-logo-footer",0,7,2],98,"section|b","footer|links,site footer|no icons,animated|b"],["Hover footer","uilayouts","","npx shadcn@latest add @ui-layouts/hover-footer","https://www.ui-layouts.com/components/footers",0,"",["hover-footer",1,6,5],100,"section|b","footer|links,site footer|no icons|b"],["Responsive header","uilayouts","","npx shadcn@latest add @ui-layouts/responsive-header","",0,"",0,0],["Responsive header default","uilayouts","","npx shadcn@latest add @ui-layouts/responsive-header-default","https://www.ui-layouts.com/components/responsive-header",0,"",["responsive-header-default",2,7,3],16,"navbar|b","navbar|header,navigation,menu|icons,monochrome,minimal|b"],["Boxgrid","uilayouts","","npx shadcn@latest add @ui-layouts/boxgrid","https://www.ui-layouts.com/components/grid",0,"",["boxgrid",0,1,4],88,"misc","card|container,surface|no icons,images,monochrome,minimal|c"],["Condition Grid","uilayouts","","npx shadcn@latest add @ui-layouts/conditionGrid","https://www.ui-layouts.com/components/grid",0,"",["conditiongrid",0,3,8],86,"misc","card|container,surface|icons,images,monochrome|c"],["Normal Grid","uilayouts","","npx shadcn@latest add @ui-layouts/normalGrid","https://www.ui-layouts.com/components/grid",0,"",["normalgrid",2,4,0],84,"misc","card|container,surface|icons,images,monochrome|c"],["Buyme acoffee","uilayouts","","npx shadcn@latest add @ui-layouts/buyme-acoffee","https://www.ui-layouts.com/components/buy-me-coffee",0,"",["buyme-acoffee",0,6,6],97,"misc","card|container,surface|no icons|c"],["Stripecard","uilayouts","","npx shadcn@latest add @ui-layouts/stripecard","https://www.ui-layouts.com/components/hover-cards",0,"",["stripecard",2,7,9],98,"misc","card|container,surface|icons|c"],["Creative hover card","uilayouts","","npx shadcn@latest add @ui-layouts/creative-hover-card","https://www.ui-layouts.com/components/hover-cards",0,"",["creative-hover-card",0,0,9],92,"card","hover card|popover,login,hover,card|no icons,images,monochrome|c"],["Stripecard2","uilayouts","","npx shadcn@latest add @ui-layouts/stripecard2","https://www.ui-layouts.com/components/hover-cards",0,"",["stripecard2",2,0,10],100,"misc","card|container,surface|icons,monochrome|c"],["Hovercard1","uilayouts","","npx shadcn@latest add @ui-layouts/hovercard1","https://www.ui-layouts.com/components/hover-cards",0,"",["hovercard1",1,7,5],90,"misc","hover card|popover,hover,card|icons,monochrome,minimal|c"],["Hovercard2","uilayouts","","npx shadcn@latest add @ui-layouts/hovercard2","https://www.ui-layouts.com/components/hover-cards",0,"",["hovercard2",1,0,6],86,"misc","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Hovercard3","uilayouts","","npx shadcn@latest add @ui-layouts/hovercard3","https://www.ui-layouts.com/components/hover-cards",0,"",["hovercard3",1,1,6],98,"misc","hover card|popover,hover,card|icons|c"],["Hovercard4","uilayouts","","npx shadcn@latest add @ui-layouts/hovercard4","https://www.ui-layouts.com/components/hover-cards",0,"",["hovercard4",1,2,6],99,"misc","hover card|popover,hover,card|icons,monochrome|c"],["Productcard1","uilayouts","","npx shadcn@latest add @ui-layouts/productcard1","https://www.ui-layouts.com/components/product-cards",0,"",["productcard1",2,3,2],93,"misc","ecommerce|product,e-commerce,pricing,shop,checkout|icons|b"],["Productcard2","uilayouts","","npx shadcn@latest add @ui-layouts/productcard2","https://www.ui-layouts.com/components/product-cards",0,"",["productcard2",2,4,2],99,"misc","ecommerce|product,e-commerce,pricing,shop,checkout|icons,images,animated|b"],["Productcard3","uilayouts","","npx shadcn@latest add @ui-layouts/productcard3","https://www.ui-layouts.com/components/product-cards",0,"",["productcard3",2,5,2],99,"misc","ecommerce|product,e-commerce,pricing,shop,checkout|icons,images,monochrome|b"],["Productcard4","uilayouts","","npx shadcn@latest add @ui-layouts/productcard4","https://www.ui-layouts.com/components/product-cards",0,"",["productcard4",2,6,2],85,"misc","card|ecommerce,e-commerce,pricing,container,surface|icons,monochrome|c"],["Productcard5","uilayouts","","npx shadcn@latest add @ui-layouts/productcard5","https://www.ui-layouts.com/components/product-cards",0,"",["productcard5",2,7,2],94,"misc","ecommerce|product,e-commerce,pricing,shop,checkout|icons,monochrome|b"],["Productcard6","uilayouts","","npx shadcn@latest add @ui-layouts/productcard6","https://www.ui-layouts.com/components/product-cards",0,"",["productcard6",2,0,3],96,"misc","card|ecommerce,pricing,container,surface|icons,images,animated|c"],["Creative clippath","uilayouts","","npx shadcn@latest add @ui-layouts/creative-clippath","https://www.ui-layouts.com/components/clip-path",0,"",["creative-clippath",0,6,8],89,"misc","card|container,surface|no icons,images,monochrome,minimal|c"],["Corporate clippath","uilayouts","","npx shadcn@latest add @ui-layouts/corporate-clippath","https://www.ui-layouts.com/components/clip-path",0,"",["corporate-clippath",0,5,8],92,"misc","card|container,surface|no icons,images,monochrome,minimal|c"],["Symbolic clippath","uilayouts","","npx shadcn@latest add @ui-layouts/symbolic-clippath","https://www.ui-layouts.com/components/clip-path",0,"",["symbolic-clippath",2,5,10],100,"misc","card|container,surface|no icons,images,monochrome,minimal|c"],["Creative mask clippath","uilayouts","","npx shadcn@latest add @ui-layouts/creative-mask-clippath","https://www.ui-layouts.com/components/clip-path",0,"",["creative-mask-clippath",0,2,9],92,"misc","card|container,surface|no icons,images,animated|c"],["Watersplash clippath","uilayouts","","npx shadcn@latest add @ui-layouts/watersplash-clippath","https://www.ui-layouts.com/components/clip-path",0,"",["watersplash-clippath",3,0,3],92,"misc","card|container,surface|no icons,images,monochrome,minimal|c"],["Creative imagemasking","uilayouts","","npx shadcn@latest add @ui-layouts/creative-imagemasking","https://www.ui-layouts.com/components/image-masking",0,"",["creative-imagemasking",0,1,9],87,"misc","image|media,mockup|no icons|c"],["Animal imagemasking","uilayouts","","npx shadcn@latest add @ui-layouts/animal-imagemasking","https://www.ui-layouts.com/components/image-masking",0,"",["animal-imagemasking",0,0,2],0,"misc","image|media,mockup||c"],["Watersplash imagemasking","uilayouts","","npx shadcn@latest add @ui-layouts/watersplash-imagemasking","https://www.ui-layouts.com/components/image-masking",0,"",["watersplash-imagemasking",3,1,3],0,"misc","image|media,mockup||c"],["Center imagemasking","uilayouts","","npx shadcn@latest add @ui-layouts/center-imagemasking","https://www.ui-layouts.com/components/image-masking",0,"",["center-imagemasking",0,2,7],0,"misc","image|media,mockup||c"],["Fixedbg imagemasking","uilayouts","","npx shadcn@latest add @ui-layouts/fixedbg-imagemasking","https://www.ui-layouts.com/components/image-masking",0,"",["fixedbg-imagemasking",1,4,1],0,"misc","image|media,mockup||c"],["Creative videomasking","uilayouts","","npx shadcn@latest add @ui-layouts/creative-videomasking","https://www.ui-layouts.com/components/video-masking",0,"",["creative-videomasking",0,4,9],83,"misc","video player|video,media player|no icons|c"],["Splashwater videomasking","uilayouts","","npx shadcn@latest add @ui-layouts/splashwater-videomasking","https://www.ui-layouts.com/components/video-masking",0,"",["splashwater-videomasking",2,2,7],0,"misc","video player|video,media player||c"],["Textoverlay videomasking","uilayouts","","npx shadcn@latest add @ui-layouts/textoverlay-videomasking","https://www.ui-layouts.com/components/video-masking",0,"",["textoverlay-videomasking",3,0,1],64,"misc","video player|text effect,video,media player|no icons|c"],["Hexagon videomasking","uilayouts","","npx shadcn@latest add @ui-layouts/hexagon-videomasking","https://www.ui-layouts.com/components/video-masking",0,"",["hexagon-videomasking",1,2,5],0,"misc","video player|video,media player||c"],["Hexagon2 videomasking","uilayouts","","npx shadcn@latest add @ui-layouts/hexagon2-videomasking","https://www.ui-layouts.com/components/video-masking",0,"",["hexagon2-videomasking",1,3,5],0,"misc","video player|video,media player||c"],["Progressive carousel","uilayouts","","npx shadcn@latest add @ui-layouts/progressive-carousel","https://www.ui-layouts.com/components/carousel",0,"",["progressive-carousel",2,1,3],77,"carousel","carousel|progress bar,slider,gallery,swipe|no icons,monochrome|c"],["Horizontal progressive carousel","uilayouts","","npx shadcn@latest add @ui-layouts/horizontal-progressive-carousel","https://www.ui-layouts.com/components/carousel",0,"",["horizontal-progressive-carousel",1,4,5],77,"carousel","carousel|progress bar,slider,gallery,swipe|no icons,monochrome|c"],["Vertical progressive carousel","uilayouts","","npx shadcn@latest add @ui-layouts/vertical-progressive-carousel","https://www.ui-layouts.com/components/carousel",0,"",["vertical-progressive-carousel",3,2,2],62,"carousel","carousel|progress bar,slider,gallery,swipe|no icons,monochrome|c"],["Image hover accordion","uilayouts","","npx shadcn@latest add @ui-layouts/image-hover-accordion","https://www.ui-layouts.com/components/image-accordions",0,"",["image-hover-accordion",1,3,6],78,"accordion","accordion|image,collapsible,expand,faq|no icons,images,animated,monochrome|c"],["Tailwind image accordion","uilayouts","","npx shadcn@latest add @ui-layouts/tailwind-image-accordion","https://www.ui-layouts.com/components/image-accordions",0,"",["tailwind-image-accordion",2,2,11],88,"accordion","accordion|image,collapsible,expand,faq|no icons,images,monochrome|c"],["Image tab1","uilayouts","","npx shadcn@latest add @ui-layouts/image-tab1","https://www.ui-layouts.com/components/image-tabs",0,"",["image-tab1",1,2,7],86,"media","image|media,mockup|no icons|c"],["Image tab2","uilayouts","","npx shadcn@latest add @ui-layouts/image-tab2","https://www.ui-layouts.com/components/image-tabs",0,"",["image-tab2",1,3,7],89,"media","image|media,mockup|no icons|c"],["Img tabs standalone","uilayouts","","npx shadcn@latest add @ui-layouts/img-tabs-standalone","https://www.ui-layouts.com/components/tabs",0,"",["img-tabs-standalone",1,5,7],86,"tabs","tabs|image,tab bar,segmented control,navigation|no icons|c"],["Magnified doc","uilayouts","","npx shadcn@latest add @ui-layouts/magnified-doc","https://www.ui-layouts.com/components/magnified-doc",0,"",["magnified-doc",1,0,10],97,"misc","background|animated background,tasks,effect,hero background|no icons,avatar,images,colorful|c"],["Magnified tab","uilayouts","","npx shadcn@latest add @ui-layouts/magnified-tab","https://www.ui-layouts.com/components/tabs",0,"",["magnified-tab",1,1,10],98,"tabs","tabs|tab bar,segmented control,navigation|no icons,avatar,images,monochrome,minimal|c"],["Tabs","uilayouts","","npx shadcn@latest add @ui-layouts/tabs","https://www.ui-layouts.com/components/tabs",0,"",["tabs",2,6,10],90,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Animated tabs","uilayouts","","npx shadcn@latest add @ui-layouts/animated-tabs","https://www.ui-layouts.com/components/tabs",0,"",["animated-tabs",0,0,3],88,"tabs","tabs|tab bar,segmented control,navigation|no icons,animated,monochrome,minimal|c"],["Creative tab","uilayouts","","npx shadcn@latest add @ui-layouts/creative-tab","https://www.ui-layouts.com/components/tabs",0,"",["creative-tab",0,3,9],90,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Register tab","uilayouts","","npx shadcn@latest add @ui-layouts/register-tab","https://www.ui-layouts.com/components/tabs",0,"",["register-tab",2,6,3],90,"tabs","tabs|login,tab bar,segmented control,navigation|icons,avatar,monochrome|c"],["Swapy","uilayouts","","npx shadcn@latest add @ui-layouts/swapy","https://www.ui-layouts.com/components/swapy",0,"",["swapy",2,2,10],90,"misc","card|container,login,pricing,surface|icons,monochrome|c"],["Default swapy","uilayouts","","npx shadcn@latest add @ui-layouts/default-swapy","https://www.ui-layouts.com/components/swapy",0,"",["default-swapy",0,6,10],90,"misc","card|container,login,pricing,surface|icons,monochrome|c"],["Opacity swapy","uilayouts","","npx shadcn@latest add @ui-layouts/opacity-swapy","https://www.ui-layouts.com/components/swapy",0,"",["opacity-swapy",2,7,0],89,"misc","card|container,surface|icons,monochrome|c"],["Swapy handle","uilayouts","","npx shadcn@latest add @ui-layouts/swapy-handle","https://www.ui-layouts.com/components/swapy",0,"",["swapy-handle",2,3,10],92,"misc","card|container,surface|icons,monochrome|c"],["Swapy without components","uilayouts","","npx shadcn@latest add @ui-layouts/swapy-without-components","https://www.ui-layouts.com/components/swapy",0,"",["swapy-without-components",2,4,10],98,"misc","card|container,surface|icons,monochrome|c"],["Drag items","uilayouts","","npx shadcn@latest add @ui-layouts/drag-items","https://www.ui-layouts.com/components/drag-items",0,"",["drag-items",0,3,11],93,"misc","card|container,surface|no icons,monochrome|b"],["Timeline animation","uilayouts","","npx shadcn@latest add @ui-layouts/timeline-animation","https://www.ui-layouts.com/components/timeline-animation",0,"",["timeline-animation",3,3,1],100,"misc","timeline|history,steps,activity|icons,avatar,images,animated,monochrome|b"],["Timeline animation default","uilayouts","","npx shadcn@latest add @ui-layouts/timeline-animation-default","https://www.ui-layouts.com/components/timeline-animation",0,"",["timeline-animation-default",3,4,1],100,"misc","timeline|history,steps,activity|icons,avatar,images,animated,monochrome|b"],["Scroll animation","uilayouts","","npx shadcn@latest add @ui-layouts/scroll-animation","https://www.ui-layouts.com/components/scroll-animation",0,"",["scroll-animation",2,4,4],94,"misc","scroll effect|scroll,animation|no icons,images,animated,monochrome,minimal|c"],["Scroll animation default","uilayouts","","npx shadcn@latest add @ui-layouts/scroll-animation-default","https://www.ui-layouts.com/components/scroll-animation",0,"",["scroll-animation-default",2,5,4],98,"misc","scroll effect|scroll,animation|no icons,images,animated,monochrome,minimal|c"],["Scroll animation repeat","uilayouts","","npx shadcn@latest add @ui-layouts/scroll-animation-repeat","https://www.ui-layouts.com/components/scroll-animation",0,"",["scroll-animation-repeat",2,6,4],94,"misc","scroll effect|scroll,animation|no icons,images,animated,monochrome,minimal|c"],["Scroll animation text","uilayouts","","npx shadcn@latest add @ui-layouts/scroll-animation-text","https://www.ui-layouts.com/components/scroll-animation",0,"",["scroll-animation-text",2,7,4],78,"text","text effect|scroll effect,text animation,typography,animated text|no icons,animated,monochrome|c"],["Mousetrail","uilayouts","","npx shadcn@latest add @ui-layouts/mousetrail","https://www.ui-layouts.com/components/image-mousetrail",0,"",["mousetrail",1,6,11],83,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Image mousetrail default","uilayouts","","npx shadcn@latest add @ui-layouts/image-mousetrail-default","https://www.ui-layouts.com/components/image-mousetrail",0,"",["image-mousetrail-default",1,4,6],83,"media","cursor effect|image,cursor,interaction,animation|no icons,monochrome,minimal|c"],["Image mousetrail small","uilayouts","","npx shadcn@latest add @ui-layouts/image-mousetrail-small","https://www.ui-layouts.com/components/image-mousetrail",0,"",["image-mousetrail-small",1,6,6],64,"media","cursor effect|image,cursor,interaction,animation|no icons,monochrome,minimal|c"],["Image mousetrail disappear","uilayouts","","npx shadcn@latest add @ui-layouts/image-mousetrail-disappear","https://www.ui-layouts.com/components/image-mousetrail",0,"",["image-mousetrail-disappear",1,5,6],83,"media","cursor effect|image,cursor,interaction,animation|no icons,monochrome,minimal|c"],["Image mousetrail without component","uilayouts","","npx shadcn@latest add @ui-layouts/image-mousetrail-without-component","https://www.ui-layouts.com/components/image-mousetrail",0,"",["image-mousetrail-without-component",1,7,6],82,"media","cursor effect|image,cursor,interaction,animation|no icons,monochrome|c"],["Horizontal scroll","uilayouts","","npx shadcn@latest add @ui-layouts/horizontal-scroll","https://www.ui-layouts.com/components/horizontal-scroll",0,"",["horizontal-scroll",1,5,5],77,"misc","card|container,surface|no icons,images,monochrome|c"],["Framerhorizontalscroll","uilayouts","","npx shadcn@latest add @ui-layouts/framerhorizontalscroll","https://www.ui-layouts.com/components/horizontal-scroll",0,"",["framerhorizontalscroll",1,5,3],90,"misc","image|media,mockup|no icons,images|c"],["Stacking card","uilayouts","","npx shadcn@latest add @ui-layouts/stacking-card","https://www.ui-layouts.com/components/stacking-card",0,"",["stacking-card",2,3,8],84,"card","card|container,surface|icons,images|b"],["Css image stacking","uilayouts","","npx shadcn@latest add @ui-layouts/css-image-stacking","https://www.ui-layouts.com/components/stacking-card",0,"",["css-image-stacking",0,6,9],85,"media","image|media,mockup|no icons,images,animated,monochrome,minimal|c"],["Css card stacking","uilayouts","","npx shadcn@latest add @ui-layouts/css-card-stacking","https://www.ui-layouts.com/components/stacking-card",0,"",["css-card-stacking",0,5,9],79,"card","carousel|card,slider,gallery,swipe|no icons,monochrome|c"],["Smooth scroll","uilayouts","","npx shadcn@latest add @ui-layouts/smooth-scroll","https://www.ui-layouts.com/components/sticky-scroll",0,"",["smooth-scroll",2,0,6],83,"misc","card|container,surface|no icons,monochrome|b"],["Sticky gallery","uilayouts","","npx shadcn@latest add @ui-layouts/sticky-gallery","https://www.ui-layouts.com/components/sticky-scroll",0,"",["sticky-gallery",2,4,9],86,"carousel","gallery|images,grid,photos|no icons,images,animated,monochrome|c"],["Sticky hero section","uilayouts","","npx shadcn@latest add @ui-layouts/sticky-hero-section","https://www.ui-layouts.com/components/sticky-scroll",0,"",["sticky-hero-section",2,6,9],96,"section|b","hero section|content section,landing page,header,headline|no icons,images,monochrome|b"],["Sparkles","uilayouts","","npx shadcn@latest add @ui-layouts/sparkles","https://www.ui-layouts.com/components/globe",0,"",["sparkles",2,1,6],76,"misc","background|animated background,effect,hero background|no icons|c"],["Sparkles globe","uilayouts","","npx shadcn@latest add @ui-layouts/sparkles-globe","https://www.ui-layouts.com/components/globe",0,"",["sparkles-globe",2,3,6],79,"map","map|background,globe,location|no icons|c"],["Sparkles section","uilayouts","","npx shadcn@latest add @ui-layouts/sparkles-section","https://www.ui-layouts.com/components/sparkles",0,"",["sparkles-section",2,4,6],85,"section|b","content section|background,section,landing page|no icons|b"],["Sparkles title","uilayouts","","npx shadcn@latest add @ui-layouts/sparkles-title","https://www.ui-layouts.com/components/sparkles-title",0,"",["sparkles-title",2,5,6],91,"misc","background|animated background,effect,hero background|no icons|c"],["Sparkles title2","uilayouts","","npx shadcn@latest add @ui-layouts/sparkles-title2","https://www.ui-layouts.com/components/sparkles-title",0,"",["sparkles-title2",2,6,6],88,"misc","background|animated background,effect,hero background|no icons|c"],["Sparkles title3","uilayouts","","npx shadcn@latest add @ui-layouts/sparkles-title3","https://www.ui-layouts.com/components/sparkles-title",0,"",["sparkles-title3",2,7,6],74,"misc","background|animated background,effect,hero background|no icons|c"],["Sparkles title4","uilayouts","","npx shadcn@latest add @ui-layouts/sparkles-title4","https://www.ui-layouts.com/components/sparkles-title",0,"",["sparkles-title4",2,0,7],75,"misc","background|animated background,effect,hero background|no icons|c"],["Sparkles branding","uilayouts","","npx shadcn@latest add @ui-layouts/sparkles-branding","https://www.ui-layouts.com/components/sparkles",0,"",["sparkles-branding",2,2,6],77,"misc","background|animated background,effect,hero background|no icons|c"],["Marquee","uilayouts","","npx shadcn@latest add @ui-layouts/marquee","https://www.ui-layouts.com/components/marquee",0,"",["marquee",1,3,10],97,"carousel","marquee|infinite scroll,logos,animation|no icons,animated|c"],["Default marquee","uilayouts","","npx shadcn@latest add @ui-layouts/default-marquee","https://www.ui-layouts.com/components/marquee",0,"",["default-marquee",0,4,10],97,"carousel","marquee|infinite scroll,logos,animation|no icons,animated|c"],["Verticle marquee","uilayouts","","npx shadcn@latest add @ui-layouts/verticle-marquee","https://www.ui-layouts.com/components/marquee",0,"",["verticle-marquee",3,6,2],97,"carousel","marquee|infinite scroll,logos,animation|no icons,animated|c"],["Logos marquee","uilayouts","","npx shadcn@latest add @ui-layouts/logos-marquee","https://www.ui-layouts.com/components/marquee",0,"",["logos-marquee",1,6,9],71,"carousel","marquee|logo cloud,infinite scroll,logos,animation|no icons,avatar,images,animated,monochrome,minimal|c"],["3d marquee","uilayouts","","npx shadcn@latest add @ui-layouts/3d-marquee","https://www.ui-layouts.com/components/marquee",0,"",["3d-marquee",0,0,0],87,"carousel","marquee|infinite scroll,logos,animation|no icons,images,animated,monochrome,minimal|c"],["Infintyband","uilayouts","","npx shadcn@latest add @ui-layouts/infintyband","https://www.ui-layouts.com/components/infinity-brand",0,"",["infintyband",1,0,8],72,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Liquid glass","uilayouts","","npx shadcn@latest add @ui-layouts/liquid-glass","https://www.ui-layouts.com/components/liquid-glass",0,"",["liquid-glass",1,7,8],51,"misc","background|animated background,notifications,effect,hero background|icons,monochrome|c"],["Liquid glass weather","uilayouts","","npx shadcn@latest add @ui-layouts/liquid-glass-weather","https://www.ui-layouts.com/components/liquid-glass",0,"",["liquid-glass-weather",1,3,9],49,"misc","background|animated background,calendar,effect,hero background|icons,monochrome|c"],["Liquid glass mobile icons","uilayouts","","npx shadcn@latest add @ui-layouts/liquid-glass-mobile-icons","https://www.ui-layouts.com/components/liquid-glass",0,"",["liquid-glass-mobile-icons",1,0,9],51,"misc","animated icon|background,notifications,icon,animation|icons,monochrome|c"],["Liquid glass notification","uilayouts","","npx shadcn@latest add @ui-layouts/liquid-glass-notification","https://www.ui-layouts.com/components/liquid-glass",0,"",["liquid-glass-notification",1,1,9],75,"toast","toast|background,notifications,notification,alert,message|no icons,avatar,images,monochrome|c"],["Liquid glass sidebar menu","uilayouts","","npx shadcn@latest add @ui-layouts/liquid-glass-sidebar-menu","https://www.ui-layouts.com/components/liquid-glass",0,"",["liquid-glass-sidebar-menu",1,2,9],67,"section|b","sidebar|background,settings,notifications,dropdown menu,navigation,menu|icons,monochrome|b"],["Blur vignette","uilayouts","","npx shadcn@latest add @ui-layouts/blur-vignette","https://www.ui-layouts.com/components/blur-vignette",0,"",["blur-vignette",0,4,3],76,"misc","card|container,surface|no icons,images,monochrome|b"],["Video blur vignette","uilayouts","","npx shadcn@latest add @ui-layouts/video-blur-vignette","https://www.ui-layouts.com/components/blur-vignette",0,"",["video-blur-vignette",3,7,2],82,"media","video player|video,media player|no icons,monochrome,minimal|c"],["Blur vignette video","uilayouts","","npx shadcn@latest add @ui-layouts/blur-vignette-video","https://www.ui-layouts.com/components/blur-vignette",0,"",["blur-vignette-video",0,7,3],82,"media","video player|video,media player|no icons,monochrome,minimal|c"],["Blur vignette img","uilayouts","","npx shadcn@latest add @ui-layouts/blur-vignette-img","https://www.ui-layouts.com/components/blur-vignette",0,"",["blur-vignette-img",0,6,3],86,"misc","image|media,mockup|no icons,images,monochrome,minimal|c"],["Blur vignette card","uilayouts","","npx shadcn@latest add @ui-layouts/blur-vignette-card","https://www.ui-layouts.com/components/blur-vignette",0,"",["blur-vignette-card",0,5,3],76,"card","card|container,surface|no icons,images,monochrome|b"],["Liquid gradient","uilayouts","","npx shadcn@latest add @ui-layouts/liquid-gradient","https://www.ui-layouts.com/components/liquid-gradient",0,"",["liquid-gradient",1,4,9],100,"background","background|animated background,effect,hero background|no icons|c"],["Liquid gradient components","uilayouts","","npx shadcn@latest add @ui-layouts/liquid-gradient-components","https://www.ui-layouts.com/components/liquid-gradient",0,"",["liquid-gradient-components",1,5,9],100,"background","background|animated background,effect,hero background|no icons|c"],["Liquid button","uilayouts","","npx shadcn@latest add @ui-layouts/liquid-button","https://www.ui-layouts.com/components/liquid-gradient",0,"",["liquid-button",1,6,8],89,"button","button|background,cta,click,action|icons|c"],["Accordion","uilayouts","","npx shadcn@latest add @ui-layouts/accordion","https://www.ui-layouts.com/components/faqs",0,"",["accordion",0,5,1],60,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Grid layout accordion","uilayouts","","npx shadcn@latest add @ui-layouts/grid-layout-accordion","https://www.ui-layouts.com/components/accordion",0,"",["grid-layout-accordion",1,3,4],60,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Single layout accordion","uilayouts","","npx shadcn@latest add @ui-layouts/single-layout-accordion","https://www.ui-layouts.com/components/accordion",0,"",["single-layout-accordion",2,6,5],50,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Multi layout accordion","uilayouts","","npx shadcn@latest add @ui-layouts/multi-layout-accordion","https://www.ui-layouts.com/components/accordion",0,"",["multi-layout-accordion",1,7,11],50,"accordion","accordion|collapsible,expand,faq|icons,animated,monochrome|c"],["Faq accordion","uilayouts","","npx shadcn@latest add @ui-layouts/faq-accordion","https://www.ui-layouts.com/components/faqs",0,"",["faq-accordion",0,5,11],68,"accordion|b","faq section|faq,accordion,questions||b"],["Slider","uilayouts","","npx shadcn@latest add @ui-layouts/slider","https://www.ui-layouts.com/components/marquee",0,"",["slider",2,7,5],71,"input","slider|range,input|icons,monochrome|c"],["Dual range slider","uilayouts","","npx shadcn@latest add @ui-layouts/dual-range-slider","https://www.ui-layouts.com/components/range-slider",0,"",["dual-range-slider",0,4,11],71,"input","slider|range,input|icons,monochrome|c"],["Position range slider","uilayouts","","npx shadcn@latest add @ui-layouts/position-range-slider","https://www.ui-layouts.com/components/range-slider",0,"",["position-range-slider",2,7,1],100,"input","slider|range,input|icons,monochrome|c"],["Static range slider","uilayouts","","npx shadcn@latest add @ui-layouts/static-range-slider","https://www.ui-layouts.com/components/range-slider",0,"",["static-range-slider",2,5,8],68,"input","slider|range,input|icons,monochrome,minimal|c"],["Showhide pass","uilayouts","","npx shadcn@latest add @ui-layouts/showhide-pass","https://www.ui-layouts.com/components/password",0,"",["showhide-pass",2,5,5],62,"misc","card|container,login,surface|icons,monochrome,minimal|c"],["Pass strengthindicator","uilayouts","","npx shadcn@latest add @ui-layouts/pass-strengthindicator","https://www.ui-layouts.com/components/password",0,"",["pass-strengthindicator",2,3,1],72,"misc","progress bar|progress,login,meter,loading|icons,monochrome|c"],["Pass strength dotted indicator","uilayouts","","npx shadcn@latest add @ui-layouts/pass-strength-dotted-indicator","https://www.ui-layouts.com/components/password",0,"",["pass-strength-dotted-indicator",2,0,1],72,"misc","badge|label,login,status,pill|icons,monochrome|c"],["Pass strength hover indicator","uilayouts","","npx shadcn@latest add @ui-layouts/pass-strength-hover-indicator","https://www.ui-layouts.com/components/password",0,"",["pass-strength-hover-indicator",2,1,1],72,"misc","badge|label,login,status,pill|icons,monochrome|c"],["Pass strength inline indicator","uilayouts","","npx shadcn@latest add @ui-layouts/pass-strength-inline-indicator","https://www.ui-layouts.com/components/password",0,"",["pass-strength-inline-indicator",2,2,1],64,"misc","badge|label,login,status,pill|icons,monochrome|c"],["Confirm pass check","uilayouts","","npx shadcn@latest add @ui-layouts/confirm-pass-check","https://www.ui-layouts.com/components/password",0,"",["confirm-pass-check",0,4,8],77,"dialog","alert dialog|dialog,login,modal,confirm|icons,monochrome|c"],["Tags input","uilayouts","","npx shadcn@latest add @ui-layouts/tags-input","https://www.ui-layouts.com/components/tags-input",0,"",["tags-input",2,7,10],6,"input","tag input|tag,input,tags,chips|no icons,monochrome,minimal|c"],["Tags input components","uilayouts","","npx shadcn@latest add @ui-layouts/tags-input-components","https://www.ui-layouts.com/components/tags-input",0,"",["tags-input-components",2,0,11],6,"input","tag input|tag,input,tags,chips|no icons,monochrome,minimal|c"],["Tags input no edit","uilayouts","","npx shadcn@latest add @ui-layouts/tags-input-no-edit","https://www.ui-layouts.com/components/tags-input",0,"",["tags-input-no-edit",2,1,11],6,"input","tag input|tag,input,tags,chips|no icons,monochrome,minimal|c"],["Phone input default","uilayouts","","npx shadcn@latest add @ui-layouts/phone-input-default","https://www.ui-layouts.com/components/phone-input",0,"",["phone-input-default",2,5,1],86,"input","phone input|input,form|icons,monochrome,minimal|c"],["Phone input","uilayouts","","npx shadcn@latest add @ui-layouts/phone-input","https://www.ui-layouts.com/components/phone-input",0,"",["phone-input",2,4,1],86,"input","phone input|input,form|icons,monochrome,minimal|c"],["Datetime input","uilayouts","","npx shadcn@latest add @ui-layouts/datetime-input","https://www.ui-layouts.com/components/datetime-picker",0,"",["datetime-input",0,1,10],11,"input","input|date picker,calendar,text field,form,form control|icons,monochrome,minimal|c"],["Datetime input default","uilayouts","","npx shadcn@latest add @ui-layouts/datetime-input-default","https://www.ui-layouts.com/components/datetime-picker",0,"",["datetime-input-default",0,2,10],11,"input","input|date picker,calendar,text field,form,form control|icons,monochrome,minimal|c"],["Time picker","uilayouts","","npx shadcn@latest add @ui-layouts/time-picker","https://www.ui-layouts.com/components/datetime-picker",0,"",["time-picker",3,2,1],11,"misc","time picker|select,time input,clock|icons,monochrome,minimal|c"],["Date picker","uilayouts","","npx shadcn@latest add @ui-layouts/date-picker","https://www.ui-layouts.com/components/datetime-picker",0,"",["date-picker",0,0,10],11,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Multi selector","uilayouts","","npx shadcn@latest add @ui-layouts/multi-selector","https://www.ui-layouts.com/components/multi-selector",0,"",["multi-selector",2,0,0],67,"misc","multi select|select,combobox,tags|icons,monochrome|c"],["Multi selector default","uilayouts","","npx shadcn@latest add @ui-layouts/multi-selector-default","https://www.ui-layouts.com/components/multi-selector",0,"",["multi-selector-default",2,1,0],67,"misc","multi select|select,combobox,tags|icons,monochrome|c"],["File upload","uilayouts","","npx shadcn@latest add @ui-layouts/file-upload","https://www.ui-layouts.com/components/file-upload",0,"",["file-upload",1,2,1],83,"upload","file upload|dropzone,upload,drag and drop|no icons,monochrome,minimal|c"],["File upload default","uilayouts","","npx shadcn@latest add @ui-layouts/file-upload-default","https://www.ui-layouts.com/components/file-upload",0,"",["file-upload-default",1,3,1],83,"upload","file upload|dropzone,upload,drag and drop|no icons,monochrome,minimal|c"],["Chat form dropzone","uilayouts","","npx shadcn@latest add @ui-layouts/chat-form-dropzone","https://www.ui-layouts.com/components/file-upload",0,"",["chat-form-dropzone",0,3,7],74,"upload","file upload|form,chat,dropzone,upload,drag and drop|no icons,monochrome,minimal|c"],["Imgpreview dropzone","uilayouts","","npx shadcn@latest add @ui-layouts/imgpreview-dropzone","https://www.ui-layouts.com/components/file-upload",0,"",["imgpreview-dropzone",1,6,7],83,"upload","file upload|dropzone,upload,drag and drop|no icons,monochrome,minimal|c"],["Linear modal","uilayouts","","npx shadcn@latest add @ui-layouts/linear-modal","https://www.ui-layouts.com/components/linear-modal",0,"",["linear-modal",1,2,8],93,"dialog","dialog|modal,overlay,popup|icons,images,monochrome|c"],["Linear modal default","uilayouts","","npx shadcn@latest add @ui-layouts/linear-modal-default","https://www.ui-layouts.com/components/linear-modal",0,"",["linear-modal-default",1,4,8],92,"dialog","dialog|modal,overlay,popup|icons,images,monochrome|c"],["Linear modal center content","uilayouts","","npx shadcn@latest add @ui-layouts/linear-modal-center-content","https://www.ui-layouts.com/components/linear-modal",0,"",["linear-modal-center-content",1,3,8],93,"dialog","dialog|content section,modal,overlay,popup|icons,images,monochrome|c"],["Linear modal standalone","uilayouts","","npx shadcn@latest add @ui-layouts/linear-modal-standalone","https://www.ui-layouts.com/components/linear-modal",0,"",["linear-modal-standalone",1,5,8],90,"dialog","dialog|modal,overlay,popup|icons,images,monochrome|c"],["Gallery modal accordion","uilayouts","","npx shadcn@latest add @ui-layouts/gallery-modal-accordion","https://www.ui-layouts.com/components/gallery-modal",0,"",["gallery-modal-accordion",1,6,3],88,"accordion","accordion|gallery,dialog,collapsible,expand,faq|no icons,images,monochrome,minimal|c"],["Gallery modal unsplash","uilayouts","","npx shadcn@latest add @ui-layouts/gallery-modal-unsplash","https://www.ui-layouts.com/components/gallery-modal",0,"",["gallery-modal-unsplash",1,0,4],46,"carousel","dialog|gallery,modal,overlay,popup|no icons,monochrome|c"],["Gallery modal slider","uilayouts","","npx shadcn@latest add @ui-layouts/gallery-modal-slider","https://www.ui-layouts.com/components/gallery-modal",0,"",["gallery-modal-slider",1,7,3],89,"carousel","slider|gallery,dialog,range,input|no icons,images,monochrome,minimal|c"],["Dialog","uilayouts","","npx shadcn@latest add @ui-layouts/dialog","https://www.ui-layouts.com/components/dialog",0,"",["dialog",0,7,10],33,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog default","uilayouts","","npx shadcn@latest add @ui-layouts/dialog-default","https://www.ui-layouts.com/components/dialog",0,"",["dialog-default",0,0,11],33,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Media modal","uilayouts","","npx shadcn@latest add @ui-layouts/media-modal","https://www.ui-layouts.com/components/media-modal",0,"",["media-modal",1,4,10],85,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Media modal default","uilayouts","","npx shadcn@latest add @ui-layouts/media-modal-default","https://www.ui-layouts.com/components/media-modal",0,"",["media-modal-default",1,5,10],85,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Imagemodals","uilayouts","","npx shadcn@latest add @ui-layouts/imagemodals","https://www.ui-layouts.com/components/media-modal",0,"",["imagemodals",1,4,7],87,"misc","image|media,mockup|no icons,monochrome,minimal|c"],["Responsive modal","uilayouts","","npx shadcn@latest add @ui-layouts/responsive-modal","https://www.ui-layouts.com/components/responsive-modal",0,"",["responsive-modal",2,0,4],33,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Responsive modal default","uilayouts","","npx shadcn@latest add @ui-layouts/responsive-modal-default","https://www.ui-layouts.com/components/responsive-modal",0,"",["responsive-modal-default",2,1,4],33,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Directional drawer","uilayouts","","npx shadcn@latest add @ui-layouts/directional-drawer","https://www.ui-layouts.com/components/directional-drawer",0,"",["directional-drawer",0,1,11],100,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Directional drawer default","uilayouts","","npx shadcn@latest add @ui-layouts/directional-drawer_default","https://www.ui-layouts.com/components/directional-drawer",0,"",["directional-drawer-default",0,2,11],100,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Left directional drawer","uilayouts","","npx shadcn@latest add @ui-layouts/left-directional-drawer","https://www.ui-layouts.com/components/directional-drawer",0,"",["left-directional-drawer",1,1,8],100,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Top directional drawer","uilayouts","","npx shadcn@latest add @ui-layouts/top-directional-drawer","https://www.ui-layouts.com/components/directional-drawer",0,"",["top-directional-drawer",3,6,1],100,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Bottom directional drawer","uilayouts","","npx shadcn@latest add @ui-layouts/bottom-directional-drawer","https://www.ui-layouts.com/components/directional-drawer",0,"",["bottom-directional-drawer",0,0,4],100,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Motion drawer","uilayouts","","npx shadcn@latest add @ui-layouts/motion-drawer","https://www.ui-layouts.com/components/motion-drawer",0,"",["motion-drawer",1,1,11],72,"misc","drawer|sheet,overlay,panel|icons,animated,monochrome,minimal|c"],["Motion drawer default","uilayouts","","npx shadcn@latest add @ui-layouts/motion-drawer-default","https://www.ui-layouts.com/components/motion-drawer",0,"",["motion-drawer-default",1,2,11],72,"misc","drawer|sheet,overlay,panel|icons,animated,monochrome,minimal|c"],["Right motion drawer","uilayouts","","npx shadcn@latest add @ui-layouts/right-motion-drawer","https://www.ui-layouts.com/components/motion-drawer",0,"",["right-motion-drawer",2,2,4],72,"misc","drawer|sheet,overlay,panel|icons,animated,monochrome,minimal|c"],["Spotlight","uilayouts","","npx shadcn@latest add @ui-layouts/spotlight","https://www.ui-layouts.com/components/spotlight-cards",0,"",["spotlight",2,3,7],89,"command","background|animated background,media,effect,hero background|no icons,images,monochrome|c"],["Spotlight card1","uilayouts","","npx shadcn@latest add @ui-layouts/spotlight-card1","https://www.ui-layouts.com/components/spotlight-cards",0,"",["spotlight-card1",2,5,7],89,"command","card|background,media,container,surface|no icons,images,monochrome|b"],["Spotlight card2","uilayouts","","npx shadcn@latest add @ui-layouts/spotlight-card2","https://www.ui-layouts.com/components/spotlight-cards",0,"",["spotlight-card2",2,6,7],76,"command","card|background,container,surface|no icons,monochrome|c"],["Spotlight card3","uilayouts","","npx shadcn@latest add @ui-layouts/spotlight-card3","https://www.ui-layouts.com/components/spotlight-cards",0,"",["spotlight-card3",2,7,7],71,"command","card|background,container,surface|no icons,monochrome|c"],["Spotlight card4","uilayouts","","npx shadcn@latest add @ui-layouts/spotlight-card4","https://www.ui-layouts.com/components/spotlight-cards",0,"",["spotlight-card4",2,0,8],75,"command","card|background,container,surface|no icons,monochrome|b"],["Image reveal","uilayouts","","npx shadcn@latest add @ui-layouts/image-reveal","https://www.ui-layouts.com/components/image-reveal",0,"",["image-reveal",1,0,7],96,"media","image|media,mockup|no icons,monochrome|c"],["Image reveal2","uilayouts","","npx shadcn@latest add @ui-layouts/image-reveal2","https://www.ui-layouts.com/components/image-reveal",0,"",["image-reveal2",1,1,7],70,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Bg blocks one","uilayouts","","npx shadcn@latest add @ui-layouts/bg-blocks-one","https://www.ui-layouts.com/components/blocks",0,"",["bg-blocks-one",0,3,3],53,"misc","background|content section,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Animated beam","uilayouts","","npx shadcn@latest add @ui-layouts/animated-beam","https://www.ui-layouts.com/components/animated-beam",0,"",["animated-beam",0,1,2],91,"background","background|animated background,effect,hero background|icons,animated|c"],["Animated beam default","uilayouts","","npx shadcn@latest add @ui-layouts/animated-beam-default","https://www.ui-layouts.com/components/animated-beam",0,"",["animated-beam-default",0,3,2],91,"background","background|animated background,effect,hero background|icons,animated|c"],["Animated beam bidirectional","uilayouts","","npx shadcn@latest add @ui-layouts/animated-beam-bidirectional","https://www.ui-layouts.com/components/animated-beam",0,"",["animated-beam-bidirectional",0,2,2],71,"background","background|animated background,effect,hero background|icons,animated|c"],["Animated beam unidirectional","uilayouts","","npx shadcn@latest add @ui-layouts/animated-beam-unidirectional","https://www.ui-layouts.com/components/animated-beam",0,"",["animated-beam-unidirectional",0,6,2],66,"background","background|animated background,effect,hero background|icons,animated|c"],["Animated beam multiple input","uilayouts","","npx shadcn@latest add @ui-layouts/animated-beam-multiple-input","https://www.ui-layouts.com/components/animated-beam",0,"",["animated-beam-multiple-input",0,4,2],88,"input","input|background,text field,form,form control|icons,animated|c"],["Animated beam multiple output","uilayouts","","npx shadcn@latest add @ui-layouts/animated-beam-multiple-output","https://www.ui-layouts.com/components/animated-beam",0,"",["animated-beam-multiple-output",0,5,2],90,"background","background|animated background,effect,hero background|icons,animated|c"],["Carousel","uilayouts","","npx shadcn@latest add @ui-layouts/carousel","https://www.ui-layouts.com/components/carousel",0,"",["carousel",0,1,7],76,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Default slider","uilayouts","","npx shadcn@latest add @ui-layouts/default-slider","https://www.ui-layouts.com/components/carousel",0,"",["default-slider",0,5,10],76,"input","slider|range,input|no icons,images,monochrome,minimal|c"],["Align slider","uilayouts","","npx shadcn@latest add @ui-layouts/align-slider","https://www.ui-layouts.com/components/carousel",0,"",["align-slider",0,7,1],99,"input","slider|range,input|no icons,monochrome,minimal|c"],["Classname slider","uilayouts","","npx shadcn@latest add @ui-layouts/classname-slider","https://www.ui-layouts.com/components/carousel",0,"",["classname-slider",0,5,7],100,"input","slider|range,input|no icons,monochrome,minimal|c"],["Number slider","uilayouts","","npx shadcn@latest add @ui-layouts/number-slider","https://www.ui-layouts.com/components/carousel",0,"",["number-slider",2,6,0],89,"input","slider|range,input|no icons,monochrome,minimal|c"],["Scale slider","uilayouts","","npx shadcn@latest add @ui-layouts/scale-slider","https://www.ui-layouts.com/components/carousel",0,"",["scale-slider",2,3,4],99,"input","slider|range,input|no icons,monochrome,minimal|c"],["Thumbnail slider","uilayouts","","npx shadcn@latest add @ui-layouts/thumbnail-slider","https://www.ui-layouts.com/components/carousel",0,"",["thumbnail-slider",3,1,1],90,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Autostart slider","uilayouts","","npx shadcn@latest add @ui-layouts/autostart-slider","https://www.ui-layouts.com/components/carousel",0,"",["autostart-slider",0,2,3],98,"carousel","slider|range,input|no icons,monochrome,minimal|c"],["Autoscroll slider","uilayouts","","npx shadcn@latest add @ui-layouts/autoscroll-slider","https://www.ui-layouts.com/components/carousel",0,"",["autoscroll-slider",0,1,3],99,"carousel","slider|range,input|no icons,monochrome,minimal|c"],["Vertical slider","uilayouts","","npx shadcn@latest add @ui-layouts/vertical-slider","https://www.ui-layouts.com/components/carousel",0,"",["vertical-slider",3,3,2],84,"input","slider|range,input|icons,images,monochrome|c"],["Vertical thumbnail slider","uilayouts","","npx shadcn@latest add @ui-layouts/vertical-thumbnail-slider","https://www.ui-layouts.com/components/carousel",0,"",["vertical-thumbnail-slider",3,5,2],86,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Vertical thumbnail autostart slider","uilayouts","","npx shadcn@latest add @ui-layouts/vertical-thumbnail-autostart-slider","https://www.ui-layouts.com/components/carousel",0,"",["vertical-thumbnail-autostart-slider",3,4,2],83,"carousel","slider|range,input|no icons,images,monochrome,minimal|c"],["Framer normal carousel","uilayouts","","npx shadcn@latest add @ui-layouts/framer-normal-carousel","https://www.ui-layouts.com/components/carousel",0,"",["framer-normal-carousel",1,3,3],84,"carousel","carousel|image,slider,gallery,swipe|icons,images,monochrome|c"],["Framer draggable carousel","uilayouts","","npx shadcn@latest add @ui-layouts/framer-draggable-carousel","https://www.ui-layouts.com/components/carousel",0,"",["framer-draggable-carousel",1,0,3],80,"carousel","carousel|image,slider,gallery,swipe|icons,images,monochrome|c"],["Framer autoplay carousel","uilayouts","","npx shadcn@latest add @ui-layouts/framer-autoplay-carousel","https://www.ui-layouts.com/components/carousel",0,"",["framer-autoplay-carousel",1,5,2],85,"carousel","carousel|image,media,slider,gallery,swipe|icons,images,monochrome|c"],["Framer multi carousel","uilayouts","","npx shadcn@latest add @ui-layouts/framer-multi-carousel","https://www.ui-layouts.com/components/carousel",0,"",["framer-multi-carousel",1,2,3],92,"carousel","carousel|image,slider,gallery,swipe|icons,images,monochrome|c"],["Framer thumnbails","uilayouts","","npx shadcn@latest add @ui-layouts/framer-thumnbails","https://www.ui-layouts.com/components/carousel",0,"",["framer-thumnbails",1,4,3],87,"misc","image|media,mockup|icons,images,monochrome|c"],["Framer moveable thumbnails","uilayouts","","npx shadcn@latest add @ui-layouts/framer-moveable-thumbnails","https://www.ui-layouts.com/components/framer-carousel",0,"",["framer-moveable-thumbnails",1,1,3],84,"misc","image|media,mockup|icons,images,monochrome|c"],["Framer drag sliding carousel","uilayouts","","npx shadcn@latest add @ui-layouts/framer-drag-sliding-carousel","https://www.ui-layouts.com/components/carousel",0,"",["framer-drag-sliding-carousel",1,7,2],91,"carousel","carousel|image,slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Code block","uilayouts","","npx shadcn@latest add @ui-layouts/code-block","https://www.ui-layouts.com/components/code-block",0,"",["code-block",0,6,7],84,"misc|b","code block|content section,code,syntax highlight|icons,colorful|c"],["Tree code viewer","uilayouts","","npx shadcn@latest add @ui-layouts/tree-code-viewer","https://www.ui-layouts.com/components/tree-code-viewer",0,"",["tree-code-viewer",3,7,1],70,"misc","code block|tree view,code,syntax highlight|icons,colorful|c"],["Code tabs mdx","uilayouts","","npx shadcn@latest add @ui-layouts/code-tabs-mdx","",0,"",0,0],["Hero digital success","uilayouts","","npx shadcn@latest add @ui-layouts/hero-digital-success","",0,"",0,0],["Hero ai value proposition","uilayouts","","npx shadcn@latest add @ui-layouts/hero-ai-value-proposition","https://www.ui-layouts.com/blocks/hero-section",0,"",["hero-ai-value-proposition",1,6,4],78,"section|b","hero section|landing page,login,header,headline|icons,avatar,images,monochrome|b"],["Hero share app","uilayouts","","npx shadcn@latest add @ui-layouts/hero-share-app","https://www.ui-layouts.com/blocks/hero-section",0,"",["hero-share-app",1,0,5],94,"section|b","hero section|landing page,media,header,headline|icons,avatar,images,animated,monochrome|b"],["Hero social app","uilayouts","","npx shadcn@latest add @ui-layouts/hero-social-app","https://www.ui-layouts.com/blocks/hero-section",0,"",["hero-social-app",1,1,5],70,"section|b","hero section|landing page,media,header,headline|icons,animated,monochrome|b"],["Hero ai ecommerce","uilayouts","","npx shadcn@latest add @ui-layouts/hero-ai-ecommerce","https://www.ui-layouts.com/blocks/hero-section",0,"",["hero-ai-ecommerce",1,5,4],98,"section|b","hero section|ecommerce,login,landing page,header,headline|icons|b"],["Hero ai infrastructure","uilayouts","","npx shadcn@latest add @ui-layouts/hero-ai-infrastructure","",0,"",0,0],["Hero financial","uilayouts","","npx shadcn@latest add @ui-layouts/hero-financial","https://www.ui-layouts.com/blocks/hero-section",0,"",["hero-financial",1,7,4],88,"section|b","hero section|landing page,header,headline|icons,animated|b"],["Feature flow","uilayouts","","npx shadcn@latest add @ui-layouts/feature-flow","https://www.ui-layouts.com/blocks/feature-section",0,"",["feature-flow",1,4,0],72,"section|b","features section|features,analytics,grid,landing page|icons,monochrome|b"],["Feature hero","uilayouts","","npx shadcn@latest add @ui-layouts/feature-hero","https://www.ui-layouts.com/blocks/feature-section",0,"",["feature-hero",1,5,0],88,"section|b","hero section|features section,landing page,header,headline|icons,monochrome|b"],["Feature bento","uilayouts","","npx shadcn@latest add @ui-layouts/feature-bento","https://www.ui-layouts.com/blocks/feature-section",0,"",["feature-bento",1,3,0],97,"section|b","features section|features,settings,grid,landing page|icons,animated,monochrome|b"],["Feature nature","uilayouts","","npx shadcn@latest add @ui-layouts/feature-nature","https://www.ui-layouts.com/blocks/feature-section",0,"",["feature-nature",1,7,0],73,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Feature velocity","uilayouts","","npx shadcn@latest add @ui-layouts/feature-velocity","",0,"",0,0],["Feature highlights","uilayouts","","npx shadcn@latest add @ui-layouts/feature-highlights","https://www.ui-layouts.com/blocks/feature-section",0,"",["feature-highlights",1,6,0],76,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Feature platform","uilayouts","","npx shadcn@latest add @ui-layouts/feature-platform","https://www.ui-layouts.com/blocks/feature-section",0,"",["feature-platform",1,0,1],99,"section|b","features section|features,pricing,grid,landing page|icons,monochrome|b"],["Feature service","uilayouts","","npx shadcn@latest add @ui-layouts/feature-service","https://www.ui-layouts.com/blocks/feature-section",0,"",["feature-service",1,1,1],97,"section|b","features section|features,team,grid,landing page|icons,animated,monochrome|b"],["About ecommerse","uilayouts","","npx shadcn@latest add @ui-layouts/about-ecommerse","https://www.ui-layouts.com/blocks/about-section",0,"",["about-ecommerse",0,6,0],87,"section|b","about section|company,story|no icons,images,monochrome|b"],["About creative","uilayouts","","npx shadcn@latest add @ui-layouts/about-creative","https://www.ui-layouts.com/blocks/about-section",0,"",["about-creative",0,5,0],83,"section|b","about section|company,story|no icons,images,animated,monochrome|b"],["About me","uilayouts","","npx shadcn@latest add @ui-layouts/about-me","https://www.ui-layouts.com/blocks/about-section",0,"",["about-me",0,0,1],78,"section|b","about section|company,story|no icons,images,monochrome|b"],["About sass","uilayouts","","npx shadcn@latest add @ui-layouts/about-sass","https://www.ui-layouts.com/blocks/about-section",0,"",["about-sass",0,2,1],70,"section|b","about section|company,story|icons,images,animated,monochrome|b"],["About agency","uilayouts","","npx shadcn@latest add @ui-layouts/about-agency","https://www.ui-layouts.com/blocks/about-section",0,"",["about-agency",0,1,0],69,"section|b","about section|company,story|no icons,monochrome|b"],["About architecture","uilayouts","","npx shadcn@latest add @ui-layouts/about-architecture","https://www.ui-layouts.com/blocks/about-section",0,"",["about-architecture",0,2,0],78,"section|b","about section|company,story|no icons,images,animated,monochrome|b"],["About mission","uilayouts","","npx shadcn@latest add @ui-layouts/about-mission","https://www.ui-layouts.com/blocks/about-section",0,"",["about-mission",0,1,1],75,"section|b","about section|company,story|icons,monochrome|b"],["About bento","uilayouts","","npx shadcn@latest add @ui-layouts/about-bento","https://www.ui-layouts.com/blocks/about-section",0,"",["about-bento",0,3,0],93,"card|b","features section|about section,features,grid,landing page|no icons,animated|b"],["About business","uilayouts","","npx shadcn@latest add @ui-layouts/about-business","https://www.ui-layouts.com/blocks/about-section",0,"",["about-business",0,4,0],78,"section|b","about section|company,story|no icons,monochrome|b"],["About whyus","uilayouts","","npx shadcn@latest add @ui-layouts/about-whyus","https://www.ui-layouts.com/blocks/about-section",0,"",["about-whyus",0,4,1],72,"section|b","features section|about section,features,grid,landing page|icons,animated,monochrome|b"],["About vision","uilayouts","","npx shadcn@latest add @ui-layouts/about-vision","https://www.ui-layouts.com/blocks/about-section",0,"",["about-vision",0,3,1],99,"section|b","about section|company,story|no icons,images,monochrome|b"],["About experience","uilayouts","","npx shadcn@latest add @ui-layouts/about-experience","https://www.ui-layouts.com/blocks/about-section",0,"",["about-experience",0,7,0],87,"section|b","about section|company,story|icons,images|b"],["Team clippath","uilayouts","","npx shadcn@latest add @ui-layouts/team-clippath","https://www.ui-layouts.com/blocks/team-section",0,"",["team-clippath",2,4,11],89,"section|b","team section|team,login,people,avatars|no icons,images,monochrome|b"],["Team classic","uilayouts","","npx shadcn@latest add @ui-layouts/team-classic","https://www.ui-layouts.com/blocks/team-section",0,"",["team-classic",2,3,11],87,"section|b","team section|team,people,avatars|icons,images,monochrome|b"],["Team expert","uilayouts","","npx shadcn@latest add @ui-layouts/team-expert","https://www.ui-layouts.com/blocks/team-section",0,"",["team-expert",2,5,11],88,"section|b","team section|team,people,avatars|icons,images,animated|b"],["Team magic","uilayouts","","npx shadcn@latest add @ui-layouts/team-magic","https://www.ui-layouts.com/blocks/team-section",0,"",["team-magic",2,6,11],89,"section|b","team section|team,people,avatars|icons,images,animated|b"],["Team modern","uilayouts","","npx shadcn@latest add @ui-layouts/team-modern","https://www.ui-layouts.com/blocks/team-section",0,"",["team-modern",2,7,11],87,"section|b","team section|team,people,avatars|icons,images,colorful|b"],["Team social","uilayouts","","npx shadcn@latest add @ui-layouts/team-social","https://www.ui-layouts.com/blocks/team-section",0,"",["team-social",3,0,0],86,"section|b","team section|team,people,avatars|icons,images,animated,monochrome|b"],["Team synth","uilayouts","","npx shadcn@latest add @ui-layouts/team-synth","https://www.ui-layouts.com/blocks/team-section",0,"",["team-synth",3,1,0],100,"section|b","team section|team,people,avatars|no icons,images,animated,monochrome|b"],["Team troops","uilayouts","","npx shadcn@latest add @ui-layouts/team-troops","https://www.ui-layouts.com/blocks/team-section",0,"",["team-troops",3,2,0],100,"section|b","team section|team,people,avatars|no icons,images,animated,monochrome|b"],["Team vr","uilayouts","","npx shadcn@latest add @ui-layouts/team-vr","https://www.ui-layouts.com/blocks/team-section",0,"",["team-vr",3,3,0],94,"section|b","team section|team,people,avatars|icons,images,animated,monochrome|b"],["Advanced stats","uilayouts","","npx shadcn@latest add @ui-layouts/advanced-stats","https://www.ui-layouts.com/components",0,"",["advanced-stats",0,6,1],85,"chart|b","stats section|numbers,analytics,pricing,metrics|icons|b"],["Stats banner","uilayouts","","npx shadcn@latest add @ui-layouts/stats-banner","https://www.ui-layouts.com/blocks/stats-section",0,"",["stats-banner",2,6,8],80,"chart|b","stats section|alert,numbers,metrics|no icons,monochrome|b"],["Stats bento","uilayouts","","npx shadcn@latest add @ui-layouts/stats-bento","https://www.ui-layouts.com/blocks/stats-section",0,"",["stats-bento",2,7,8],85,"chart|b","features section|stats section,features,grid,landing page|no icons,monochrome|b"],["Stats section","uilayouts","","npx shadcn@latest add @ui-layouts/stats-section","https://www.ui-layouts.com/blocks/stats-section",0,"",["stats-section",2,3,9],85,"section|b","stats section|content section,pricing,numbers,metrics|no icons,monochrome|b"],["Stats details","uilayouts","","npx shadcn@latest add @ui-layouts/stats-details","https://www.ui-layouts.com/blocks/stats-section",0,"",["stats-details",2,1,9],84,"chart|b","stats section|numbers,analytics,metrics|icons,monochrome|b"],["Stats bold","uilayouts","","npx shadcn@latest add @ui-layouts/stats-bold","https://www.ui-layouts.com/blocks/stats-section",0,"",["stats-bold",2,0,9],88,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Stats minimal","uilayouts","","npx shadcn@latest add @ui-layouts/stats-minimal","https://www.ui-layouts.com/blocks/stats-section",0,"",["stats-minimal",2,2,9],81,"chart|b","stats section|numbers,metrics|no icons,monochrome,minimal|b"],["Stack testimonial","uilayouts","","npx shadcn@latest add @ui-layouts/stack-testimonial","https://www.ui-layouts.com/blocks/testimonial-section",0,"",["stack-testimonial",2,2,8],78,"card|b","testimonials|reviews,social proof,quotes|icons,monochrome|b"],["Spotlight testimonial","uilayouts","","npx shadcn@latest add @ui-layouts/spotlight-testimonial","https://www.ui-layouts.com/blocks/testimonial-section",0,"",["spotlight-testimonial",2,1,8],63,"card|b","testimonials|background,reviews,social proof,quotes|icons,avatar,monochrome|b"],["Messenger testimonial","uilayouts","","npx shadcn@latest add @ui-layouts/messenger-testimonial","https://www.ui-layouts.com/blocks/testimonial-section",0,"",["messenger-testimonial",1,0,11],78,"card|b","testimonials|chat,reviews,social proof,quotes|no icons,avatar,images,animated,monochrome|b"],["Chat interface testimonial","uilayouts","","npx shadcn@latest add @ui-layouts/chat-interface-testimonial","https://www.ui-layouts.com/blocks/testimonial-section",0,"",["chat-interface-testimonial",0,4,7],76,"card|b","testimonials|chat,reviews,social proof,quotes|icons,avatar,animated,monochrome|b"],["Testimonial basic","uilayouts","","npx shadcn@latest add @ui-layouts/testimonial-basic","https://www.ui-layouts.com/blocks/testimonial-section",0,"",["testimonial-basic",3,5,0],74,"card|b","testimonials|reviews,social proof,quotes|icons,avatar,images,monochrome|b"],["Testimonial carousel","uilayouts","","npx shadcn@latest add @ui-layouts/testimonial-carousel","https://www.ui-layouts.com/components/carousel",0,"",["testimonial-carousel",3,6,0],77,"card|b","testimonials|carousel,reviews,social proof,quotes|icons,avatar,images,monochrome|b"],["Marque testimonial","uilayouts","","npx shadcn@latest add @ui-layouts/marque-testimonial","https://www.ui-layouts.com/blocks/testimonial-section",0,"",["marque-testimonial",1,2,10],65,"card|b","testimonials|reviews,team,social proof,quotes|icons,avatar,animated,monochrome|b"],["Impact experience","uilayouts","","npx shadcn@latest add @ui-layouts/impact-experience","https://www.ui-layouts.com/blocks/experience-section",0,"",["impact-experience",1,7,7],64,"misc","card|container,surface|no icons,monochrome|c"],["Portfolio experience","uilayouts","","npx shadcn@latest add @ui-layouts/portfolio-experience","https://www.ui-layouts.com/blocks/experience-section",0,"",["portfolio-experience",2,6,1],78,"misc|b","content section|section,analytics,pricing,landing page|no icons,monochrome|b"],["Creative experience","uilayouts","","npx shadcn@latest add @ui-layouts/creative-experience","https://www.ui-layouts.com/blocks/experience-section",0,"",["creative-experience",0,7,8],68,"misc","card|container,surface|icons,animated,monochrome|b"],["Work experience","uilayouts","","npx shadcn@latest add @ui-layouts/work-experience","https://www.ui-layouts.com/blocks/experience-section",0,"",["work-experience",3,2,3],66,"misc","card|container,surface|icons,images,monochrome|c"],["Customer experience","uilayouts","","npx shadcn@latest add @ui-layouts/customer-experience","https://www.ui-layouts.com/blocks/experience-section",0,"",["customer-experience",0,7,9],91,"misc","card|container,surface|no icons,monochrome|b"],["Growth plans","uilayouts","","npx shadcn@latest add @ui-layouts/growth-plans","https://www.ui-layouts.com/blocks/pricing-section",0,"",["growth-plans",1,4,4],75,"pricing|b","pricing section|pricing,analytics,plans,subscription|icons,animated,monochrome|b"],["Pricing overview","uilayouts","","npx shadcn@latest add @ui-layouts/pricing-overview","https://www.ui-layouts.com/blocks/pricing-section",0,"",["pricing-overview",2,1,2],93,"pricing|b","pricing section|pricing,plans,subscription|icons,animated|b"],["Pricing grow business","uilayouts","","npx shadcn@latest add @ui-layouts/pricing-grow-business","https://www.ui-layouts.com/blocks/pricing-section",0,"",["pricing-grow-business",2,0,2],85,"pricing|b","pricing section|pricing,analytics,plans,subscription|icons,animated,monochrome|b"],["Product packs","uilayouts","","npx shadcn@latest add @ui-layouts/product-packs","https://www.ui-layouts.com/blocks/pricing-section",0,"",["product-packs",2,2,2],92,"misc","card|ecommerce,pricing,container,surface|icons,monochrome|c"],["Startup plans","uilayouts","","npx shadcn@latest add @ui-layouts/startup-plans","https://www.ui-layouts.com/blocks/pricing-section",0,"",["startup-plans",2,4,8],90,"pricing|b","pricing section|pricing,plans,subscription|icons,animated,monochrome|b"],["Subscription details","uilayouts","","npx shadcn@latest add @ui-layouts/subscription-details","https://www.ui-layouts.com/blocks/pricing-section",0,"",["subscription-details",2,1,10],81,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Faq founder","uilayouts","","npx shadcn@latest add @ui-layouts/faq-founder","https://www.ui-layouts.com/blocks/faq-section",0,"",["faq-founder",0,6,11],84,"accordion|b","faq section|faq,accordion,questions|icons,avatar,animated,monochrome|b"],["Faq tabbed explorer","uilayouts","","npx shadcn@latest add @ui-layouts/faq-tabbed-explorer","https://www.ui-layouts.com/blocks/faq-section",0,"",["faq-tabbed-explorer",1,2,0],74,"accordion|b","faq section|faq,accordion,questions|icons,monochrome|b"],["Faq glass card","uilayouts","","npx shadcn@latest add @ui-layouts/faq-glass-card","https://www.ui-layouts.com/blocks/faq-section",0,"",["faq-glass-card",0,7,11],70,"card|b","faq section|card,faq,accordion,questions|icons,animated,monochrome|b"],["Faq journey","uilayouts","","npx shadcn@latest add @ui-layouts/faq-journey","https://www.ui-layouts.com/blocks/faq-section",0,"",["faq-journey",1,0,0],85,"accordion|b","faq section|faq,accordion,questions|icons,animated,monochrome|b"],["Faq minimilastic","uilayouts","","npx shadcn@latest add @ui-layouts/faq-minimilastic","https://www.ui-layouts.com/blocks/faq-section",0,"",["faq-minimilastic",1,1,0],86,"accordion|b","faq section|faq,team,accordion,questions|icons,animated,monochrome|b"],["Footer hero","uilayouts","","npx shadcn@latest add @ui-layouts/footer-hero","https://www.ui-layouts.com/blocks/footer-section",0,"",["footer-hero",1,1,2],84,"section|b","hero section|footer,notifications,login,landing page,header,headline|icons,monochrome|b"],["Footer bento","uilayouts","","npx shadcn@latest add @ui-layouts/footer-bento","https://www.ui-layouts.com/blocks/footer-section",0,"",["footer-bento",1,6,1],90,"section|b","features section|footer,features,grid,landing page|icons,monochrome|b"],["Footer bold","uilayouts","","npx shadcn@latest add @ui-layouts/footer-bold","https://www.ui-layouts.com/blocks/footer-section",0,"",["footer-bold",1,7,1],83,"section|b","footer|links,account,site footer|no icons,monochrome|b"],["Footer detailed","uilayouts","","npx shadcn@latest add @ui-layouts/footer-detailed","https://www.ui-layouts.com/blocks/footer-section",0,"",["footer-detailed",1,0,2],76,"section|b","footer|links,site footer|icons,monochrome|b"],["Footer minimal","uilayouts","","npx shadcn@latest add @ui-layouts/footer-minimal","https://www.ui-layouts.com/blocks/footer-section",0,"",["footer-minimal",1,2,2],85,"section|b","footer|links,notifications,site footer|icons,monochrome|b"],["Footer privilege","uilayouts","","npx shadcn@latest add @ui-layouts/footer-privilege","https://www.ui-layouts.com/blocks/footer-section",0,"",["footer-privilege",1,3,2],77,"section|b","footer|links,site footer|icons,monochrome|b"],["Footer simple","uilayouts","","npx shadcn@latest add @ui-layouts/footer-simple","https://www.ui-layouts.com/blocks/footer-section",0,"",["footer-simple",1,4,2],84,"section|b","footer|links,site footer|no icons,monochrome|b"],["Btn hover14","uilayouts","","npx shadcn@latest add @ui-layouts/btn-hover14","https://www.ui-layouts.com/components/buttons",0,"",["btn-hover14",0,1,6],24,"misc","button|cta,click,action|icons,monochrome,minimal|c"],["Gradient border","uilayouts","","npx shadcn@latest add @ui-layouts/gradient-border","https://www.ui-layouts.com/components/gradient-border",0,"",["gradient-border",1,2,4],87,"background","background|animated background,effect,hero background|no icons,monochrome|c"],["Framer carousel1","uilayouts","","npx shadcn@latest add @ui-layouts/framer-carousel1","https://www.ui-layouts.com/components/carousel",0,"",["framer-carousel1",1,6,2],87,"misc","carousel|image,slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Code tabs","uilayouts","","npx shadcn@latest add @ui-layouts/code-tabs","https://www.ui-layouts.com/components/code-tabs",0,"",["code-tabs",0,0,8],74,"tabs","tabs|code block,tab bar,segmented control,navigation|icons|c"],["Code block comp","uilayouts","","npx shadcn@latest add @ui-layouts/code-block-comp","https://www.ui-layouts.com/components/code-block",0,"",["code-block-comp",0,7,7],84,"misc|b","code block|content section,code,syntax highlight|icons,colorful|c"],["Code tree code viewer","uilayouts","","npx shadcn@latest add @ui-layouts/code-tree-code-viewer","https://www.ui-layouts.com/components/tree-code-viewer",0,"",["code-tree-code-viewer",0,1,8],70,"misc","tree view|code block,file tree,nested list|no icons,monochrome,minimal|c"],["Flipcountdown","uilayouts","","npx shadcn@latest add @ui-layouts/flipcountdown","https://www.ui-layouts.com/components",0,"",["flipcountdown",1,5,1],100,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Special offer","uilayouts","","npx shadcn@latest add @ui-layouts/special-offer","https://www.ui-layouts.com/components",0,"",["special-offer",2,1,7],91,"misc","card|container,surface|no icons,animated,monochrome|c"],["Nested vaul drawer","uilayouts","","npx shadcn@latest add @ui-layouts/nested-vaul-drawer","https://www.ui-layouts.com/components/responsive-modal",0,"",["nested-vaul-drawer",2,2,0],34,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Unsplash grid","uilayouts","","npx shadcn@latest add @ui-layouts/unsplash-grid","https://www.ui-layouts.com/components/grid",0,"",["unsplash-grid",3,1,2],82,"misc","card|container,surface|no icons,images,monochrome|b"],["Sticky hero scroll","uilayouts","","npx shadcn@latest add @ui-layouts/sticky-hero-scroll","https://www.ui-layouts.com/components",0,"",["sticky-hero-scroll",2,5,9],96,"section|b","hero section|landing page,header,headline|no icons,images,monochrome|b"],["Shimmer loader","uilayouts","","npx shadcn@latest add @ui-layouts/shimmer-loader","https://www.ui-layouts.com/components/shimmer-loader",0,"",["shimmer-loader",2,4,5],89,"loader","loader|skeleton,spinner,loading,progress|no icons,colorful|c"],["Spotlight card cruip","uilayouts","","npx shadcn@latest add @ui-layouts/spotlight-card-cruip","https://www.ui-layouts.com/components",0,"",["spotlight-card-cruip",2,4,7],85,"command","card|background,container,surface|icons,images,monochrome|c"],["Tools tab","uilayouts","","npx shadcn@latest add @ui-layouts/tools-tab","https://www.ui-layouts.com/components/tabs",0,"",["tools-tab",3,5,1],87,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Terminal ui","uilayouts","","npx shadcn@latest add @ui-layouts/terminal-ui","https://www.ui-layouts.com/components/terminal-ui",0,"",["terminal-ui",3,4,0],41,"misc","terminal|code,command line|no icons,colorful|c"],["Type writter","uilayouts","","npx shadcn@latest add @ui-layouts/type-writter","https://www.ui-layouts.com/components/type-writer",0,"",["type-writter",3,0,2],49,"misc","card|container,surface|icons,monochrome,minimal|c"],["Mac genie","uilayouts","","npx shadcn@latest add @ui-layouts/mac-genie","https://www.ui-layouts.com/components/mac-genie",0,"",["mac-genie",1,7,9],97,"misc","background|animated background,tasks,effect,hero background|no icons,avatar,images,colorful|c"],["AI Input Selector","kokonut","AI chat input with a model menu, a separate Effort control, file chips you can drop or paste, a / command menu, and Stop while replying.","npx shadcn@latest add @kokonutui/ai-prompt","https://kokonutui.com/docs/ai/ai-prompt",0,"",["ai-prompt",0,6,1],77,"input","select|input,ai prompt,dropdown,options,form|icons,monochrome|c"],["Command Button","kokonut","A button with its shortcut drawn as keycaps that sink as you press the real keys.","npx shadcn@latest add @kokonutui/command-button","https://kokonutui.com/docs/buttons/command-button",0,"",["command-button",0,3,4],63,"command","button|command menu,search,cta,click,action|no icons,monochrome,minimal|c"],["Flick Card","kokonut","A two-sided card you spin with a drag or a flick, with thickness, light and a floor shadow that follow the angle.","npx shadcn@latest add @kokonutui/card-flip","https://kokonutui.com/docs/cards/card-flip",0,"",["card-flip",0,5,3],86,"card","card|container,surface|no icons|c"],["Smooth Drawer","kokonut","Checkout bottom sheet on Vaul snap points, peeking at the total and dragging up for details.","npx shadcn@latest add @kokonutui/smooth-drawer","https://kokonutui.com/docs/navigation/smooth-drawer",0,"",["smooth-drawer",0,0,10],13,"misc","drawer|sheet,pricing,overlay,panel|no icons,monochrome,minimal|c"],["Halftone Background","kokonut","Any image, or a lit sphere, printed as a halftone dot screen, with a loupe that looks closer under the cursor, built with React and canvas.","npx shadcn@latest add @kokonutui/halftone-background","https://kokonutui.com/docs/backgrounds/halftone-background",0,"",["halftone-background",0,0,6],62,"background","background|animated background,effect,hero background|no icons|c"],["Shape Hero","kokonut","A landing hero where shapes drop in, pile up under the headline and can be grabbed and thrown.","npx shadcn@latest add @kokonutui/shape-hero","https://kokonutui.com/docs/backgrounds/shape-hero",0,"",["shape-hero",0,3,9],88,"section|b","hero section|landing page,notifications,header,headline|no icons,monochrome|b"],["AI Text Loading","kokonut","AI thinking text with a soft wave through the letters and words that swap letter by letter.","npx shadcn@latest add @kokonutui/ai-text-loading","https://kokonutui.com/docs/ai/ai-text-loading",0,"",["ai-text-loading",0,0,2],3,"loader","loader|text effect,spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Momentum Rail","kokonut","A card rail you flick with momentum, snapping on a spring, with scroll-driven cover-flow depth and parallax.","npx shadcn@latest add @kokonutui/carousel-cards","https://kokonutui.com/docs/cards/carousel-cards",0,"",["carousel-cards",0,7,3],90,"card","scroll effect|scroll,calendar,pricing,animation|icons,animated|c"],["File Upload","kokonut","A multi-file upload queue with per-file progress, retry and cancel.","npx shadcn@latest add @kokonutui/file-upload","https://kokonutui.com/docs/inputs/file-upload",0,"",["file-upload",0,3,5],74,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome,minimal|c"],["Command Palette","kokonut","⌘K command palette with nested pages, fuzzy matching and in-row progress for running actions.","npx shadcn@latest add @kokonutui/action-search-bar","https://kokonutui.com/docs/navigation/action-search-bar",0,"",["action-search-bar",0,0,0],57,"command","command menu|command palette,search,cmdk|icons,monochrome,minimal|c"],["AI Input Search","kokonut","AI composer with a Tools menu (browse, investigate, draft, run code, reason), a model picker and a live trace that stacks each source's avatar as it is read.","npx shadcn@latest add @kokonutui/ai-input-search","https://kokonutui.com/docs/ai/ai-input-search",0,"",["ai-input-search",0,1,1],81,"input","ai prompt|ai,search,chat,input|icons|c"],["Cradle Text","kokonut","A headline hung like a Newton's cradle, so a knock on one letter clacks through the word, built with React and pendulum physics.","npx shadcn@latest add @kokonutui/cradle-text","https://kokonutui.com/docs/texts/cradle-text",0,"",["cradle-text",0,5,4],73,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Currency Transfer","kokonut","Transfer tracker that converts the amount in place, walks through each step on a filling rail and ends with a copyable reference.","npx shadcn@latest add @kokonutui/currency-transfer","https://kokonutui.com/docs/cards/currency-transfer",0,"",["currency-transfer",0,6,4],79,"misc","tracker|status,pricing,language switcher,chart,dashboard|icons,animated,monochrome|c"],["Background Paths","kokonut","A ribbon of lines in one color that keeps flowing at any size and parts around the cursor.","npx shadcn@latest add @kokonutui/background-paths","https://kokonutui.com/docs/backgrounds/background-paths",0,"",["background-paths",0,0,3],66,"background","background|animated background,effect,hero background|no icons|c"],["Dot Field","kokonut","A halftone dot membrane that ripples behind a swipe and rings out from a click, built with React and Canvas.","npx shadcn@latest add @kokonutui/dot-field","https://kokonutui.com/docs/backgrounds/dot-field",0,"",["dot-field",0,0,5],73,"input","input|text field,form,form control|no icons|c"],["Wind","kokonut","Streamlines that part around the cursor, swirl in its wake and scatter on click, built with React and Canvas.","npx shadcn@latest add @kokonutui/flow-field","https://kokonutui.com/docs/backgrounds/flow-field",0,"",["flow-field",0,4,5],62,"misc","background|animated background,effect,hero background|no icons|c"],["Topo Background","kokonut","A living contour map that drifts, rises under the cursor and ripples on click, built with React and Canvas.","npx shadcn@latest add @kokonutui/topo-background","https://kokonutui.com/docs/backgrounds/topo-background",0,"",["topo-background",1,0,0],74,"background","background|animated background,effect,hero background|no icons|c"],["Drape Background","kokonut","A pleated curtain in a breeze that you can push and pull, built with React, WebGL and a cloth simulation.","npx shadcn@latest add @kokonutui/drape-background","https://kokonutui.com/docs/backgrounds/drape-background",0,"",["drape-background",0,1,5],87,"background","background|animated background,effect,hero background|no icons|c"],["Apple Activity Card","kokonut","Activity rings that draw with a count-up, lap past 100% with a shadowed end cap and dim to focus, built with React and Motion.","npx shadcn@latest add @kokonutui/apple-activity-card","https://kokonutui.com/docs/cards/apple-activity-card",0,"",["apple-activity-card",0,5,2],100,"card","card|container,surface|no icons,animated,colorful|c"],["AI Voice","kokonut","Voice input with a scrolling waveform, then a take you can play back, discard or send.","npx shadcn@latest add @kokonutui/ai-voice","https://kokonutui.com/docs/ai/ai-voice",0,"",["ai-voice",0,3,2],50,"thinking","voice|audio,ai|icons,monochrome,minimal|c"],["Swipe Tabs","kokonut","Tabs with a swipeable panel, a drag-tracked indicator and spring physics.","npx shadcn@latest add @kokonutui/smooth-tab","https://kokonutui.com/docs/navigation/smooth-tab",0,"",["smooth-tab",0,1,10],87,"tabs","tabs|tab bar,pricing,segmented control,navigation|no icons,monochrome|c"],["Marking Menu","kokonut","A radial menu you hold to open or flick to pick blind, built with React and Motion.","npx shadcn@latest add @kokonutui/marking-menu","https://kokonutui.com/docs/navigation/marking-menu",0,"",["marking-menu",0,2,7],67,"dropdown","dropdown menu|menu,dropdown,actions|icons|c"],["Team Selector","kokonut","Seat picker with a scrubbable number, generated avatars and an optional rolling price line.","npx shadcn@latest add @kokonutui/team-selector","https://kokonutui.com/docs/inputs/team-selector",0,"",["team-selector",0,3,11],83,"section|b","select|team section,pricing,dropdown,options,form|icons,monochrome|c"],["Detent Dial","kokonut","Rotary knob that clicks from notch to notch and coasts when flicked, built with React and Motion.","npx shadcn@latest add @kokonutui/detent-dial","https://kokonutui.com/docs/inputs/detent-dial",0,"",["detent-dial",0,7,4],82,"misc","slider|range,input|no icons|c"],["Liquid Slider","kokonut","A vertical slider you fill like a glass, with a sloshing surface and rising bubbles.","npx shadcn@latest add @kokonutui/liquid-slider","https://kokonutui.com/docs/inputs/liquid-slider",0,"",["liquid-slider",0,6,6],93,"input","slider|background,range,input|no icons|c"],["Signature Pad","kokonut","A signature field with a sprung pen tip, speed-weighted ink and SVG output.","npx shadcn@latest add @kokonutui/signature-pad","https://kokonutui.com/docs/inputs/signature-pad",0,"",["signature-pad",0,4,9],70,"input","background|animated background,effect,hero background|no icons|c"],["Switch Button","kokonut","Light and dark theme toggle whose sun folds into a moon while the new theme spreads from the button as a circle.","npx shadcn@latest add @kokonutui/switch-button","https://kokonutui.com/docs/buttons/switch-button",0,"",["switch-button",0,0,11],12,"switch","button|switch,cta,click,action|icons,monochrome,minimal|c"],["Pull Cord","kokonut","A lamp switch you pull on a swinging cord, built with React and a rope simulation.","npx shadcn@latest add @kokonutui/pull-cord","https://kokonutui.com/docs/buttons/pull-cord",0,"",["pull-cord",0,4,8],91,"switch","switch|toggle,on off,settings|no icons|c"],["Tear Button","kokonut","A confirm button you tear off like a ticket stub, hole by hole.","npx shadcn@latest add @kokonutui/tear-button","https://kokonutui.com/docs/buttons/tear-button",0,"",["tear-button",0,4,11],100,"button","button|cta,e-commerce,click,action|icons,monochrome|c"],["Bell Button","kokonut","A subscribe button whose bell swings and rings, with a clapper that really strikes.","npx shadcn@latest add @kokonutui/bell-button","https://kokonutui.com/docs/buttons/bell-button",0,"",["bell-button",0,1,3],64,"button","button|cta,click,action|icons,monochrome|c"],["Widget Grid","kokonut","Dashboard widgets you lift, drag and resize on a 6-column grid, with spring physics and full keyboard support.","npx shadcn@latest add @kokonutui/bento-grid","https://kokonutui.com/docs/cards/bento-grid",0,"",["bento-grid",0,2,3],79,"section|b","card|container,pricing,surface|icons,monochrome|b"],["Hold Button","kokonut","Press and hold to confirm, with a fill that drains back on early release and a drawn check on completion.","npx shadcn@latest add @kokonutui/hold-button","https://kokonutui.com/docs/buttons/hold-button",0,"",["hold-button",0,1,6],83,"button","button|cta,click,action|icons,monochrome|c"],["Magnet Button","kokonut","A call-to-action button wrapped in a field of iron filings that align to its magnetic field and lean toward your cursor.","npx shadcn@latest add @kokonutui/attract-button","https://kokonutui.com/docs/buttons/attract-button",0,"",["attract-button",0,6,2],59,"button","button|cta,click,action|icons|c"],["Gradient Button","kokonut","Layered gradient button with emerald, purple and orange variants, a gradient border, a soft inner glow, press feedback and an optional icon.","npx shadcn@latest add @kokonutui/gradient-button","https://kokonutui.com/docs/buttons/gradient-button",0,"",["gradient-button",0,7,5],91,"background","button|background,cta,click,action|no icons,monochrome,minimal|c"],["V0 Button","kokonut","Open in v0 button that sends a component registry JSON to v0.dev for instant editing, built with React, the shadcn Button, and Tailwind CSS.","npx shadcn@latest add @kokonutui/v0-button","https://kokonutui.com/docs/buttons/v0-button",0,"",["v0-button",1,4,0],10,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Tool Dock","kokonut","An editor tool dock with a sliding selection plate, shortcut tooltips and flyouts that you can throw to any edge.","npx shadcn@latest add @kokonutui/toolbar","https://kokonutui.com/docs/navigation/toolbar",0,"",["toolbar",0,7,11],75,"misc","dock|navigation,icons,magnify|icons|c"],["AI State Loading","kokonut","Agent progress as a list of steps with a live log, elapsed time and a summary when done.","npx shadcn@latest add @kokonutui/ai-loading","https://kokonutui.com/docs/ai/ai-loading",0,"",["ai-loading",0,2,1],61,"loader","loader|spinner,loading,progress|icons,animated,monochrome|c"],["AI Tool Approval","kokonut","Approve or deny an agent's tool calls. Destructive calls need a press and hold, and decided calls fold into a trace with their output.","npx shadcn@latest add @kokonutui/ai-tool-approval","https://kokonutui.com/docs/ai/ai-tool-approval",0,"",["ai-tool-approval",0,2,2],84,"thinking","checkbox|form,e-commerce,checklist|icons,monochrome|c"],["AI Context Meter","kokonut","How full the context window is, as a ring in the prompt footer that opens a breakdown by source and compacts when it fills.","npx shadcn@latest add @kokonutui/ai-context-meter","https://kokonutui.com/docs/ai/ai-context-meter",0,"",["ai-context-meter",0,6,0],95,"thinking","progress bar|progress,meter,loading|icons,monochrome|c"],["AI Inline Citations","kokonut","An answer with source chips beside each claim. One preview glides between chips and lights up the sentence it backs.","npx shadcn@latest add @kokonutui/ai-citations","https://kokonutui.com/docs/ai/ai-citations",0,"",["ai-citations",0,5,0],70,"thinking","tag|label,chip,pill|icons,monochrome|c"],["AI Diff Review","kokonut","A coding agent's edits streaming in file by file, then reviewed per file with accept, reject and undo.","npx shadcn@latest add @kokonutui/ai-diff-review","https://kokonutui.com/docs/ai/ai-diff-review",0,"",["ai-diff-review",0,7,0],79,"thinking","card|testimonials,container,surface|icons,animated,monochrome|c"],["AI Model Selector","kokonut","Pick a model and how hard it thinks. Effort is a detent track that reshapes for each model and keeps your level when you switch.","npx shadcn@latest add @kokonutui/ai-model-selector","https://kokonutui.com/docs/ai/ai-model-selector",0,"",["ai-model-selector",0,5,1],79,"thinking","ai prompt|select,ai,chat,input|icons,monochrome|c"],["Throw Deck","kokonut","A pile of image cards you drag, flick off the top and send under the deck, with arrow keys and a details view.","npx shadcn@latest add @kokonutui/card-stack","https://kokonutui.com/docs/cards/card-stack",0,"",["card-stack",0,6,3],100,"carousel","carousel|slider,pricing,gallery,swipe|icons|c"],["Notification Stack","kokonut","Stacked notifications that fan out on hover and swipe away, built with React and Tailwind CSS.","npx shadcn@latest add @kokonutui/notification-stack","https://kokonutui.com/docs/cards/notification-stack",0,"",["notification-stack",0,6,7],96,"toast","toast|notification,notifications,pricing,alert,message|icons,monochrome|c"],["Liquid Gauge","kokonut","A usage meter filled with liquid that sloshes, ripples and bubbles, built with React and a wave simulation.","npx shadcn@latest add @kokonutui/liquid-gauge","https://kokonutui.com/docs/cards/liquid-gauge",0,"",["liquid-gauge",0,4,6],90,"misc","radial chart|background,chart,gauge,dashboard|no icons,monochrome|c"],["Activity Terrain","kokonut","A contribution heatmap that tilts up into a 3D terrain you can turn, built with React and canvas.","npx shadcn@latest add @kokonutui/activity-terrain","https://kokonutui.com/docs/cards/activity-terrain",0,"",["activity-terrain",0,1,0],84,"card","background|animated background,effect,hero background|no icons|c"],["Receipt Printer","kokonut","A receipt that prints line by line, then tears off and falls when you pull it, built with React.","npx shadcn@latest add @kokonutui/receipt-printer","https://kokonutui.com/docs/cards/receipt-printer",0,"",["receipt-printer",0,6,8],82,"misc","card|container,pricing,surface|no icons,monochrome|c"],["Metric Card","kokonut","A revenue KPI card. Scrub a day, drag a range, or pick a segment; the number rolls, the line morphs and the breakdown follows.","npx shadcn@latest add @kokonutui/metric-card","https://kokonutui.com/docs/cards/metric-card",0,"",["metric-card",0,3,7],76,"card","stat card|kpi,calendar,pricing,metrics,dashboard,card|no icons|c"],["Uptime Card","kokonut","A status page card with 90 days per service that swell under the cursor, and a day you click opens its incident log.","npx shadcn@latest add @kokonutui/uptime-card","https://kokonutui.com/docs/cards/uptime-card",0,"",["uptime-card",1,3,0],90,"card","card|tracker,container,surface|icons,monochrome|c"],["Spending Ring","kokonut","A spending breakdown you spin like a dial; flick the ring and it settles with a category under the marker.","npx shadcn@latest add @kokonutui/spending-ring","https://kokonutui.com/docs/cards/spending-ring",0,"",["spending-ring",0,2,10],94,"misc","slider|range,e-commerce,pricing,input|no icons|c"],["Focal Point Picker","kokonut","Set where a photo's subject is and see every crop follow it live. Hover a crop to see what it cuts.","npx shadcn@latest add @kokonutui/focal-point-picker","https://kokonutui.com/docs/media/focal-point-picker",0,"",["focal-point-picker",0,5,5],87,"misc","select|dropdown,options,form|no icons,images,monochrome,minimal|c"],["Photo Straighten","kokonut","Level a crooked photo on a ruler you drag or flick. The crop grows to hide the corners, and a grid shows while you adjust.","npx shadcn@latest add @kokonutui/photo-straighten","https://kokonutui.com/docs/media/photo-straighten",0,"",["photo-straighten",0,1,8],88,"misc","image|media,mockup|icons,monochrome|c"],["Clip Trimmer","kokonut","A video trim timeline with a filmstrip, handles that snap to whole seconds and a playhead that loops the kept range.","npx shadcn@latest add @kokonutui/clip-trimmer","https://kokonutui.com/docs/media/clip-trimmer",0,"",["clip-trimmer",0,2,4],95,"media","slider|range,input|icons,images,monochrome,minimal|c"],["Synced Transcript","kokonut","A transcript that follows the spoken word, lets you click any word to jump there, and waits when you scroll away.","npx shadcn@latest add @kokonutui/synced-transcript","https://kokonutui.com/docs/media/synced-transcript",0,"",["synced-transcript",0,2,11],68,"text","slider|range,input|icons,monochrome|c"],["Avatar Picker","kokonut","Generated avatars from a name, morphing as you type, on a 3D coin you can flick, tap or shuffle.","npx shadcn@latest add @kokonutui/avatar-picker","https://kokonutui.com/docs/inputs/avatar-picker",0,"",["avatar-picker",0,7,2],91,"media","select|avatar,dropdown,options,form|icons|c"],["Wheel Picker","kokonut","iOS-style 3D drum picker with flick momentum, built with React and Motion.","npx shadcn@latest add @kokonutui/wheel-picker","https://kokonutui.com/docs/inputs/wheel-picker",0,"",["wheel-picker",1,5,0],80,"misc","select|dropdown,options,form|no icons,monochrome|c"],["Typing Text","kokonut","Typewriter text that makes the odd typo and corrects it, erases by selecting, and blinks its caret only when idle, built with React and Motion.","npx shadcn@latest add @kokonutui/type-writer","https://kokonutui.com/docs/texts/type-writer",0,"",["type-writer",1,1,0],39,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Extruded Text","kokonut","Zinc 3D extruded text lit by your pointer, with letters that press in like keycaps.","npx shadcn@latest add @kokonutui/swoosh-text","https://kokonutui.com/docs/texts/swoosh-text",0,"",["swoosh-text",0,1,11],66,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Scroll Index","kokonut","A section rail for long pages, with a tick per heading that you can hover, click or drag to scrub, built with React.","npx shadcn@latest add @kokonutui/scroll-index","https://kokonutui.com/docs/navigation/scroll-index",0,"",["scroll-index",0,0,9],63,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Plucked Text","kokonut","A headline sitting on a string you can pluck, strum and let ring, built with React and real string physics.","npx shadcn@latest add @kokonutui/plucked-text","https://kokonutui.com/docs/texts/plucked-text",0,"",["plucked-text",0,2,8],53,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Glitch Text","kokonut","Flat text that cuts into hard-shifted bands with a thin red/cyan split, on idle, hover or text change.","npx shadcn@latest add @kokonutui/glitch-text","https://kokonutui.com/docs/texts/glitch-text",0,"",["glitch-text",0,6,5],65,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Dynamic Text","kokonut","Morphing text where shared letters travel, old ones fall and new ones land, with decode and cycle modes.","npx shadcn@latest add @kokonutui/dynamic-text","https://kokonutui.com/docs/texts/dynamic-text",0,"",["dynamic-text",0,2,5],37,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Particle Button","kokonut","A status button for async actions, with a spinner, a drawn check and a particle burst on success.","npx shadcn@latest add @kokonutui/particle-button","https://kokonutui.com/docs/buttons/particle-button",0,"",["particle-button",0,0,8],54,"button","button|background,cta,click,action|no icons,monochrome,minimal|c"],["Now Playing","kokonut","Music card with a spinning disc you can grab and turn to scrub, built with React and Tailwind CSS.","npx shadcn@latest add @kokonutui/liquid-glass-card","https://kokonutui.com/docs/cards/liquid-glass-card",0,"",["liquid-glass-card",0,5,6],94,"card","slider|range,input|icons|c"],["Account Menu","kokonut","An account card that morphs into its own menu, with account switching, status, theme and hold-to-sign-out.","npx shadcn@latest add @kokonutui/profile-dropdown","https://kokonutui.com/docs/navigation/profile-dropdown",0,"",["profile-dropdown",0,3,8],69,"dropdown","user menu|dropdown menu,settings,account,avatar|icons,monochrome,minimal|c"],["Loader","kokonut","Animated loading indicator with rotating gradient rings, size variants and customizable title text. Built with React and Tailwind CSS.","npx shadcn@latest add @kokonutui/loader","https://kokonutui.com/docs/inputs/loader",0,"",["loader",0,7,6],44,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Slide Text Button","kokonut","Animated link button with a vertical text slide on hover and default and ghost variants, built with React, Next.js Link, and Tailwind CSS.","npx shadcn@latest add @kokonutui/slide-text-button","https://kokonutui.com/docs/buttons/slide-text-button",0,"",["slide-text-button",0,5,9],51,"button","button|text effect,carousel,cta,click,action|no icons,monochrome,minimal|c"],["Split Nav","kokonut","Navigation bar that splits around the active link, with drag-to-scrub, flick projection and an optional compact fold.","npx shadcn@latest add @kokonutui/morphic-navbar","https://kokonutui.com/docs/navigation/morphic-navbar",0,"",["morphic-navbar",0,5,7],62,"navbar","navbar|header,navigation,menu|no icons,monochrome,minimal|b"],["Status Island","kokonut","A pill that reports background work, reshaping as tasks change and opening into a list of everything in flight.","npx shadcn@latest add @kokonutui/status-island","https://kokonutui.com/docs/navigation/status-island",0,"",["status-island",0,6,10],69,"background","list|items,tasks,upload,rows|no icons,monochrome|c"],["Morph Popover","kokonut","A button that grows into the form it opens, with its label sliding up to become the title, then shrinks into a confirmation.","npx shadcn@latest add @kokonutui/morph-popover","https://kokonutui.com/docs/buttons/morph-popover",0,"",["morph-popover",0,4,7],14,"button","popover|overlay,popup,menu|icons,animated,monochrome,minimal|c"],["Lightbox Grid","kokonut","A photo grid whose thumbnails grow into a full view and fly back to their slot when you drag them down.","npx shadcn@latest add @kokonutui/lightbox-grid","https://kokonutui.com/docs/cards/lightbox-grid",0,"",["lightbox-grid",0,3,6],90,"dialog","dialog|modal,overlay,popup|no icons,images,monochrome,minimal|c"],["Spoiler Text","kokonut","Inline text hidden under drifting specks, like a chat spoiler. A click blows the specks away from the point you touched.","npx shadcn@latest add @kokonutui/spoiler-text","https://kokonutui.com/docs/texts/spoiler-text",0,"",["spoiler-text",0,4,10],63,"text","text effect|text animation,media,typography,animated text|no icons|c"],["Stack Panel","kokonut","A panel that drills into pages like settings on a phone. The tapped row's label flies up into the title, and a swipe right takes you back.","npx shadcn@latest add @kokonutui/stack-panel","https://kokonutui.com/docs/navigation/stack-panel",0,"",["stack-panel",0,5,10],79,"carousel","card|container,settings,notifications,surface|icons,monochrome|c"],["AI Autocomplete","kokonut","A text box that suggests how your sentence ends in grey after the caret. Tab takes it all, the right arrow takes one word, and typing the same letters keeps it.","npx shadcn@latest add @kokonutui/ai-autocomplete","https://kokonutui.com/docs/ai/ai-autocomplete",0,"",["ai-autocomplete",0,3,0],70,"thinking","combobox|select,search,autocomplete|no icons,animated,monochrome|c"],["Undo Button","kokonut","An action button that gives you a few seconds to take it back, with the time left drawn around its own edge.","npx shadcn@latest add @kokonutui/undo-button","https://kokonutui.com/docs/buttons/undo-button",0,"",["undo-button",1,2,0],13,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Time Zone Planner","kokonut","Find a meeting time across time zones. Turn the meeting round a 24-hour dial where each ring is someone's day.","npx shadcn@latest add @kokonutui/timezone-planner","https://kokonutui.com/docs/inputs/timezone-planner",0,"",["timezone-planner",0,5,11],77,"misc","slider|range,input|icons|c"],["Page Flip","kokonut","A book you turn by the corner. Drag a page over the spine or tap to turn it.","npx shadcn@latest add @kokonutui/page-flip","https://kokonutui.com/docs/cards/page-flip",0,"",["page-flip",0,7,7],94,"misc","card|content section,container,surface|icons,monochrome|c"],["AI Token Alternatives","kokonut","An answer where every unsure word shows what else the model weighed. Pick another word and the reply writes itself again from there.","npx shadcn@latest add @kokonutui/ai-token-alternatives","https://kokonutui.com/docs/ai/ai-token-alternatives",0,"",["ai-token-alternatives",0,1,2],63,"thinking","switch|toggle,on off,settings|no icons,animated,monochrome|c"],["AI Conversation Branches","kokonut","A chat where editing a message starts a new branch. A small tree beside it shows every version, and you can jump between them.","npx shadcn@latest add @kokonutui/ai-branches","https://kokonutui.com/docs/ai/ai-branches",0,"",["ai-branches",0,4,0],67,"thinking","chat|messages,ai,input|icons,monochrome|c"],["AI Agent Lanes","kokonut","A lead agent hands work to sub-agents that run side by side. Each gets a lane of tool calls, and you can scrub through the whole run.","npx shadcn@latest add @kokonutui/ai-agent-lanes","https://kokonutui.com/docs/ai/ai-agent-lanes",0,"",["ai-agent-lanes",0,2,0],86,"thinking","ai prompt|ai,search,chat,input|icons|c"],["AI Inline Edit","kokonut","Select text in a document and ask AI to rewrite it. The edit streams in place as a word-level diff you accept, discard or try again.","npx shadcn@latest add @kokonutui/ai-inline-edit","https://kokonutui.com/docs/ai/ai-inline-edit",0,"",["ai-inline-edit",0,0,1],70,"thinking","input|text field,form,form control|icons,monochrome|c"],["AI Message Queue","kokonut","Keep typing while the agent works. Follow-ups stack above the composer, where you can reorder, edit or send one now, and go in one by one when the run ends.","npx shadcn@latest add @kokonutui/ai-message-queue","https://kokonutui.com/docs/ai/ai-message-queue",0,"",["ai-message-queue",0,4,1],82,"thinking","textarea|input,form,text field|icons,monochrome|c"],["AI Redact","kokonut","Masks names, emails, card numbers and keys as placeholders before a prompt is sent, then fills the real values back into the reply.","npx shadcn@latest add @kokonutui/ai-redact","https://kokonutui.com/docs/ai/ai-redact",0,"",["ai-redact",0,7,1],77,"thinking","textarea|input,account,form,text field|icons,monochrome|c"],["AI Memory","kokonut","An assistant that saves what it learns about you into a memory list. New facts replace the ones they contradict, and you can edit or forget any of them.","npx shadcn@latest add @kokonutui/ai-memory","https://kokonutui.com/docs/ai/ai-memory",0,"",["ai-memory",0,3,1],71,"thinking","switch|toggle,on off,settings|icons,monochrome|c"],["Marker Text","kokonut","Hand-drawn highlights, underlines, circles, boxes and strikes that draw themselves in reading order when the text comes into view.","npx shadcn@latest add @kokonutui/marker-text","https://kokonutui.com/docs/texts/marker-text",0,"",["marker-text",0,1,7],95,"text","text effect|text animation,search,typography,animated text|icons,monochrome|c"],["Ink Background","kokonut","A hero written in ink on water. Stir it and the letters bleed, click to drop ink, and the headline gathers itself again. Built with WebGL.","npx shadcn@latest add @kokonutui/ink-background","https://kokonutui.com/docs/backgrounds/ink-background",0,"",["ink-background",0,2,6],87,"background","background|animated background,effect,hero background|no icons|c"],["Caustics Background","kokonut","A hero on the floor of a pool. Light ripples across it, clicks drop rings that bend the light, and the headline's shadow wobbles below.","npx shadcn@latest add @kokonutui/caustics-background","https://kokonutui.com/docs/backgrounds/caustics-background",0,"",["caustics-background",0,1,4],94,"background","background|animated background,effect,hero background|no icons|c"],["Rain Glass Background","kokonut","A hero seen through a rainy window. Drops gather and run, each a tiny lens on the view, and dragging wipes the fog off the glass.","npx shadcn@latest add @kokonutui/rain-glass-background","https://kokonutui.com/docs/backgrounds/rain-glass-background",0,"",["rain-glass-background",0,5,8],98,"background","background|animated background,effect,hero background|no icons|c"],["Shadow Text","kokonut","A headline that works as a sundial. Each letter casts a long, soft shadow set by the reader's clock, and bringing the pointer close turns it into a lamp.","npx shadcn@latest add @kokonutui/shadow-text","https://kokonutui.com/docs/texts/shadow-text",0,"",["shadow-text",0,2,9],76,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Seat Map","kokonut","Pick seats for a show. Drag along a row to take several, and it points out any single seat you'd leave stranded.","npx shadcn@latest add @kokonutui/seat-map","https://kokonutui.com/docs/inputs/seat-map",0,"",["seat-map",0,1,9],80,"map","map|globe,pricing,location|icons,monochrome|c"],["Amount Pad","kokonut","A keypad for sending money. Digits spring into place, commas slide them along, and the amount shrinks to fit as it grows.","npx shadcn@latest add @kokonutui/amount-pad","https://kokonutui.com/docs/inputs/amount-pad",0,"",["amount-pad",0,4,2],76,"misc","carousel|slider,pricing,gallery,swipe|icons,monochrome|c"],["Slide to Confirm","kokonut","A confirm control for payments and other actions you can't take back. Slide the thumb to the end, or flick it.","npx shadcn@latest add @kokonutui/slide-to-confirm","https://kokonutui.com/docs/buttons/slide-to-confirm",0,"",["slide-to-confirm",0,6,9],65,"dialog","alert dialog|carousel,pricing,dialog,modal,confirm|icons,monochrome,minimal|c"],["Save Button","kokonut","A bookmark button that files into collections. Tap to save to the last one, then change it or make a new one from the strip.","npx shadcn@latest add @kokonutui/save-button","https://kokonutui.com/docs/buttons/save-button",0,"",["save-button",0,7,8],11,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Cart Button","kokonut","An Add button that opens into a quantity stepper in place, with a bin at one and press-and-hold to repeat.","npx shadcn@latest add @kokonutui/cart-button","https://kokonutui.com/docs/buttons/cart-button",0,"",["cart-button",0,0,4],85,"button","button|ecommerce,e-commerce,pricing,cta,click,action|icons,monochrome|c"],["Card Field","kokonut","A one-row card input for checkout. The number groups the way the brand prints it, then slides to its last four to make room for expiry and CVC.","npx shadcn@latest add @kokonutui/card-field","https://kokonutui.com/docs/inputs/card-field",0,"",["card-field",0,4,3],72,"input","input|card,pricing,text field,form,form control|icons,monochrome|c"],["Stay Picker","kokonut","A date range picker for booking stays. Every night shows its price, sold-out nights are hatched, and your stay is one pill that wraps across weeks.","npx shadcn@latest add @kokonutui/stay-picker","https://kokonutui.com/docs/inputs/stay-picker",0,"",["stay-picker",0,7,10],72,"datepicker","select|dropdown,calendar,options,form|icons,avatar,monochrome|c"],["Slot Picker","kokonut","Book a meeting on a day rail. Drag a meeting into a free gap; it hops over existing bookings, resizes in place and shows the host's local time.","npx shadcn@latest add @kokonutui/slot-picker","https://kokonutui.com/docs/inputs/slot-picker",0,"",["slot-picker",0,7,9],84,"datepicker","select|dropdown,options,form|icons,monochrome|c"],["Tip Selector","kokonut","A tip picker for checkout, set on a tape you drag and flick. The ticks you pass fill in, the amounts roll, and Round up makes the total a whole amount.","npx shadcn@latest add @kokonutui/tip-selector","https://kokonutui.com/docs/inputs/tip-selector",0,"",["tip-selector",0,6,11],83,"misc","select|dropdown,pricing,options,form|icons,monochrome|c"],["Boarding Pass","kokonut","A boarding pass that keeps itself current. When the gate or times change, only the changed characters roll over, the old value struck through.","npx shadcn@latest add @kokonutui/boarding-pass","https://kokonutui.com/docs/cards/boarding-pass",0,"",["boarding-pass",0,3,3],67,"misc","card|container,calendar,surface|icons,monochrome|c"],["Split Flap Text","kokonut","Departure-board lettering for headlines and status lines. Each tile flips only as far as its new letter, on a hinge, a beat after its neighbour.","npx shadcn@latest add @kokonutui/split-flap-text","https://kokonutui.com/docs/texts/split-flap-text",0,"",["split-flap-text",0,3,10],65,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Location Picker","kokonut","Set a pickup point the way ride apps do. Drag the map under a fixed pin; it lifts off its shadow, glides onto the nearest curb, drops, and the street rolls in.","npx shadcn@latest add @kokonutui/location-picker","https://kokonutui.com/docs/inputs/location-picker",0,"",["location-picker",0,0,7],94,"misc","select|map,dropdown,options,form|icons|c"],["Contact Sheet","kokonut","Pick from a shoot the way photographers do. Circle a frame in china marker, click again to strike it, and look through a loupe at the detail first.","npx shadcn@latest add @kokonutui/contact-sheet","https://kokonutui.com/docs/media/contact-sheet",0,"",["contact-sheet",0,4,4],80,"section|b","drawer|contact section,sheet,overlay,panel|icons|c"],["Alert","reui","","npx shadcn@latest add @reui/alert","https://reui.io/components/alert",0,"",["alert",0,0,0],51,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Autocomplete","reui","","npx shadcn@latest add @reui/autocomplete","https://reui.io/components/autocomplete",0,"",["autocomplete",0,1,0],8,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Badge","reui","","npx shadcn@latest add @reui/badge","https://reui.io/components/badge",0,"",["badge",0,2,0],9,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Cascader","reui","","npx shadcn@latest add @reui/cascader","https://reui.io/components/cascader",0,"",["cascader",0,7,7],8,"misc","select|dropdown,tasks,options,form|icons,monochrome,minimal|c"],["Cascader Async","reui","","npx shadcn@latest add @reui/cascader-async","https://reui.io/components/cascader",0,"",["cascader-async",0,0,8],8,"misc","select|dropdown,tasks,options,form|icons,monochrome,minimal|c"],["Cascader Columns","reui","","npx shadcn@latest add @reui/cascader-columns","https://reui.io/components/cascader",0,"",["cascader-columns",0,1,8],42,"kanban","select|dropdown,options,form|icons,monochrome,minimal|c"],["Cascader Context","reui","","npx shadcn@latest add @reui/cascader-context","https://reui.io/components/cascader",0,"",["cascader-context",0,2,8],8,"misc","select|dropdown,tasks,options,form|icons,monochrome,minimal|c"],["Cascader Footer","reui","","npx shadcn@latest add @reui/cascader-footer","https://reui.io/components/cascader",0,"",["cascader-footer",0,3,8],8,"section","select|footer,dropdown,options,form|icons,monochrome,minimal|c"],["Cascader I18n","reui","","npx shadcn@latest add @reui/cascader-i18n","https://reui.io/components/cascader",0,"",["cascader-i18n",0,4,8],8,"misc","select|dropdown,tasks,options,form|icons,monochrome,minimal|c"],["Cascader Item","reui","","npx shadcn@latest add @reui/cascader-item","https://reui.io/components/cascader",0,"",["cascader-item",0,5,8],8,"misc","select|dropdown,tasks,options,form|icons,monochrome,minimal|c"],["Cascader Lib","reui","","npx shadcn@latest add @reui/cascader-lib","https://reui.io/components/cascader",0,"",["cascader-lib",0,6,8],8,"misc","select|dropdown,tasks,options,form|icons,monochrome,minimal|c"],["Cascader Nav","reui","","npx shadcn@latest add @reui/cascader-nav","https://reui.io/components/cascader",0,"",["cascader-nav",0,7,8],8,"navbar","navbar|header,tasks,navigation,menu|icons,monochrome,minimal|c"],["Nested multi-level combobox with drill-down, columns and tree modes.","reui","Nested multi-level combobox with drill-down, columns and tree modes.","npx shadcn@latest add @reui/cascader-types","https://reui.io/components/cascader",0,"",["cascader-types",0,0,9],8,"dropdown","combobox|tree view,tasks,select,search,autocomplete|icons,monochrome,minimal|c"],["Cascader Virtual","reui","","npx shadcn@latest add @reui/cascader-virtual","https://reui.io/components/cascader",0,"",["cascader-virtual",0,1,9],49,"misc","list|items,rows|icons,monochrome|c"],["Shadcn code block with Shiki highlighting, streaming, diffs, folding and per-line interaction for AI chat UIs.","reui","Shadcn code block with Shiki highlighting, streaming, diffs, folding and per-line interaction for AI chat UIs.","npx shadcn@latest add @reui/code-block","https://reui.io/components/code-block",0,"",["code-block",0,2,9],84,"thinking|b","code block|ai prompt,chat,content section,code,syntax highlight|icons,monochrome|c"],["Isomorphic shiki engine and pure helpers for the code block.","reui","Isomorphic shiki engine and pure helpers for the code block.","npx shadcn@latest add @reui/code-block-highlight","https://reui.io/components/code-block",0,"",["code-block-highlight",0,3,9],75,"misc","code block|content section,code,syntax highlight|icons,animated,monochrome|c"],["Shadcn color picker with a saturation area, hue, alpha and channel sliders, a hue wheel, HEX, RGB, HSL, HSB and OKLCH fields, swatches and an eye dropper.","reui","Shadcn color picker with a saturation area, hue, alpha and channel sliders, a hue wheel, HEX, RGB, HSL, HSB and OKLCH fields, swatches and an eye dropper.","npx shadcn@latest add @reui/color-picker","https://reui.io/components/color-picker",0,"",["color-picker",0,4,9],100,"input","color picker|slider,select,color input,swatches|icons,colorful|c"],["Data Grid","reui","","npx shadcn@latest add @reui/data-grid","https://reui.io/components/data-grid",0,"",["data-grid",0,5,9],28,"table","data table|table,pricing,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Data Grid Cell Selection","reui","","npx shadcn@latest add @reui/data-grid-cell-selection","https://reui.io/components/data-grid",0,"",["data-grid-cell-selection",0,6,9],62,"table","select|data table,calendar,dropdown,options,form|icons,monochrome|c"],["Data Grid Column Filter","reui","","npx shadcn@latest add @reui/data-grid-column-filter","https://reui.io/components/data-grid",0,"",["data-grid-column-filter",0,7,9],28,"table","data table|table,pricing,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Data Grid Column Header","reui","","npx shadcn@latest add @reui/data-grid-column-header","https://reui.io/components/data-grid",0,"",["data-grid-column-header",0,0,10],84,"navbar|b","navbar|data table,pricing,account,header,navigation,menu|icons,monochrome|b"],["Data Grid Column Visibility","reui","","npx shadcn@latest add @reui/data-grid-column-visibility","https://reui.io/components/data-grid",0,"",["data-grid-column-visibility",0,1,10],67,"table","data table|table,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Data Grid I18n","reui","","npx shadcn@latest add @reui/data-grid-i18n","https://reui.io/components/data-grid",0,"",["data-grid-i18n",0,2,10],76,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Data Grid Pagination","reui","","npx shadcn@latest add @reui/data-grid-pagination","https://reui.io/components/data-grid",0,"",["data-grid-pagination",0,3,10],28,"table","pagination|data table,pricing,account,pages,navigation|icons,avatar,images,monochrome|c"],["Data Grid Scroll Area","reui","","npx shadcn@latest add @reui/data-grid-scroll-area","https://reui.io/components/data-grid",0,"",["data-grid-scroll-area",0,4,10],28,"table","scroll area|data table,pricing,account,scroll,container|icons,avatar,images,monochrome|c"],["Data Grid Table","reui","","npx shadcn@latest add @reui/data-grid-table","https://reui.io/components/data-grid",0,"",["data-grid-table",0,5,10],28,"table","data table|table,pricing,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Data Grid Table Dnd","reui","","npx shadcn@latest add @reui/data-grid-table-dnd","https://reui.io/components/data-grid",0,"",["data-grid-table-dnd",0,6,10],73,"table","data table|table,account,rows,spreadsheet|icons,monochrome|c"],["Data Grid Table Dnd Rows","reui","","npx shadcn@latest add @reui/data-grid-table-dnd-rows","https://reui.io/components/data-grid",0,"",["data-grid-table-dnd-rows",0,7,10],61,"table","data table|table,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Data Grid Table Virtual","reui","","npx shadcn@latest add @reui/data-grid-table-virtual","https://reui.io/components/data-grid",0,"",["data-grid-table-virtual",0,0,11],68,"table","list|data table,pricing,items,rows|icons,monochrome|c"],["Date Selector","reui","","npx shadcn@latest add @reui/date-selector","https://reui.io/components/date-selector",0,"",["date-selector",0,1,11],67,"datepicker","select|dropdown,calendar,options,form|icons,monochrome|c"],["Shadcn emoji picker with search, shortcodes, skin tones, frequently used and custom emoji, a category bar, a virtualized grid and 28 data languages.","reui","Shadcn emoji picker with search, shortcodes, skin tones, frequently used and custom emoji, a category bar, a virtualized grid and 28 data languages.","npx shadcn@latest add @reui/emoji-picker","https://reui.io/components/emoji-picker",0,"",["emoji-picker",0,2,11],73,"misc","select|list,search,dropdown,options,form|icons,monochrome|c"],["Headless-first event calendar with month, week, day, N-day and agenda views, external CRUD contract, and a subscribable store.","reui","Headless-first event calendar with month, week, day, N-day and agenda views, external CRUD contract, and a subscribable store.","npx shadcn@latest add @reui/event-calendar","https://reui.io/components/event-calendar",0,"",["event-calendar",0,3,11],57,"datepicker","calendar|ecommerce,settings,date,date picker,schedule|icons,monochrome|c"],["Chronological agenda grouped by day - a day header row plus a clean time / dot / title table.","reui","Chronological agenda grouped by day - a day header row plus a clean time / dot / title table.","npx shadcn@latest add @reui/event-calendar-agenda-view","https://reui.io/components/event-calendar",0,"",["event-calendar-agenda-view",0,4,11],84,"navbar|b","data table|table,settings,rows,spreadsheet|icons,monochrome|b"],["Active-view switchboard rendering month, week, day, N-days, or agenda; swappable per view via the components prop.","reui","Active-view switchboard rendering month, week, day, N-days, or agenda; swappable per view via the components prop.","npx shadcn@latest add @reui/event-calendar-content","https://reui.io/components/event-calendar",0,"",["event-calendar-content",0,5,11],57,"misc","switch|toggle,on off,settings|icons,monochrome|c"],["Custom pointer-event interaction engine - move, resize, and drag-create across month, week, day, and N-day views with live validation.","reui","Custom pointer-event interaction engine - move, resize, and drag-create across month, week, day, and N-day views with live validation.","npx shadcn@latest add @reui/event-calendar-dnd","https://reui.io/components/event-calendar",0,"",["event-calendar-dnd",0,6,11],57,"misc","calendar|cursor effect,settings,date,date picker,schedule|icons,monochrome|c"],["The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.","reui","The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.","npx shadcn@latest add @reui/event-calendar-event","https://reui.io/components/event-calendar",0,"",["event-calendar-event",0,7,11],84,"misc|b","select|content section,settings,tag,calendar,dropdown,options|icons,monochrome|c"],["Default UI texts, date-format strings, and formatter functions for the event calendar, fully overridable per key.","reui","Default UI texts, date-format strings, and formatter functions for the event calendar, fully overridable per key.","npx shadcn@latest add @reui/event-calendar-i18n","https://reui.io/components/event-calendar",0,"",["event-calendar-i18n",1,0,0],57,"text","text effect|calendar,settings,form,text animation,typography,animated text|icons,monochrome|c"],["Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.","reui","Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.","npx shadcn@latest add @reui/event-calendar-lib","https://reui.io/components/gantt",0,"",["gantt-lib",1,4,3],54,"datepicker","slider|calendar,settings,range,input|icons,monochrome|c"],["ARIA-grid month view with week rows, day cells, event chips, and overflow counts.","reui","ARIA-grid month view with week rows, day cells, event chips, and overflow counts.","npx shadcn@latest add @reui/event-calendar-month-view","https://reui.io/components/event-calendar",0,"",["event-calendar-month-view",1,2,0],57,"table","calendar|tag,settings,date,date picker,schedule|icons,monochrome|c"],["Composable navigation - Today, prev/next, period title, view switcher dropdown, and a free toolbar slot.","reui","Composable navigation - Today, prev/next, period title, view switcher dropdown, and a free toolbar slot.","npx shadcn@latest add @reui/event-calendar-nav","https://reui.io/components/event-calendar",0,"",["event-calendar-nav",1,3,0],84,"navbar|b","navbar|switch,settings,dropdown menu,menubar,header,navigation|icons,monochrome|b"],["RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.","reui","RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.","npx shadcn@latest add @reui/event-calendar-recurrence","https://reui.io/components/gantt",0,"",["gantt-recurrence",1,6,3],54,"datepicker","calendar|divider,settings,date,date picker,schedule|icons,monochrome|c"],["Resource-columns day grid for booking scenarios - one time axis, one column per resource, full drag, resize, and drag-create.","reui","Resource-columns day grid for booking scenarios - one time axis, one column per resource, full drag, resize, and drag-create.","npx shadcn@latest add @reui/event-calendar-resource-view","https://reui.io/components/event-calendar",0,"",["event-calendar-resource-view",1,5,0],57,"kanban","otp input|calendar,settings,input,verification,code|icons,monochrome|c"],["Shared week/day/N-days engine - hour gutter, minute-positioned events, all-day row, drag ghosts, now indicator, and configurable scrolling.","reui","Shared week/day/N-days engine - hour gutter, minute-positioned events, all-day row, drag ghosts, now indicator, and configurable scrolling.","npx shadcn@latest add @reui/event-calendar-time-grid","https://reui.io/components/event-calendar",0,"",["event-calendar-time-grid",1,6,0],57,"misc","calendar|badge,settings,marquee,date,date picker,schedule|icons,monochrome|c"],["Public TypeScript contract for the headless event calendar: events, occurrences, segments, state, and callbacks.","reui","Public TypeScript contract for the headless event calendar: events, occurrences, segments, state, and callbacks.","npx shadcn@latest add @reui/event-calendar-types","https://reui.io/components/event-calendar",0,"",["event-calendar-types",1,7,0],57,"datepicker","calendar|date,settings,date picker,schedule|icons,monochrome|c"],["Shadcn file type icon in brand and family colors, outline, solid, light and mono variants, sizes down to 18px for data grid rows, and resolution from a file name or MIME type.","reui","Shadcn file type icon in brand and family colors, outline, solid, light and mono variants, sizes down to 18px for data grid rows, and resolution from a file name or MIME type.","npx shadcn@latest add @reui/file-type","https://reui.io/components/file-type",0,"",["file-type",1,0,1],77,"upload","animated icon|data table,icon,animation|no icons,monochrome,minimal|c"],["Filters","reui","","npx shadcn@latest add @reui/filters","https://reui.io/components/filters",0,"",["filters",1,1,1],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Filters Advanced","reui","","npx shadcn@latest add @reui/filters-advanced","https://reui.io/components/filters",0,"",["filters-advanced",1,2,1],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Filters Builder","reui","","npx shadcn@latest add @reui/filters-builder","https://reui.io/components/filters",0,"",["filters-builder",1,3,1],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Filters Chip","reui","","npx shadcn@latest add @reui/filters-chip","https://reui.io/components/filters",0,"",["filters-chip",1,4,1],42,"misc","tag|label,chip,pill|icons,monochrome|c"],["Filters Context","reui","","npx shadcn@latest add @reui/filters-context","https://reui.io/components/filters",0,"",["filters-context",1,5,1],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Filters Date","reui","","npx shadcn@latest add @reui/filters-date","https://reui.io/components/filters",0,"",["filters-date",1,6,1],14,"datepicker","select|dropdown,options,form|icons,monochrome|c"],["Pointer-based drag layer for the advanced condition builder - a carry clone that follows the pointer, drop indicators between rows and into groups, and Alt to copy.","reui","Pointer-based drag layer for the advanced condition builder - a carry clone that follows the pointer, drop indicators between rows and into groups, and Alt to copy.","npx shadcn@latest add @reui/filters-dnd","https://reui.io/components/filters",0,"",["filters-dnd",1,7,1],42,"table","cursor effect|badge,cursor,interaction,animation|no icons,monochrome,minimal|c"],["Filters Draft","reui","","npx shadcn@latest add @reui/filters-draft","https://reui.io/components/filters",0,"",["filters-draft",1,0,2],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Filters Editors","reui","","npx shadcn@latest add @reui/filters-editors","https://reui.io/components/filters",0,"",["filters-editors",1,1,2],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Filters I18n","reui","","npx shadcn@latest add @reui/filters-i18n","https://reui.io/components/filters",0,"",["filters-i18n",1,2,2],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Filters Lib","reui","","npx shadcn@latest add @reui/filters-lib","https://reui.io/components/filters",0,"",["filters-lib",1,3,2],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Filters Operators","reui","","npx shadcn@latest add @reui/filters-operators","https://reui.io/components/filters",0,"",["filters-operators",1,4,2],66,"misc","select|dropdown,pricing,options,form|icons,monochrome|c"],["Filters Query","reui","","npx shadcn@latest add @reui/filters-query","https://reui.io/components/filters",0,"",["filters-query",1,5,2],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Stepped filter builder with nested fields, popover value editors and a boolean query tree.","reui","Stepped filter builder with nested fields, popover value editors and a boolean query tree.","npx shadcn@latest add @reui/filters-types","https://reui.io/components/filters",0,"",["filters-types",1,6,2],42,"input","tree view|popover,file tree,nested list|icons,monochrome|c"],["Frame","reui","","npx shadcn@latest add @reui/frame","https://reui.io/components/frame",0,"",["frame",1,7,2],68,"misc","image|media,mockup|no icons,monochrome,minimal|c"],["Headless-first gantt - horizontal resource timeline with day-to-year scales, external CRUD contract, and a subscribable store.","reui","Headless-first gantt - horizontal resource timeline with day-to-year scales, external CRUD contract, and a subscribable store.","npx shadcn@latest add @reui/gantt","https://reui.io/components/gantt",0,"",["gantt",1,0,3],54,"misc","timeline|ecommerce,history,steps,activity|no icons,monochrome,minimal|c"],["The interactive gantt bar - selection, clicks, drag + resize wiring, and the consumer render slot.","reui","The interactive gantt bar - selection, clicks, drag + resize wiring, and the consumer render slot.","npx shadcn@latest add @reui/gantt-bar","https://reui.io/components/gantt",0,"",["gantt-bar",1,1,3],54,"misc","select|dropdown,calendar,settings,options,form|icons,monochrome|c"],["Custom pointer-event interaction engine - edge resize and drag-create over the horizontal axis with live validation; bars are never dragged whole.","reui","Custom pointer-event interaction engine - edge resize and drag-create over the horizontal axis with live validation; bars are never dragged whole.","npx shadcn@latest add @reui/gantt-dnd","https://reui.io/components/gantt",0,"",["gantt-dnd",1,2,3],54,"misc","calendar|cursor effect,settings,date,date picker,schedule|icons,monochrome|c"],["Default UI texts, date-format strings, and formatter functions for the gantt, fully overridable per key.","reui","Default UI texts, date-format strings, and formatter functions for the gantt, fully overridable per key.","npx shadcn@latest add @reui/gantt-i18n","https://reui.io/components/gantt",0,"",["gantt-i18n",1,3,3],54,"text","text effect|form,calendar,settings,text animation,typography,animated text|icons,monochrome|c"],["Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.","reui","Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.","npx shadcn@latest add @reui/gantt-lib","https://reui.io/components/gantt",0,"",["gantt-lib",1,4,3],54,"datepicker","slider|calendar,settings,range,input|icons,monochrome|c"],["Composable navigation - Today, view selector, prev/next, go-to-date, period title, and a free toolbar slot.","reui","Composable navigation - Today, view selector, prev/next, go-to-date, period title, and a free toolbar slot.","npx shadcn@latest add @reui/gantt-nav","https://reui.io/components/gantt",0,"",["gantt-nav",1,5,3],86,"navbar|b","navbar|menubar,select,header,navigation,menu|no icons,monochrome,minimal|b"],["RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.","reui","RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.","npx shadcn@latest add @reui/gantt-recurrence","https://reui.io/components/gantt",0,"",["gantt-recurrence",1,6,3],54,"datepicker","calendar|divider,settings,date,date picker,schedule|icons,monochrome|c"],["Public TypeScript contract for the headless gantt: events, occurrences, segments, state, and callbacks.","reui","Public TypeScript contract for the headless gantt: events, occurrences, segments, state, and callbacks.","npx shadcn@latest add @reui/gantt-types","https://reui.io/components/gantt",0,"",["gantt-types",1,7,3],54,"misc","calendar|date,date picker,schedule|no icons,monochrome,minimal|c"],["The gantt body - split resizable tree/timeline panes with synced scrolling, multi-column tree, grouped two-row header, day through year scales, zoom, drag-to-pan, lanes, drag and resize.","reui","The gantt body - split resizable tree/timeline panes with synced scrolling, multi-column tree, grouped two-row header, day through year scales, zoom, drag-to-pan, lanes, drag and r","npx shadcn@latest add @reui/gantt-view","https://reui.io/components/gantt",0,"",["gantt-view",1,0,4],86,"navbar|b","timeline|marquee,navbar,tree view,history,steps,activity|no icons,monochrome,minimal|b"],["Layered icon illustration container","reui","Layered icon illustration container","npx shadcn@latest add @reui/icon-stack","https://reui.io/components/icon-stack",0,"",["icon-stack",1,1,4],32,"misc","animated icon|icon,animation|icons,monochrome,minimal|c"],["Square container that gives icons a consistent surface","reui","Square container that gives icons a consistent surface","npx shadcn@latest add @reui/icon-tile","https://reui.io/components/icon-tile",0,"",["icon-tile",1,2,4],6,"misc","animated icon|icon,animation|icons,monochrome,minimal|c"],["Kanban","reui","","npx shadcn@latest add @reui/kanban","https://reui.io/components/kanban",0,"",["kanban",1,3,4],76,"kanban","kanban board|board,calendar,tasks,drag and drop|icons,monochrome|c"],["Number Field","reui","","npx shadcn@latest add @reui/number-field","https://reui.io/components/number-field",0,"",["number-field",1,4,4],43,"input","number input|input,stepper|no icons,monochrome,minimal|c"],["Phone Input","reui","","npx shadcn@latest add @reui/phone-input","https://reui.io/components/phone-input",0,"",["phone-input",1,5,4],43,"input","phone input|input,form|no icons,monochrome,minimal|c"],["Rating","reui","","npx shadcn@latest add @reui/rating","https://reui.io/components/rating",0,"",["rating",1,6,4],21,"input","rating|stars,review,input|icons,monochrome|c"],["Scrollspy","reui","","npx shadcn@latest add @reui/scrollspy","https://reui.io/components/scrollspy",0,"",["scrollspy",1,7,4],75,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Shadcn signature pad with pressure and velocity ink, touch and stylus input, undo and redo, form fields and PNG, JPEG or SVG export.","reui","Shadcn signature pad with pressure and velocity ink, touch and stylus input, undo and redo, form fields and PNG, JPEG or SVG export.","npx shadcn@latest add @reui/signature-pad","https://reui.io/components/signature-pad",0,"",["signature-pad",1,0,5],66,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Sortable","reui","","npx shadcn@latest add @reui/sortable","https://reui.io/components/sortable",0,"",["sortable",1,1,5],71,"misc","card|container,surface|icons,monochrome|c"],["Stepper","reui","","npx shadcn@latest add @reui/stepper","https://reui.io/components/stepper",0,"",["stepper",1,2,5],53,"misc","stepper|steps,progress,onboarding|no icons,monochrome,minimal|c"],["Shadcn time picker with scrollable hour, minute, second and AM/PM columns, a typable input, steps, bounds and localized labels.","reui","Shadcn time picker with scrollable hour, minute, second and AM/PM columns, a typable input, steps, bounds and localized labels.","npx shadcn@latest add @reui/time-picker","https://reui.io/components/time-picker",0,"",["time-picker",1,3,5],64,"kanban","time picker|input,stepper,select,time input,clock|no icons,monochrome|c"],["Timeline","reui","","npx shadcn@latest add @reui/timeline","https://reui.io/components/timeline",0,"",["timeline",1,4,5],60,"misc","timeline|history,steps,activity|no icons,monochrome,minimal|c"],["Tree","reui","","npx shadcn@latest add @reui/tree","https://reui.io/components/tree",0,"",["tree",1,5,5],47,"misc","tree view|file tree,nested list|no icons,monochrome,minimal|c"],["Accordion","reui","11 ready-made accordion examples from Re UI.","npx shadcn@latest add @reui/c-accordion-1","https://reui.io/components/accordion",11,"",["c-accordion-1",0,3,0],58,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert dialog","reui","14 ready-made alert dialog examples from Re UI.","npx shadcn@latest add @reui/c-alert-dialog-1","https://reui.io/components/alert-dialog",14,"",["c-alert-dialog-1",0,4,0],11,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Aspect ratio","reui","8 ready-made aspect ratio examples from Re UI.","npx shadcn@latest add @reui/c-aspect-ratio-1","https://reui.io/components/aspect-ratio",8,"",["c-aspect-ratio-1",0,5,0],84,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Attachment","reui","6 ready-made attachment examples from Re UI.","npx shadcn@latest add @reui/c-attachment-1","https://reui.io/components/attachment",6,"",["c-attachment-1",0,6,0],71,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["Avatar","reui","35 ready-made avatar examples from Re UI.","npx shadcn@latest add @reui/c-avatar-1","https://reui.io/components/avatar",35,"",["c-avatar-1",0,7,0],1,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Breadcrumb","reui","15 ready-made breadcrumb examples from Re UI.","npx shadcn@latest add @reui/c-breadcrumb-1","https://reui.io/components/breadcrumb",15,"",["c-breadcrumb-1",0,0,1],8,"misc","breadcrumb|navigation,path|no icons,monochrome,minimal|c"],["Bubble","reui","7 ready-made bubble examples from Re UI.","npx shadcn@latest add @reui/c-bubble-1","https://reui.io/components/bubble",7,"",["c-bubble-1",0,1,1],70,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Button","reui","61 ready-made button examples from Re UI.","npx shadcn@latest add @reui/c-button-1","https://reui.io/components/button",61,"",["c-button-1",0,2,1],12,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button group","reui","57 ready-made button group examples from Re UI.","npx shadcn@latest add @reui/c-button-group-1","https://reui.io/components/button-group",57,"",["c-button-group-1",0,3,1],45,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Calendar","reui","30 ready-made calendar examples from Re UI.","npx shadcn@latest add @reui/c-calendar-1","https://reui.io/components/calendar",30,"",["c-calendar-1",0,4,1],75,"datepicker","calendar|date,date picker,schedule|no icons,monochrome,minimal|c"],["Card","reui","18 ready-made card examples from Re UI.","npx shadcn@latest add @reui/c-card-1","https://reui.io/components/card",18,"",["c-card-1",0,5,1],70,"card","card|container,surface|no icons,monochrome,minimal|c"],["Carousel","reui","11 ready-made carousel examples from Re UI.","npx shadcn@latest add @reui/c-carousel-1","https://reui.io/components/carousel",11,"",["c-carousel-1",0,6,1],90,"carousel","carousel|slider,gallery,swipe|icons,images,monochrome|c"],["Chart","reui","25 ready-made chart examples from Re UI.","npx shadcn@latest add @reui/c-chart-1","https://reui.io/components/chart",25,"",["c-chart-1",0,7,1],100,"chart","chart|graph,timeline data,analytics,data,dashboard|icons|c"],["Checkbox","reui","22 ready-made checkbox examples from Re UI.","npx shadcn@latest add @reui/c-checkbox-1","https://reui.io/components/checkbox",22,"",["c-checkbox-1",0,0,2],9,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Collapsible","reui","10 ready-made collapsible examples from Re UI.","npx shadcn@latest add @reui/c-collapsible-1","https://reui.io/components/collapsible",10,"",["c-collapsible-1",0,1,2],62,"accordion","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["Combobox","reui","28 ready-made combobox examples from Re UI.","npx shadcn@latest add @reui/c-combobox-1","https://reui.io/components/combobox",28,"",["c-combobox-1",0,2,2],42,"dropdown","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Command","reui","8 ready-made command examples from Re UI.","npx shadcn@latest add @reui/c-command-1","https://reui.io/components/command",8,"",["c-command-1",0,3,2],73,"command","command menu|command palette,search,cmdk|no icons,monochrome,minimal|c"],["Context menu","reui","10 ready-made context menu examples from Re UI.","npx shadcn@latest add @reui/c-context-menu-1","https://reui.io/components/context-menu",10,"",["c-context-menu-1",0,4,2],41,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Dialog","reui","10 ready-made dialog examples from Re UI.","npx shadcn@latest add @reui/c-dialog-1","https://reui.io/components/dialog",10,"",["c-dialog-1",0,5,2],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Drawer","reui","5 ready-made drawer examples from Re UI.","npx shadcn@latest add @reui/c-drawer-1","https://reui.io/components/drawer",5,"",["c-drawer-1",0,6,2],10,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown menu","reui","18 ready-made dropdown menu examples from Re UI.","npx shadcn@latest add @reui/c-dropdown-menu-1","https://reui.io/components/dropdown-menu",18,"",["c-dropdown-menu-1",0,7,2],7,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Empty","reui","20 ready-made empty examples from Re UI.","npx shadcn@latest add @reui/c-empty-1","https://reui.io/components/empty",20,"",["c-empty-1",0,0,3],68,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Field","reui","11 ready-made field examples from Re UI.","npx shadcn@latest add @reui/c-field-1","https://reui.io/components/field",11,"",["c-field-1",0,1,3],73,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["File upload","reui","10 ready-made file upload examples from Re UI.","npx shadcn@latest add @reui/c-file-upload-1","https://reui.io/components/file-upload",10,"",["c-file-upload-1",0,2,3],52,"upload","file upload|dropzone,upload,drag and drop|no icons,monochrome,minimal|c"],["Hover card","reui","8 ready-made hover card examples from Re UI.","npx shadcn@latest add @reui/c-hover-card-1","https://reui.io/components/hover-card",8,"",["c-hover-card-1",0,3,3],9,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Input","reui","31 ready-made input examples from Re UI.","npx shadcn@latest add @reui/c-input-1","https://reui.io/components/input",31,"",["c-input-1",0,4,3],9,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group","reui","40 ready-made input group examples from Re UI.","npx shadcn@latest add @reui/c-input-group-1","https://reui.io/components/input-group",40,"",["c-input-group-1",0,5,3],7,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input otp","reui","6 ready-made input otp examples from Re UI.","npx shadcn@latest add @reui/c-input-otp-1","https://reui.io/components/input-otp",6,"",["c-input-otp-1",0,6,3],46,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Item","reui","12 ready-made item examples from Re UI.","npx shadcn@latest add @reui/c-item-1","https://reui.io/components/item",12,"",["c-item-1",0,7,3],72,"misc","card|container,surface|no icons,monochrome|c"],["Kbd","reui","6 ready-made kbd examples from Re UI.","npx shadcn@latest add @reui/c-kbd-1","https://reui.io/components/kbd",6,"",["c-kbd-1",0,0,4],3,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Label","reui","13 ready-made label examples from Re UI.","npx shadcn@latest add @reui/c-label-1","https://reui.io/components/label",13,"",["c-label-1",0,1,4],49,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Marker","reui","6 ready-made marker examples from Re UI.","npx shadcn@latest add @reui/c-marker-1","https://reui.io/components/marker",6,"",["c-marker-1",0,2,4],50,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Menubar","reui","5 ready-made menubar examples from Re UI.","npx shadcn@latest add @reui/c-menubar-1","https://reui.io/components/menubar",5,"",["c-menubar-1",0,3,4],8,"misc","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Message","reui","7 ready-made message examples from Re UI.","npx shadcn@latest add @reui/c-message-1","https://reui.io/components/message",7,"",["c-message-1",0,4,4],77,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Message scroller","reui","6 ready-made message scroller examples from Re UI.","npx shadcn@latest add @reui/c-message-scroller-1","https://reui.io/components/message-scroller",6,"",["c-message-scroller-1",0,5,4],57,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Native select","reui","6 ready-made native select examples from Re UI.","npx shadcn@latest add @reui/c-native-select-1","https://reui.io/components/native-select",6,"",["c-native-select-1",0,6,4],44,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Navigation menu","reui","4 ready-made navigation menu examples from Re UI.","npx shadcn@latest add @reui/c-navigation-menu-1","https://reui.io/components/navigation-menu",4,"",["c-navigation-menu-1",0,7,4],43,"navbar","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome,minimal|c"],["Pagination","reui","15 ready-made pagination examples from Re UI.","npx shadcn@latest add @reui/c-pagination-1","https://reui.io/components/pagination",15,"",["c-pagination-1",0,0,5],44,"misc","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Popover","reui","11 ready-made popover examples from Re UI.","npx shadcn@latest add @reui/c-popover-1","https://reui.io/components/popover",11,"",["c-popover-1",0,1,5],10,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Progress","reui","8 ready-made progress examples from Re UI.","npx shadcn@latest add @reui/c-progress-1","https://reui.io/components/progress",8,"",["c-progress-1",0,2,5],48,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Questionnaire","reui","7 ready-made questionnaire examples from Re UI.","npx shadcn@latest add @reui/c-questionnaire-1","https://reui.io/components/questionnaire",7,"",["c-questionnaire-1",0,3,5],69,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Radio group","reui","17 ready-made radio group examples from Re UI.","npx shadcn@latest add @reui/c-radio-group-1","https://reui.io/components/radio-group",17,"",["c-radio-group-1",0,4,5],45,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Resizable","reui","10 ready-made resizable examples from Re UI.","npx shadcn@latest add @reui/c-resizable-1","https://reui.io/components/resizable",10,"",["c-resizable-1",0,5,5],47,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Scroll area","reui","5 ready-made scroll area examples from Re UI.","npx shadcn@latest add @reui/c-scroll-area-1","https://reui.io/components/scroll-area",5,"",["c-scroll-area-1",0,6,5],60,"misc","scroll area|scroll,container|no icons,monochrome,minimal|c"],["Select","reui","33 ready-made select examples from Re UI.","npx shadcn@latest add @reui/c-select-1","https://reui.io/components/select",33,"",["c-select-1",0,7,5],8,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","reui","6 ready-made separator examples from Re UI.","npx shadcn@latest add @reui/c-separator-1","https://reui.io/components/separator",6,"",["c-separator-1",0,0,6],55,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Sheet","reui","4 ready-made sheet examples from Re UI.","npx shadcn@latest add @reui/c-sheet-1","https://reui.io/components/sheet",4,"",["c-sheet-1",0,1,6],10,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sidebar","reui","5 ready-made sidebar examples from Re UI.","npx shadcn@latest add @reui/c-sidebar-1","https://reui.io/components/sidebar",5,"",["c-sidebar-1",0,2,6],81,"section|b","sidebar|navigation,menu,layout|no icons,monochrome,minimal|b"],["Skeleton","reui","10 ready-made skeleton examples from Re UI.","npx shadcn@latest add @reui/c-skeleton-1","https://reui.io/components/skeleton",10,"",["c-skeleton-1",0,3,6],34,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Slider","reui","12 ready-made slider examples from Re UI.","npx shadcn@latest add @reui/c-slider-1","https://reui.io/components/slider",12,"",["c-slider-1",0,4,6],42,"input","slider|range,input|no icons,monochrome,minimal|c"],["Sonner","reui","21 ready-made sonner examples from Re UI.","npx shadcn@latest add @reui/c-sonner-1","https://reui.io/components/sonner",21,"",["c-sonner-1",0,5,6],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Spinner","reui","12 ready-made spinner examples from Re UI.","npx shadcn@latest add @reui/c-spinner-1","https://reui.io/components/spinner",12,"",["c-spinner-1",0,6,6],4,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Switch","reui","14 ready-made switch examples from Re UI.","npx shadcn@latest add @reui/c-switch-1","https://reui.io/components/switch",14,"",["c-switch-1",0,7,6],10,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Table","reui","17 ready-made table examples from Re UI.","npx shadcn@latest add @reui/c-table-1","https://reui.io/components/table",17,"",["c-table-1",0,0,7],63,"table","data table|table,rows,spreadsheet|no icons,monochrome,minimal|c"],["Tabs","reui","9 ready-made tabs examples from Re UI.","npx shadcn@latest add @reui/c-tabs-1","https://reui.io/components/tabs",9,"",["c-tabs-1",0,1,7],77,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Textarea","reui","6 ready-made textarea examples from Re UI.","npx shadcn@latest add @reui/c-textarea-1","https://reui.io/components/textarea",6,"",["c-textarea-1",0,2,7],47,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Toggle","reui","14 ready-made toggle examples from Re UI.","npx shadcn@latest add @reui/c-toggle-1","https://reui.io/components/toggle",14,"",["c-toggle-1",0,3,7],7,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle group","reui","16 ready-made toggle group examples from Re UI.","npx shadcn@latest add @reui/c-toggle-group-1","https://reui.io/components/toggle-group",16,"",["c-toggle-group-1",0,4,7],6,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome,minimal|c"],["Tooltip","reui","16 ready-made tooltip examples from Re UI.","npx shadcn@latest add @reui/c-tooltip-1","https://reui.io/components/tooltip",16,"",["c-tooltip-1",0,5,7],10,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Trace","reui","22 ready-made trace examples from Re UI.","npx shadcn@latest add @reui/c-trace-1","https://reui.io/components/trace",22,"",["c-trace-1",0,6,7],80,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Accordion","cssinjs","Accordion component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/accordion","https://www.shadcn-cssinjs.com/docs/components/accordion",0,"",["accordion",0,0,0],60,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert","cssinjs","Alert component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/alert","https://www.shadcn-cssinjs.com/docs/components/alert",0,"",["alert",0,1,0],67,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Aspect Ratio","cssinjs","Aspect Ratio component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/aspect-ratio","https://www.shadcn-cssinjs.com/docs/components/aspect-ratio",0,"",["aspect-ratio",0,3,0],80,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Badge","cssinjs","Badge component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/badge","https://www.shadcn-cssinjs.com/docs/components/badge",0,"",["badge",0,5,0],60,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Button","cssinjs","Button component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/button","https://www.shadcn-cssinjs.com/docs/components/button",0,"",["button",0,7,0],41,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Card","cssinjs","Card component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/card","https://www.shadcn-cssinjs.com/docs/components/card",0,"",["card",0,2,1],80,"card","card|container,login,surface|no icons,monochrome|c"],["Collapsible","cssinjs","Collapsible component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/collapsible","https://www.shadcn-cssinjs.com/docs/components/collapsible",0,"",["collapsible",0,6,1],52,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Combobox","cssinjs","Combobox component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/combobox","https://www.shadcn-cssinjs.com/docs/components/combobox",0,"",["combobox",0,7,1],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Command","cssinjs","Command component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/command","https://www.shadcn-cssinjs.com/docs/components/command",0,"",["command",0,0,2],72,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Context Menu","cssinjs","Context Menu component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/context-menu","https://www.shadcn-cssinjs.com/docs/components/context-menu",0,"",["context-menu",0,1,2],23,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Dialog","cssinjs","Dialog component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/dialog","https://www.shadcn-cssinjs.com/docs/components/dialog",0,"",["dialog",0,2,2],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Drawer","cssinjs","Drawer component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/drawer","https://www.shadcn-cssinjs.com/docs/components/drawer",0,"",["drawer",0,3,2],10,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown Menu","cssinjs","Dropdown Menu component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/dropdown-menu","https://www.shadcn-cssinjs.com/docs/components/dropdown-menu",0,"",["dropdown-menu",0,4,2],7,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Empty","cssinjs","Empty component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/empty","https://www.shadcn-cssinjs.com/docs/components/empty",0,"",["empty",0,5,2],57,"misc","card|container,surface|icons,monochrome|c"],["Field","cssinjs","Field component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/field","https://www.shadcn-cssinjs.com/docs/components/field",0,"",["field",0,6,2],62,"input","input|text field,form,form control|icons,animated,monochrome|c"],["Input Group","cssinjs","Input Group component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/input-group","https://www.shadcn-cssinjs.com/docs/components/input-group",0,"",["input-group",0,1,3],41,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Item","cssinjs","Item component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/item","https://www.shadcn-cssinjs.com/docs/components/item",0,"",["item",0,3,3],59,"misc","card|container,surface|icons,monochrome|c"],["Input","cssinjs","Input component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/input","https://www.shadcn-cssinjs.com/docs/components/input",0,"",["input",0,0,3],38,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Kbd","cssinjs","Kbd component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/kbd","https://www.shadcn-cssinjs.com/docs/components/kbd",0,"",["kbd",0,4,3],35,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Native Select","cssinjs","Native Select component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/native-select","https://www.shadcn-cssinjs.com/docs/components/native-select",0,"",["native-select",0,7,3],9,"dropdown","select|dropdown,tasks,options,form|icons,monochrome,minimal|c"],["Popover","cssinjs","Popover component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/popover","https://www.shadcn-cssinjs.com/docs/components/popover",0,"",["popover",0,2,4],10,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Separator","cssinjs","Separator component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/separator","https://www.shadcn-cssinjs.com/docs/components/separator",0,"",["separator",0,0,5],60,"misc","divider|separator,line,layout|no icons,monochrome|c"],["Sheet","cssinjs","Sheet component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/sheet","https://www.shadcn-cssinjs.com/docs/components/sheet",0,"",["sheet",0,1,5],7,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sidebar","cssinjs","Sidebar component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/sidebar","https://www.shadcn-cssinjs.com/docs/components/sidebar",0,"",["sidebar",0,2,5],45,"section|b","sidebar|navigation,settings,account,menu,layout|icons,monochrome|b"],["Skeleton","cssinjs","Skeleton component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/skeleton","https://www.shadcn-cssinjs.com/docs/components/skeleton",0,"",["skeleton",0,3,5],6,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Tabs","cssinjs","Tabs component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/tabs","https://www.shadcn-cssinjs.com/docs/components/tabs",0,"",["tabs",0,1,6],68,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Toggle","cssinjs","Toggle component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/toggle","https://www.shadcn-cssinjs.com/docs/components/toggle",0,"",["toggle",0,3,6],10,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Tooltip","cssinjs","Tooltip component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/tooltip","https://www.shadcn-cssinjs.com/docs/components/tooltip",0,"",["tooltip",0,5,6],7,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Alert Dialog","cssinjs","Alert Dialog component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/alert-dialog","https://www.shadcn-cssinjs.com/docs/components/alert-dialog",0,"",["alert-dialog",0,2,0],10,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Avatar","cssinjs","Avatar component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/avatar","https://www.shadcn-cssinjs.com/docs/components/avatar",0,"",["avatar",0,4,0],44,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Breadcrumb","cssinjs","Breadcrumb component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/breadcrumb","https://www.shadcn-cssinjs.com/docs/components/breadcrumb",0,"",["breadcrumb",0,6,0],40,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button Group","cssinjs","Button Group component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/button-group","https://www.shadcn-cssinjs.com/docs/components/button-group",0,"",["button-group",0,0,1],48,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Calendar","cssinjs","Calendar component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/calendar","https://www.shadcn-cssinjs.com/docs/components/calendar",0,"",["calendar",0,1,1],70,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Carousel","cssinjs","Carousel component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/carousel","https://www.shadcn-cssinjs.com/docs/components/carousel",0,"",["carousel",0,3,1],29,"carousel","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Chart","cssinjs","Chart component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/chart","https://www.shadcn-cssinjs.com/docs/components/chart",0,"",["chart",0,4,1],82,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Checkbox","cssinjs","Checkbox component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/checkbox","https://www.shadcn-cssinjs.com/docs/components/checkbox",0,"",["checkbox",0,5,1],63,"input","checkbox|form,notifications,checklist|icons,monochrome|c"],["Hover Card","cssinjs","Hover Card component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/hover-card","https://www.shadcn-cssinjs.com/docs/components/hover-card",0,"",["hover-card",0,7,2],5,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Input OTP","cssinjs","Input OTP component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/input-otp","https://www.shadcn-cssinjs.com/docs/components/input-otp",0,"",["input-otp",0,2,3],2,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Label","cssinjs","Label component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/label","https://www.shadcn-cssinjs.com/docs/components/label",0,"",["label",0,5,3],11,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Menubar","cssinjs","Menubar component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/menubar","https://www.shadcn-cssinjs.com/docs/components/menubar",0,"",["menubar",0,6,3],45,"misc","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Navigation Menu","cssinjs","Navigation Menu component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/navigation-menu","https://www.shadcn-cssinjs.com/docs/components/navigation-menu",0,"",["navigation-menu",0,0,4],43,"navbar","navigation menu|dropdown menu,navigation,menu,navbar|no icons,monochrome,minimal|c"],["Pagination","cssinjs","Pagination component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/pagination","https://www.shadcn-cssinjs.com/docs/components/pagination",0,"",["pagination",0,1,4],13,"misc","pagination|pages,navigation|icons,monochrome|c"],["Progress","cssinjs","Progress component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/progress","https://www.shadcn-cssinjs.com/docs/components/progress",0,"",["progress",0,3,4],42,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Radio Group","cssinjs","Radio Group component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/radio-group","https://www.shadcn-cssinjs.com/docs/components/radio-group",0,"",["radio-group",0,4,4],46,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Resizable","cssinjs","Resizable component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/resizable","https://www.shadcn-cssinjs.com/docs/components/resizable",0,"",["resizable",0,5,4],60,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Scroll Area","cssinjs","Scroll Area component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/scroll-area","https://www.shadcn-cssinjs.com/docs/components/scroll-area",0,"",["scroll-area",0,6,4],59,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select","cssinjs","Select component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/select","https://www.shadcn-cssinjs.com/docs/components/select",0,"",["select",0,7,4],10,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Slider","cssinjs","Slider component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/slider","https://www.shadcn-cssinjs.com/docs/components/slider",0,"",["slider",0,4,5],43,"input","slider|range,input|no icons,monochrome,minimal|c"],["Sonner","cssinjs","Sonner component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/sonner","https://www.shadcn-cssinjs.com/docs/components/sonner",0,"",["sonner",0,5,5],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Spinner","cssinjs","Spinner component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/spinner","https://www.shadcn-cssinjs.com/docs/components/spinner",0,"",["spinner",0,6,5],54,"loader","loader|spinner,pricing,loading,progress|icons,monochrome,minimal|c"],["Switch","cssinjs","Switch component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/switch","https://www.shadcn-cssinjs.com/docs/components/switch",0,"",["switch",0,7,5],10,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Table","cssinjs","Table component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/table","https://www.shadcn-cssinjs.com/docs/components/table",0,"",["table",0,0,6],68,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Textarea","cssinjs","Textarea component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/textarea","https://www.shadcn-cssinjs.com/docs/components/textarea",0,"",["textarea",0,2,6],35,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Toggle Group","cssinjs","Toggle Group component styled with StyleX on Base UI primitives.","npx shadcn@latest add @shadcn-cssinjs/toggle-group","https://www.shadcn-cssinjs.com/docs/components/toggle-group",0,"",["toggle-group",0,4,6],11,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Announcement","kibo","A compound badge designed to display an announcement.","npx shadcn@latest add @kibo-ui/announcement","https://www.kibo-ui.com/components/announcement",0,"",["announcement",0,0,0],14,"misc","alert|message,banner,callout|icons,monochrome,minimal|c"],["Avatar Stack","kibo","Avatar Stack is a component that allows you to stack and overlap avatars.","npx shadcn@latest add @kibo-ui/avatar-stack","https://www.kibo-ui.com/components/avatar-stack",0,"",["avatar-stack",0,1,0],12,"media","avatar group|avatar,team,users|no icons,monochrome,minimal|c"],["Banner","kibo","A banner is a full-width component that can be used to show a message and action to the user.","npx shadcn@latest add @kibo-ui/banner","https://www.kibo-ui.com/components/banner",0,"",["banner",0,2,0],71,"misc|b","alert|message,banner,callout|icons,monochrome|c"],["Calendar","kibo","The calendar view displays features on a grid calendar. Specifically it shows the end date of each feature, and groups features by day.","npx shadcn@latest add @kibo-ui/calendar","https://www.kibo-ui.com/components/calendar",0,"",["calendar",0,3,0],68,"datepicker","calendar|date,date picker,schedule|icons,animated|c"],["Choicebox","kibo","Choiceboxes are a great way to show radio or checkbox options with a card style.","npx shadcn@latest add @kibo-ui/choicebox","https://www.kibo-ui.com/components/choicebox",0,"",["choicebox",0,4,0],75,"input","radio group|radio,options,form|icons,monochrome|c"],["Code Block","kibo","Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.","npx shadcn@latest add @kibo-ui/code-block","https://www.kibo-ui.com/components/code-block",0,"",["code-block",0,5,0],70,"misc|b","code block|content section,code,syntax highlight|icons,colorful|c"],["Color Picker","kibo","Allows users to select a color. Modeled after the color picker in Figma.","npx shadcn@latest add @kibo-ui/color-picker","https://www.kibo-ui.com/components/color-picker",0,"",["color-picker",0,6,0],91,"input","color picker|select,color input,swatches|icons,monochrome|c"],["Combobox","kibo","Autocomplete input and command palette with a list of suggestions.","npx shadcn@latest add @kibo-ui/combobox","https://www.kibo-ui.com/components/combobox",0,"",["combobox",0,7,0],44,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Comparison","kibo","A slider-based component for comparing two items in an overlay.","npx shadcn@latest add @kibo-ui/comparison","https://www.kibo-ui.com/components/comparison",0,"",["comparison",0,0,1],94,"dialog","slider|content section,range,input|icons,images,monochrome,minimal|c"],["Contribution Graph","kibo","A GitHub-style contribution graph component that displays activity levels over time.","npx shadcn@latest add @kibo-ui/contribution-graph","https://www.kibo-ui.com/components/contribution-graph",0,"",["contribution-graph",0,1,1],77,"chart","heatmap|chart,calendar,dashboard|icons|c"],["Credit Card","kibo","Credit card components for displaying and validating credit card information.","npx shadcn@latest add @kibo-ui/credit-card","https://www.kibo-ui.com/components/credit-card",0,"",["credit-card",0,2,1],100,"card","credit card|card,payment,checkout,form|no icons|c"],["Cursor","kibo","A cursor component, great for realtime interactive applications.","npx shadcn@latest add @kibo-ui/cursor","https://www.kibo-ui.com/components/cursor",0,"",["cursor",0,3,1],86,"misc","cursor effect|cursor,interaction,animation|icons,monochrome|c"],["Deck","kibo","A Tinder-like swipeable card stack component with smooth animations.","npx shadcn@latest add @kibo-ui/deck","https://www.kibo-ui.com/components/deck",0,"",["deck",0,4,1],33,"carousel","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Dialog Stack","kibo","Composable stacked dialogs, useful for creating a wizard, nested form or multi-step process. It provides a consistent layout and styling for each dialog, and includes navigation co","npx shadcn@latest add @kibo-ui/dialog-stack","https://www.kibo-ui.com/components/dialog-stack",0,"",["dialog-stack",0,5,1],8,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dropzone","kibo","Allows users to drag-and-drop files into a container to upload or process them.","npx shadcn@latest add @kibo-ui/dropzone","https://www.kibo-ui.com/components/dropzone",0,"",["dropzone",0,6,1],49,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["Editor","kibo","The Editor component is a powerful and flexible text editor that allows you to create and edit rich text content.","npx shadcn@latest add @kibo-ui/editor","https://www.kibo-ui.com/components/editor",0,"",["editor",0,7,1],63,"text","data table|table,tasks,rows,spreadsheet|no icons|b"],["Gantt","kibo","The Gantt chart is a powerful tool for visualizing project schedules and tracking the progress of tasks. It provides a clear, hierarchical view of tasks, allowing you to easily ide","npx shadcn@latest add @kibo-ui/gantt","https://www.kibo-ui.com/components/gantt",0,"",["gantt",0,0,2],67,"datepicker","progress bar|progress,media,meter,loading|icons|c"],["Glimpse","kibo","A component that shows a preview of a URL when hovering over a link.","npx shadcn@latest add @kibo-ui/glimpse","https://www.kibo-ui.com/components/glimpse",0,"",["glimpse",0,1,2],89,"misc","link|text link,hover|no icons,monochrome,minimal|c"],["Image Crop","kibo","A component that allows users to crop images with customizable aspect ratios and circular cropping options.","npx shadcn@latest add @kibo-ui/image-crop","https://www.kibo-ui.com/components/image-crop",0,"",["image-crop",0,2,2],50,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Image Zoom","kibo","Image zoom is a component that allows you to zoom in on an image.","npx shadcn@latest add @kibo-ui/image-zoom","https://www.kibo-ui.com/components/image-zoom",0,"",["image-zoom",0,3,2],84,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Kanban","kibo","A kanban board is a visual tool that helps you manage and visualize your work. It is a board with columns, and each column represents a status, e.g. \"Backlog\", \"In Progress\", \"Done","npx shadcn@latest add @kibo-ui/kanban","https://www.kibo-ui.com/components/kanban",0,"",["kanban",0,4,2],60,"kanban","kanban board|board,calendar,tasks,drag and drop|no icons|c"],["List","kibo","List views are a great way to show a list of tasks grouped by status and ranked by priority.","npx shadcn@latest add @kibo-ui/list","https://www.kibo-ui.com/components/list",0,"",["list",0,5,2],74,"misc","list|items,tasks,rows|no icons|c"],["Marquee","kibo","Marquees are a great way to show a list of items in a horizontal scrolling motion.","npx shadcn@latest add @kibo-ui/marquee","https://www.kibo-ui.com/components/marquee",0,"",["marquee",0,6,2],85,"carousel","marquee|infinite scroll,logos,animation|no icons,images,animated,monochrome,minimal|c"],["Mini Calendar","kibo","A composable mini calendar component for picking dates close to today.","npx shadcn@latest add @kibo-ui/mini-calendar","https://www.kibo-ui.com/components/mini-calendar",0,"",["mini-calendar",0,7,2],51,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Pill","kibo","A flexible badge component designed for a variety of use cases.","npx shadcn@latest add @kibo-ui/pill","https://www.kibo-ui.com/components/pill",0,"",["pill",0,0,3],62,"misc","tag|label,chip,pill|icons,monochrome|c"],["QR Code","kibo","QR Code is a component that generates a QR code from a string.","npx shadcn@latest add @kibo-ui/qr-code","https://www.kibo-ui.com/components/qr-code",0,"",["qr-code",0,1,3],0,"media","code block|qr code,code,syntax highlight||c"],["Rating","kibo","A star rating component with keyboard navigation and hover effects.","npx shadcn@latest add @kibo-ui/rating","https://www.kibo-ui.com/components/rating",0,"",["rating",0,2,3],9,"input","rating|stars,review,input|icons,monochrome|c"],["Reel","kibo","A composable, Instagram-style Reel component with progress indicators and navigation controls.","npx shadcn@latest add @kibo-ui/reel","https://www.kibo-ui.com/components/reel",0,"",["reel",0,3,3],0,"navbar","progress bar|progress,meter,loading|icons,monochrome|c"],["Relative Time","kibo","A component that displays time in various timezones.","npx shadcn@latest add @kibo-ui/relative-time","https://www.kibo-ui.com/components/relative-time",0,"",["relative-time",0,4,3],57,"misc","card|container,surface|no icons,monochrome|c"],["Sandbox","kibo","The sandbox component allows you to preview and test components in a sandboxed environment.","npx shadcn@latest add @kibo-ui/sandbox","https://www.kibo-ui.com/components/sandbox",0,"",["sandbox",0,5,3],87,"misc","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Snippet","kibo","Snippet is a component that allows you to display and copy code in a tabbed interface.","npx shadcn@latest add @kibo-ui/snippet","https://www.kibo-ui.com/components/snippet",0,"",["snippet",0,6,3],54,"misc","code block|code,syntax highlight|icons,monochrome|c"],["Spinner","kibo","The Spinner component expands the shadcn spinner component with additional variants.","npx shadcn@latest add @kibo-ui/spinner","https://www.kibo-ui.com/components/spinner",0,"",["spinner",0,7,3],6,"loader","loader|spinner,loading,progress|icons,monochrome,minimal|c"],["Status","kibo","Status components are used to display the uptime of a service.","npx shadcn@latest add @kibo-ui/status","https://www.kibo-ui.com/components/status",0,"",["status",0,0,4],59,"misc","tracker|status,chart,dashboard|no icons,monochrome,minimal|c"],["Stories","kibo","A carousel of friends' stories, in video, image or avatar format.","npx shadcn@latest add @kibo-ui/stories","https://www.kibo-ui.com/components/stories",0,"",["stories",0,1,4],84,"carousel","form|inputs,fields|no icons,monochrome,minimal|c"],["Table","kibo","Table views are used to display data in a tabular format. They are useful for displaying large amounts of data in a structured way.","npx shadcn@latest add @kibo-ui/table","https://www.kibo-ui.com/components/table",0,"",["table",0,2,4],66,"table","data table|table,calendar,rows,spreadsheet|icons|c"],["Tags","kibo","Tags are a way to apply multiple labels to an item.","npx shadcn@latest add @kibo-ui/tags","https://www.kibo-ui.com/components/tags",0,"",["tags",0,3,4],10,"misc","tag|label,chip,pill|no icons,monochrome,minimal|c"],["Theme Switcher","kibo","A component to switch between light, dark and system theme.","npx shadcn@latest add @kibo-ui/theme-switcher","https://www.kibo-ui.com/components/theme-switcher",0,"",["theme-switcher",0,4,4],5,"tabs","theme switcher|switch,dark mode,light mode|icons,monochrome|c"],["Ticker","kibo","A composable finance ticker for displaying symbols, prices and changes.","npx shadcn@latest add @kibo-ui/ticker","https://www.kibo-ui.com/components/ticker",0,"",["ticker",0,5,4],56,"carousel","marquee|infinite scroll,pricing,logos,animation|icons,avatar,monochrome,minimal|c"],["Tree","kibo","A composable tree component with animated expand/collapse and customizable nodes for displaying hierarchical data structures.","npx shadcn@latest add @kibo-ui/tree","https://www.kibo-ui.com/components/tree",0,"",["tree",0,6,4],50,"accordion","tree view|file tree,nested list|icons,monochrome|c"],["Typography","kibo","A component for applying consistent typography styles across your application.","npx shadcn@latest add @kibo-ui/typography","https://www.kibo-ui.com/components/typography",0,"",["typography",0,7,4],62,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Video Player","kibo","A composable, shadcn/ui styled video player component that uses the media-chrome library.","npx shadcn@latest add @kibo-ui/video-player","https://www.kibo-ui.com/components/video-player",0,"",["video-player",0,0,5],82,"media","video player|video,media player|icons,monochrome|c"],["Animated Gradient With SVG","fancy","An animated multi-color gradient background effect with SVG elements.","npx shadcn@latest add \"https://fancycomponents.dev/r/animated-gradient-svg.json\"","https://www.fancycomponents.dev/docs/components/background/animated-gradient-svg",0,"",["animated-gradient-svg",0,0,0],94,"background","background|animated background,effect,hero background|no icons,animated|c"],["Pixel Trail","fancy","A pixelated trail effect that recolors grid pixels as you move your cursor.","npx shadcn@latest add \"https://fancycomponents.dev/r/pixel-trail.json\"","https://www.fancycomponents.dev/docs/components/background/pixel-trail",0,"",["pixel-trail",0,2,2],68,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Circling Elements","fancy","A component that creates a circling effect on its children.","npx shadcn@latest add \"https://fancycomponents.dev/r/circling-elements.json\"","https://www.fancycomponents.dev/docs/components/blocks/circling-elements",0,"",["circling-elements",0,4,0],73,"misc","card|container,surface|no icons,monochrome,minimal|c"],["3D CSS Box","fancy","A simple 3D box component with \"CSS-only\" 3D transforms.","npx shadcn@latest add \"https://fancycomponents.dev/r/css-box.json\"","https://www.fancycomponents.dev/docs/components/blocks/css-box",0,"",["css-box",0,5,0],69,"misc","card|container,surface|no icons|c"],["Drag Elements","fancy","Drag any html element — image, div, video — around freely in a container.","npx shadcn@latest add \"https://fancycomponents.dev/r/drag-elements.json\"","https://www.fancycomponents.dev/docs/components/blocks/drag-elements",0,"",["drag-elements",0,7,0],91,"media","video player|video,media player|no icons,images,monochrome,minimal|c"],["Float","fancy","A component that creates a gentle floating effect on its child.","npx shadcn@latest add \"https://fancycomponents.dev/r/float.json\"","https://www.fancycomponents.dev/docs/components/blocks/float",0,"",["float",0,1,1],83,"misc","card|container,media,surface|no icons,monochrome,minimal|c"],["Marquee Along SVG Path","fancy","A component that scrolls html elements along an SVG path.","npx shadcn@latest add \"https://fancycomponents.dev/r/marquee-along-svg-path.json\"","https://www.fancycomponents.dev/docs/components/blocks/marquee-along-svg-path",0,"",["marquee-along-svg-path",0,7,1],92,"carousel","marquee|infinite scroll,logos,animation|no icons,avatar,images|c"],["Media Between Text","fancy","A component that animates a media (image or video) between two text elements.","npx shadcn@latest add \"https://fancycomponents.dev/r/media-between-text.json\"","https://www.fancycomponents.dev/docs/components/blocks/media-between-text",0,"",["media-between-text",0,0,2],100,"text","text effect|text animation,typography,animated text|no icons|c"],["Screensaver","fancy","A component that animates its child with the infamous screensaver effect.","npx shadcn@latest add \"https://fancycomponents.dev/r/screensaver.json\"","https://www.fancycomponents.dev/docs/components/blocks/screensaver",0,"",["screensaver",0,7,2],86,"misc","card|container,surface|no icons,images,monochrome,minimal|c"],["Simple Marquee","fancy","A simple marquee component for scrolling HTML elements.","npx shadcn@latest add \"https://fancycomponents.dev/r/simple-marquee.json\"","https://www.fancycomponents.dev/docs/components/blocks/simple-marquee",0,"",["simple-marquee",0,1,3],85,"carousel","marquee|infinite scroll,logos,animation|no icons,images,monochrome,minimal|c"],["Stacking Cards","fancy","A component used in websites to display layered cards that stack on top of one another, often with interactive animations.","npx shadcn@latest add \"https://fancycomponents.dev/r/stacking-cards.json\"","https://www.fancycomponents.dev/docs/components/blocks/stacking-cards",0,"",["stacking-cards",0,2,3],70,"card","card|container,surface|no icons,images|c"],["Sticky Footer","fancy","A demo showcasing a footer that sticks to the bottom of the page.","npx shadcn@latest add \"https://fancycomponents.dev/r/sticky-footer.json\"","https://www.fancycomponents.dev/docs/components/blocks/sticky-footer",0,"",["sticky-footer",0,3,3],100,"section|b","footer|links,site footer|no icons|b"],["Box Carousel","fancy","A 3D carousel component that displays items in a rotating box/cube layout with drag support and smooth animations.","npx shadcn@latest add \"https://fancycomponents.dev/r/box-carousel.json\"","https://www.fancycomponents.dev/docs/components/carousel/box-carousel",0,"",["box-carousel",0,2,0],87,"carousel","carousel|card,slider,gallery,swipe|icons,images,monochrome,minimal|c"],["Gooey SVG Filter","fancy","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.","npx shadcn@latest add \"https://fancycomponents.dev/r/gooey-svg-filter.json\"","https://www.fancycomponents.dev/docs/components/filter/gooey-svg-filter",0,"",["gooey-svg-filter",0,2,1],84,"background","background|animated background,effect,hero background|no icons,monochrome|c"],["Pixelate SVG Filter","fancy","A filter component that applies a pixelation effect with an SVG filter. Safari is not supported.","npx shadcn@latest add \"https://fancycomponents.dev/r/pixelate-svg-filter.json\"","https://www.fancycomponents.dev/docs/components/filter/pixelate-svg-filter",0,"",["pixelate-svg-filter",0,3,2],86,"misc","card|container,surface|no icons|c"],["Image Trail","fancy","A component that creates a trail effect on cursor/touch movement. Works also with videos, svgs, or any type of html elements.","npx shadcn@latest add \"https://fancycomponents.dev/r/image-trail.json\"","https://www.fancycomponents.dev/docs/components/image/image-trail",0,"",["image-trail",0,4,1],77,"media","cursor effect|image,cursor,interaction,animation|no icons,monochrome,minimal|c"],["Parallax Floating","fancy","A component that creates a parallax floating effect on cursor/touch movement. Works also with videos, svgs, or any type of html elements.","npx shadcn@latest add \"https://fancycomponents.dev/r/parallax-floating.json\"","https://www.fancycomponents.dev/docs/components/image/parallax-floating",0,"",["parallax-floating",0,1,2],87,"media","scroll effect|scroll,animation|no icons,images,animated,monochrome,minimal|c"],["Cursor Attractor & Gravity","fancy","A set of wrapper components for creating physics-based attractors and gravity animations with Matter.js.","npx shadcn@latest add \"https://fancycomponents.dev/r/cursor-attractor-and-gravity.json\"","https://www.fancycomponents.dev/docs/components/physics/cursor-attractor-and-gravity",0,"",["cursor-attractor-and-gravity",0,6,0],88,"misc","cursor effect|cursor,interaction,animation|no icons,animated|c"],["Elastic Line","fancy","A wobbly svg line with a spring cursor interaction.","npx shadcn@latest add \"https://fancycomponents.dev/r/elastic-line.json\"","https://www.fancycomponents.dev/docs/components/physics/elastic-line",0,"",["elastic-line",0,0,1],71,"misc","cursor effect|cursor,interaction,animation|no icons|c"],["Gravity","fancy","A set of wrapper components for creating physics-based gravity animations with Matter.js.","npx shadcn@latest add \"https://fancycomponents.dev/r/gravity.json\"","https://www.fancycomponents.dev/docs/components/physics/gravity",0,"",["gravity",0,3,1],90,"misc","background|animated background,effect,hero background|no icons|c"],["Basic Number Ticker","fancy","A component that animates a number from one value to another.","npx shadcn@latest add \"https://fancycomponents.dev/r/basic-number-ticker.json\"","https://www.fancycomponents.dev/docs/components/text/basic-number-ticker",0,"",["basic-number-ticker",0,1,0],67,"text","number ticker|marquee,counter,text effect,animated number|no icons,monochrome,minimal|c"],["Breathing Text","fancy","A text component that animates the font variation settings of letters in a breathing effect continuously. Works only with variable fonts.","npx shadcn@latest add \"https://fancycomponents.dev/r/breathing-text.json\"","https://www.fancycomponents.dev/docs/components/text/breathing-text",0,"",["breathing-text",0,3,0],64,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Letter 3D Swap","fancy","A text component that swap the letters in a text with a box 3D effect.","npx shadcn@latest add \"https://fancycomponents.dev/r/letter-3d-swap.json\"","https://www.fancycomponents.dev/docs/components/text/letter-3d-swap",0,"",["letter-3d-swap",0,5,1],45,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Letter Swap","fancy","A text component that swaps the letters vertically on hover.","npx shadcn@latest add \"https://fancycomponents.dev/r/letter-swap.json\"","https://www.fancycomponents.dev/docs/components/text/letter-swap",0,"",["letter-swap",0,6,1],76,"text","text effect|text animation,typography,animated text|no icons|c"],["Random Letter Swap","fancy","A text component that randomly swaps the letters vertically on hover.","npx shadcn@latest add \"https://fancycomponents.dev/r/random-letter-swap.json\"","https://www.fancycomponents.dev/docs/components/text/random-letter-swap",0,"",["random-letter-swap",0,4,2],81,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Scramble Hover","fancy","A text component that scrambles the text on hover.","npx shadcn@latest add \"https://fancycomponents.dev/r/scramble-hover.json\"","https://www.fancycomponents.dev/docs/components/text/scramble-hover",0,"",["scramble-hover",0,5,2],63,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Scramble In","fancy","A text component that reveals the text with a scrambled part in front.","npx shadcn@latest add \"https://fancycomponents.dev/r/scramble-in.json\"","https://www.fancycomponents.dev/docs/components/text/scramble-in",0,"",["scramble-in",0,6,2],61,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Scroll and Swap Text","fancy","A text component that swaps the letters vertically on scroll.","npx shadcn@latest add \"https://fancycomponents.dev/r/scroll-and-swap.json\"","https://www.fancycomponents.dev/docs/components/text/scroll-and-swap",0,"",["scroll-and-swap",0,0,3],99,"text","text effect|text animation,typography,animated text|no icons|c"],["Text Along Path","fancy","A text component that animates along an SVG path.","npx shadcn@latest add \"https://fancycomponents.dev/r/text-along-path.json\"","https://www.fancycomponents.dev/docs/components/text/text-along-path",0,"",["text-along-path",0,4,3],97,"text","text effect|text animation,typography,animated text|no icons|c"],["Text Cursor Proximity","fancy","A text component that animates the letters based on the cursor proximity","npx shadcn@latest add \"https://fancycomponents.dev/r/text-cursor-proximity.json\"","https://www.fancycomponents.dev/docs/components/text/text-cursor-proximity",0,"",["text-cursor-proximity",0,5,3],93,"text","cursor effect|text effect,account,cursor,interaction,animation|no icons|c"],["Text Highlighter","fancy","An animated text highlighting component with multiple trigger modes and directional animations.","npx shadcn@latest add \"https://fancycomponents.dev/r/text-highlighter.json\"","https://www.fancycomponents.dev/docs/components/text/text-highlighter",0,"",["text-highlighter",0,6,3],76,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Text Rotate","fancy","A text component that switches the rendered text from a list.","npx shadcn@latest add \"https://fancycomponents.dev/r/text-rotate.json\"","https://www.fancycomponents.dev/docs/components/text/text-rotate",0,"",["text-rotate",0,7,3],78,"text","text effect|text animation,typography,animated text|no icons|c"],["Typewriter","fancy","A component that types out a text, one letter at a time.","npx shadcn@latest add \"https://fancycomponents.dev/r/typewriter.json\"","https://www.fancycomponents.dev/docs/components/text/typewriter",0,"",["typewriter",0,0,4],73,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Underline Animation","fancy","A component that animates a text underline.","npx shadcn@latest add \"https://fancycomponents.dev/r/underline-animation.json\"","https://www.fancycomponents.dev/docs/components/text/underline-animation",0,"",["underline-animation",0,1,4],81,"text","link|text link,account,hover|no icons,animated|c"],["Underline To Background","fancy","A text component that animates a text underline into a text background.","npx shadcn@latest add \"https://fancycomponents.dev/r/underline-to-background.json\"","https://www.fancycomponents.dev/docs/components/text/underline-to-background",0,"",["underline-to-background",0,2,4],75,"background","background|link,notifications,animated background,effect,hero background|no icons,animated|c"],["Variable Font And Cursor","fancy","A text component that animates the font variation settings based on the cursor position. Works only with variable fonts.","npx shadcn@latest add \"https://fancycomponents.dev/r/variable-font-and-cursor.json\"","https://www.fancycomponents.dev/docs/components/text/variable-font-and-cursor",0,"",["variable-font-and-cursor",0,3,4],32,"text","cursor effect|cursor,interaction,animation|no icons|c"],["Variable Font Cursor Proximity","fancy","A text component that animates the font variation settings of letters based on the cursor proximity. Works only with variable fonts.","npx shadcn@latest add \"https://fancycomponents.dev/r/variable-font-cursor-proximity.json\"","https://www.fancycomponents.dev/docs/components/text/variable-font-cursor-proximity",0,"",["variable-font-cursor-proximity",0,4,4],100,"text","cursor effect|cursor,interaction,animation|no icons|c"],["Variable Font Hover By Letter","fancy","A text component that animates the font variation settings of letters. Works only with variable fonts.","npx shadcn@latest add \"https://fancycomponents.dev/r/variable-font-hover-by-letter.json\"","https://www.fancycomponents.dev/docs/components/text/variable-font-hover-by-letter",0,"",["variable-font-hover-by-letter",0,5,4],68,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Variable Font Hover By Random Letter","fancy","A text component that animates the font variation settings of letters in a random order. Works only with variable fonts.","npx shadcn@latest add \"https://fancycomponents.dev/r/variable-font-hover-by-random-letter.json\"","https://www.fancycomponents.dev/docs/components/text/variable-font-hover-by-random-letter",0,"",["variable-font-hover-by-random-letter",0,6,4],66,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Vertical Cut Reveal","fancy","A text component that reveals the text with a cut reveal effect.","npx shadcn@latest add \"https://fancycomponents.dev/r/vertical-cut-reveal.json\"","https://www.fancycomponents.dev/docs/components/text/vertical-cut-reveal",0,"",["vertical-cut-reveal",0,7,4],79,"text","text effect|text animation,typography,animated text|no icons,animated|c"],["Accordion","smoothui","","npx shadcn@latest add @smoothui/accordion","https://smoothui.dev/docs/primitives/accordion",0,"",["accordion",0,0,0],64,"accordion","accordion|collapsible,pricing,expand,faq|icons,monochrome|c"],["Agent avatar","smoothui","","npx shadcn@latest add @smoothui/agent-avatar","https://smoothui.dev/docs/components/agent-avatar",0,"",["agent-avatar",0,1,0],98,"media","avatar|ai prompt,profile,user,image|no icons|c"],["Ai approval","smoothui","","npx shadcn@latest add @smoothui/ai-approval","https://smoothui.dev/docs/components/ai-approval",0,"",["ai-approval",0,2,0],73,"thinking","ai prompt|ai,chat,input|no icons,monochrome|c"],["Ai artifact","smoothui","","npx shadcn@latest add @smoothui/ai-artifact","https://smoothui.dev/docs/components/ai-artifact",0,"",["ai-artifact",0,3,0],71,"thinking","tabs|tab bar,segmented control,navigation|icons,monochrome,minimal|c"],["Ai branch","smoothui","","npx shadcn@latest add @smoothui/ai-branch","https://smoothui.dev/docs/components/ai-branch",0,"",["ai-branch",0,4,0],81,"thinking","ai prompt|ai,chat,input|icons,avatar,monochrome|c"],["Ai citation","smoothui","","npx shadcn@latest add @smoothui/ai-citation","https://smoothui.dev/docs/components/ai-citation",0,"",["ai-citation",0,5,0],59,"thinking","ai prompt|ai,chat,input|no icons,monochrome|c"],["Ai context meter","smoothui","","npx shadcn@latest add @smoothui/ai-context-meter","https://smoothui.dev/docs/components/ai-context-meter",0,"",["ai-context-meter",0,6,0],53,"thinking","progress bar|progress,meter,loading|icons,monochrome|c"],["Ai conversation","smoothui","","npx shadcn@latest add @smoothui/ai-conversation","https://smoothui.dev/docs/components/ai-conversation",0,"",["ai-conversation",0,7,0],75,"thinking","chat|messages,ai,input|icons,avatar,animated,monochrome|c"],["Ai core","smoothui","","npx shadcn@latest add @smoothui/ai-core","https://smoothui.dev/docs/components",0,"",["ai-core",0,0,1],85,"thinking","ai prompt|ai,chat,input|no icons,monochrome,minimal|c"],["Ai diff","smoothui","","npx shadcn@latest add @smoothui/ai-diff","https://smoothui.dev/docs/components/ai-diff",0,"",["ai-diff",0,1,1],83,"thinking","ai prompt|ai,chat,input|no icons,monochrome|c"],["Ai input","smoothui","","npx shadcn@latest add @smoothui/ai-input","https://smoothui.dev/docs/primitives/input",0,"",["ai-input",0,2,1],15,"input","ai prompt|ai,chat,input|no icons,avatar,animated,monochrome,minimal|c"],["Ai loader","smoothui","","npx shadcn@latest add @smoothui/ai-loader","https://smoothui.dev/docs/components/ai-loader",0,"",["ai-loader",0,3,1],51,"loader","loader|spinner,loading,progress|no icons,animated,monochrome|c"],["Ai message","smoothui","","npx shadcn@latest add @smoothui/ai-message","https://smoothui.dev/docs/components/ai-message",0,"",["ai-message",0,4,1],79,"thinking","ai prompt|ai,chat,input|icons,avatar,monochrome|c"],["Ai orb face","smoothui","","npx shadcn@latest add @smoothui/ai-orb-face","https://smoothui.dev/docs/components/ai-orb-face",0,"",["ai-orb-face",0,5,1],100,"background","background|animated background,effect,hero background|no icons|c"],["Ai prompt input","smoothui","","npx shadcn@latest add @smoothui/ai-prompt-input","https://smoothui.dev/docs/components/ai-prompt-input",0,"",["ai-prompt-input",0,6,1],78,"thinking","input|ai prompt,text field,form,form control|icons,avatar,animated,monochrome|c"],["Ai reasoning","smoothui","","npx shadcn@latest add @smoothui/ai-reasoning","https://smoothui.dev/docs/components/ai-reasoning",0,"",["ai-reasoning",0,7,1],61,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["Ai response","smoothui","","npx shadcn@latest add @smoothui/ai-response","https://smoothui.dev/docs/components/ai-response",0,"",["ai-response",0,0,2],55,"thinking","ai prompt|ai,chat,input|no icons,animated,monochrome|c"],["Ai sources","smoothui","","npx shadcn@latest add @smoothui/ai-sources","https://smoothui.dev/docs/components/ai-sources",0,"",["ai-sources",0,1,2],65,"thinking","ai prompt|ai,chat,input|icons,avatar,images,monochrome|c"],["Ai suggestions","smoothui","","npx shadcn@latest add @smoothui/ai-suggestions","https://smoothui.dev/docs/components/ai-suggestions",0,"",["ai-suggestions",0,2,2],68,"thinking","combobox|select,search,autocomplete|icons,monochrome|c"],["Ai task list","smoothui","","npx shadcn@latest add @smoothui/ai-task-list","https://smoothui.dev/docs/components/ai-task-list",0,"",["ai-task-list",0,3,2],67,"thinking","list|items,tasks,rows|icons,monochrome|c"],["Ai tool call","smoothui","","npx shadcn@latest add @smoothui/ai-tool-call","https://smoothui.dev/docs/components/ai-tool-call",0,"",["ai-tool-call",0,4,2],65,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["Alert","smoothui","","npx shadcn@latest add @smoothui/alert","https://smoothui.dev/docs/primitives/alert",0,"",["alert",0,5,2],89,"toast","alert|message,banner,callout|no icons,monochrome|c"],["Animated avatar group","smoothui","","npx shadcn@latest add @smoothui/animated-avatar-group","https://smoothui.dev/docs/components/animated-avatar-group",0,"",["animated-avatar-group",0,6,2],88,"media","avatar group|avatar,team,users|no icons,avatar,images,animated,monochrome,minimal|c"],["Animated file upload","smoothui","","npx shadcn@latest add @smoothui/animated-file-upload","https://smoothui.dev/docs/components/animated-file-upload",0,"",["animated-file-upload",0,7,2],50,"upload","file upload|dropzone,upload,drag and drop|no icons,animated,monochrome,minimal|c"],["Animated list","smoothui","","npx shadcn@latest add @smoothui/animated-list","https://smoothui.dev/docs/components/animated-list",0,"",["animated-list",0,0,3],74,"misc","list|items,media,rows|no icons,animated,monochrome,minimal|c"],["Animated stepper","smoothui","","npx shadcn@latest add @smoothui/animated-stepper","https://smoothui.dev/docs/components/animated-stepper",0,"",["animated-stepper",0,1,3],90,"misc","stepper|steps,settings,login,progress,onboarding|no icons,animated,monochrome|c"],["Animated tags","smoothui","","npx shadcn@latest add @smoothui/animated-tags","https://smoothui.dev/docs/components/animated-tags",0,"",["animated-tags",0,2,3],68,"misc","tag|label,chip,pill|icons,animated,monochrome|c"],["Aperture blur transition","smoothui","","npx shadcn@latest add @smoothui/aperture-blur-transition","https://smoothui.dev/docs/components/aperture-blur-transition",0,"",["aperture-blur-transition",0,3,3],71,"misc","card|container,surface|icons,animated|c"],["App download stack","smoothui","","npx shadcn@latest add @smoothui/app-download-stack","https://smoothui.dev/docs/components/app-download-stack",0,"",["app-download-stack",0,4,3],56,"carousel","carousel|slider,gallery,swipe|no icons,images,animated,monochrome,minimal|c"],["Apple invites","smoothui","","npx shadcn@latest add @smoothui/apple-invites","https://smoothui.dev/docs/components/apple-invites",0,"",["apple-invites",0,5,3],86,"misc","card|container,surface|icons,avatar,images,monochrome|c"],["Arcade pixel","smoothui","","npx shadcn@latest add @smoothui/arcade-pixel","https://smoothui.dev/docs/components/arcade-pixel",0,"",["arcade-pixel",0,6,3],94,"misc","background|animated background,effect,hero background|no icons,animated|c"],["Ascii render","smoothui","","npx shadcn@latest add @smoothui/ascii-render","https://smoothui.dev/docs/components/ascii-render",0,"",["ascii-render",0,7,3],56,"misc","card|container,surface|no icons,monochrome|c"],["Aurora curtain","smoothui","","npx shadcn@latest add @smoothui/aurora-curtain","https://smoothui.dev/docs/components/aurora-curtain",0,"",["aurora-curtain",0,0,4],90,"background","background|animated background,effect,hero background|no icons|c"],["Auth form","smoothui","","npx shadcn@latest add @smoothui/auth-form","https://smoothui.dev/docs/components/auth-form",0,"",["auth-form",0,1,4],90,"input|b","login|form,sign in,sign up,auth form|icons,monochrome|b"],["Avatar","smoothui","","npx shadcn@latest add @smoothui/avatar","https://smoothui.dev/docs/primitives/avatar",0,"",["avatar",0,2,4],2,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","smoothui","","npx shadcn@latest add @smoothui/badge","https://smoothui.dev/docs/primitives/badge",0,"",["badge",0,3,4],65,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Blur out up","smoothui","","npx shadcn@latest add @smoothui/blur-out-up","https://smoothui.dev/docs/components/blur-out-up",0,"",["blur-out-up",0,4,4],58,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Book","smoothui","","npx shadcn@latest add @smoothui/book","https://smoothui.dev/docs/components/book",0,"",["book",0,5,4],100,"misc","card|container,surface|no icons|c"],["Border beam","smoothui","","npx shadcn@latest add @smoothui/border-beam","https://smoothui.dev/docs/components/border-beam",0,"",["border-beam",0,6,4],62,"background","background|animated background,effect,hero background|no icons|c"],["Bottom up letters","smoothui","","npx shadcn@latest add @smoothui/bottom-up-letters","https://smoothui.dev/docs/components/bottom-up-letters",0,"",["bottom-up-letters",0,7,4],56,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Breadcrumb","smoothui","","npx shadcn@latest add @smoothui/breadcrumb","https://smoothui.dev/docs/primitives/breadcrumb",0,"",["breadcrumb",0,0,5],49,"misc","breadcrumb|navigation,settings,path|icons,monochrome|c"],["Breakpoint indicator","smoothui","","npx shadcn@latest add @smoothui/breakpoint-indicator","https://smoothui.dev/docs/components/breakpoint-indicator",0,"",["breakpoint-indicator",0,1,5],61,"misc","badge|label,status,pill|no icons,monochrome|c"],["Button copy","smoothui","","npx shadcn@latest add @smoothui/button-copy","https://smoothui.dev/docs/components/button-copy",0,"",["button-copy",0,2,5],9,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Calendar","smoothui","","npx shadcn@latest add @smoothui/calendar","https://smoothui.dev/docs/primitives/calendar",0,"",["calendar",0,3,5],61,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card swipe deck","smoothui","","npx shadcn@latest add @smoothui/card-swipe-deck","https://smoothui.dev/docs/components/card-swipe-deck",0,"",["card-swipe-deck",0,4,5],92,"carousel","carousel|card,slider,gallery,swipe|icons,images,monochrome|c"],["Checkbox","smoothui","","npx shadcn@latest add @smoothui/checkbox","https://smoothui.dev/docs/primitives/checkbox",0,"",["checkbox",0,5,5],11,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox group","smoothui","","npx shadcn@latest add @smoothui/checkbox-group","https://smoothui.dev/docs/primitives/checkbox-group",0,"",["checkbox-group",0,6,5],49,"input","checkbox|form,checklist|icons,monochrome|c"],["Chroma blur transition","smoothui","","npx shadcn@latest add @smoothui/chroma-blur-transition","https://smoothui.dev/docs/components/chroma-blur-transition",0,"",["chroma-blur-transition",0,7,5],71,"misc","card|container,surface|icons,animated|c"],["Clip corners button","smoothui","","npx shadcn@latest add @smoothui/clip-corners-button","https://smoothui.dev/docs/components/clip-corners-button",0,"",["clip-corners-button",0,0,6],18,"button","button|cta,click,action|icons,monochrome|c"],["Code block","smoothui","","npx shadcn@latest add @smoothui/code-block","https://smoothui.dev/docs/primitives/code-block",0,"",["code-block",0,1,6],44,"misc|b","code block|content section,code,syntax highlight|icons,monochrome|c"],["Collapsible","smoothui","","npx shadcn@latest add @smoothui/collapsible","https://smoothui.dev/docs/primitives/collapsible",0,"",["collapsible",0,2,6],30,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Combobox","smoothui","","npx shadcn@latest add @smoothui/combobox","https://smoothui.dev/docs/primitives/combobox",0,"",["combobox",0,3,6],54,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Command","smoothui","","npx shadcn@latest add @smoothui/command","https://smoothui.dev/docs/primitives/command",0,"",["command",0,4,6],82,"command","command menu|command palette,settings,search,cmdk|icons,monochrome,minimal|c"],["Content skeleton","smoothui","","npx shadcn@latest add @smoothui/content-skeleton","https://smoothui.dev/docs/components/content-skeleton",0,"",["content-skeleton",0,5,6],62,"loader","skeleton|content section,loading,placeholder|no icons,monochrome,minimal|c"],["Context menu","smoothui","","npx shadcn@latest add @smoothui/context-menu","https://smoothui.dev/docs/primitives/context-menu",0,"",["context-menu",0,6,6],53,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Contribution graph","smoothui","","npx shadcn@latest add @smoothui/contribution-graph","https://smoothui.dev/docs/components/contribution-graph",0,"",["contribution-graph",0,7,6],79,"chart","heatmap|chart,calendar,dashboard|no icons,monochrome|c"],["Count badge","smoothui","","npx shadcn@latest add @smoothui/count-badge","https://smoothui.dev/docs/components/count-badge",0,"",["count-badge",0,0,7],66,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Country picker","smoothui","","npx shadcn@latest add @smoothui/country-picker","https://smoothui.dev/docs/components/country-picker",0,"",["country-picker",0,1,7],60,"misc","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Coverflow carousel","smoothui","","npx shadcn@latest add @smoothui/coverflow-carousel","https://smoothui.dev/docs/components/coverflow-carousel",0,"",["coverflow-carousel",0,2,7],92,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Cursor follow","smoothui","","npx shadcn@latest add @smoothui/cursor-follow","https://smoothui.dev/docs/components/cursor-follow",0,"",["cursor-follow",0,6,7],92,"misc","cursor effect|cursor,interaction,animation|no icons,images,monochrome,minimal|c"],["Cursor image trail","smoothui","","npx shadcn@latest add @smoothui/cursor-image-trail","https://smoothui.dev/docs/components/cursor-image-trail",0,"",["cursor-image-trail",0,7,7],32,"media","image|cursor effect,media,mockup|no icons,monochrome,minimal|c"],["Depth parallax words","smoothui","","npx shadcn@latest add @smoothui/depth-parallax-words","https://smoothui.dev/docs/components/depth-parallax-words",0,"",["depth-parallax-words",0,0,8],59,"text","text effect|scroll effect,text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Dialog","smoothui","","npx shadcn@latest add @smoothui/dialog","https://smoothui.dev/docs/primitives/dialog",0,"",["dialog",0,1,8],28,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Digit roll","smoothui","","npx shadcn@latest add @smoothui/digit-roll","https://smoothui.dev/docs/components/digit-roll",0,"",["digit-roll",0,2,8],74,"misc","input|text field,pricing,form,form control|icons,monochrome|c"],["Dither chart","smoothui","","npx shadcn@latest add @smoothui/dither-chart","https://smoothui.dev/docs/components/dither-chart",0,"",["dither-chart",0,3,8],88,"background","chart|graph,data,dashboard|no icons|c"],["Dither image","smoothui","","npx shadcn@latest add @smoothui/dither-image","https://smoothui.dev/docs/components/dither-image",0,"",["dither-image",0,4,8],82,"background","image|media,mockup|no icons,images,monochrome|c"],["Dock","smoothui","","npx shadcn@latest add @smoothui/dock","https://smoothui.dev/docs/components/dock",0,"",["dock",0,5,8],91,"misc","dock|navigation,icons,magnify|no icons,avatar,images,monochrome|c"],["Dot morph button","smoothui","","npx shadcn@latest add @smoothui/dot-morph-button","https://smoothui.dev/docs/components/dot-morph-button",0,"",["dot-morph-button",0,6,8],62,"button","button|cta,click,action|no icons,animated,monochrome,minimal|c"],["Drawer","smoothui","","npx shadcn@latest add @smoothui/drawer","https://smoothui.dev/docs/primitives/drawer",0,"",["drawer",0,7,8],14,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawing cursor","smoothui","","npx shadcn@latest add @smoothui/drawing-cursor","https://smoothui.dev/docs/components/drawing-cursor",0,"",["drawing-cursor",0,0,9],68,"misc","cursor effect|cursor,interaction,animation|no icons|c"],["Dropdown menu","smoothui","","npx shadcn@latest add @smoothui/dropdown-menu","https://smoothui.dev/docs/primitives/dropdown-menu",0,"",["dropdown-menu",0,1,9],14,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Duration picker","smoothui","","npx shadcn@latest add @smoothui/duration-picker","https://smoothui.dev/docs/components/duration-picker",0,"",["duration-picker",0,2,9],60,"misc","select|dropdown,options,form|no icons,monochrome|c"],["Dynamic island","smoothui","","npx shadcn@latest add @smoothui/dynamic-island","https://smoothui.dev/docs/components/dynamic-island",0,"",["dynamic-island",0,3,9],58,"misc","card|container,surface|icons,monochrome|c"],["Emboss surface","smoothui","","npx shadcn@latest add @smoothui/emboss-surface","https://smoothui.dev/docs/components/emboss-surface",0,"",["emboss-surface",0,4,9],66,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Emoji reaction","smoothui","","npx shadcn@latest add @smoothui/emoji-reaction","https://smoothui.dev/docs/components/emoji-reaction",0,"",["emoji-reaction",0,5,9],80,"misc","card|container,surface|icons,monochrome|c"],["Empty","smoothui","","npx shadcn@latest add @smoothui/empty","https://smoothui.dev/docs/primitives/empty",0,"",["empty",0,6,9],60,"misc","card|container,surface|icons,monochrome,minimal|c"],["Expandable cards","smoothui","","npx shadcn@latest add @smoothui/expandable-cards","https://smoothui.dev/docs/components/expandable-cards",0,"",["expandable-cards",0,7,9],75,"card","card|accordion,media,container,surface|icons,images,monochrome|c"],["Expandable navbar","smoothui","","npx shadcn@latest add @smoothui/expandable-navbar","https://smoothui.dev/docs/components/expandable-navbar",0,"",["expandable-navbar",0,0,10],59,"navbar|b","navbar|accordion,header,navigation,menu|no icons,monochrome,minimal|b"],["Exposure slider","smoothui","","npx shadcn@latest add @smoothui/exposure-slider","https://smoothui.dev/docs/components/exposure-slider",0,"",["exposure-slider",0,1,10],38,"input","slider|range,input|no icons,monochrome,minimal|c"],["Fade through","smoothui","","npx shadcn@latest add @smoothui/fade-through","https://smoothui.dev/docs/components/fade-through",0,"",["fade-through",0,2,10],65,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Favicon search","smoothui","","npx shadcn@latest add @smoothui/favicon-search","https://smoothui.dev/docs/components/favicon-search",0,"",["favicon-search",0,7,10],60,"misc","select|dropdown,search,options,form|icons,monochrome,minimal|c"],["Field","smoothui","","npx shadcn@latest add @smoothui/field","https://smoothui.dev/docs/primitives/field",0,"",["field",0,3,11],89,"input","input|text field,form,form control|no icons,monochrome|c"],["Figma comment","smoothui","","npx shadcn@latest add @smoothui/figma-comment","https://smoothui.dev/docs/components/figma-comment",0,"",["figma-comment",0,4,11],36,"misc","card|container,surface|no icons,monochrome|c"],["File tree","smoothui","","npx shadcn@latest add @smoothui/file-tree","https://smoothui.dev/docs/components/file-tree",0,"",["file-tree",0,5,11],79,"upload","tree view|file tree,nested list|icons,monochrome|c"],["Float input","smoothui","","npx shadcn@latest add @smoothui/float-input","https://smoothui.dev/docs/components/float-input",0,"",["float-input",0,6,11],26,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Floating navbar","smoothui","","npx shadcn@latest add @smoothui/floating-navbar","https://smoothui.dev/docs/components/floating-navbar",0,"",["floating-navbar",0,7,11],59,"navbar|b","navbar|header,settings,navigation,menu|icons,monochrome|b"],["Fluid hover highlight","smoothui","","npx shadcn@latest add @smoothui/fluid-hover-highlight","https://smoothui.dev/docs/components/fluid-hover-highlight",0,"",["fluid-hover-highlight",1,0,0],74,"misc","background|animated background,notifications,effect,hero background|no icons,monochrome,minimal|c"],["Focus blur resolve","smoothui","","npx shadcn@latest add @smoothui/focus-blur-resolve","https://smoothui.dev/docs/components/focus-blur-resolve",0,"",["focus-blur-resolve",1,1,0],67,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Folder reveal","smoothui","","npx shadcn@latest add @smoothui/folder-reveal","https://smoothui.dev/docs/components/folder-reveal",0,"",["folder-reveal",1,2,0],100,"misc","tree view|file tree,nested list|no icons|c"],["Form","smoothui","","npx shadcn@latest add @smoothui/form","https://smoothui.dev/docs/components/form",0,"",["form",1,7,0],100,"input","form|inputs,fields|icons,monochrome|c"],["Github stars animation","smoothui","","npx shadcn@latest add @smoothui/github-stars-animation","https://smoothui.dev/docs/components/github-stars-animation",0,"",["github-stars-animation",1,0,1],12,"background","rating|background,stars,review,input|icons,animated,monochrome|c"],["Glass card","smoothui","","npx shadcn@latest add @smoothui/glass-card","https://smoothui.dev/docs/components/glass-card",0,"",["glass-card",1,1,1],99,"card","card|container,surface|icons,monochrome|c"],["Glow hover card","smoothui","","npx shadcn@latest add @smoothui/glow-hover-card","https://smoothui.dev/docs/components/glow-hover-card",0,"",["glow-hover-card",1,2,1],96,"card","hover card|background,popover,hover,card|no icons,monochrome|c"],["Gooey filter","smoothui","","npx shadcn@latest add @smoothui/gooey-filter","https://smoothui.dev/docs/components/gooey-filter",0,"",["gooey-filter",1,3,1],92,"misc","card|container,notifications,surface|icons,animated,monochrome|c"],["Gooey popover","smoothui","","npx shadcn@latest add @smoothui/gooey-popover","https://smoothui.dev/docs/components/gooey-popover",0,"",["gooey-popover",1,4,1],6,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Gravity letters","smoothui","","npx shadcn@latest add @smoothui/gravity-letters","https://smoothui.dev/docs/components/gravity-letters",0,"",["gravity-letters",1,5,1],49,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Gravity stars","smoothui","","npx shadcn@latest add @smoothui/gravity-stars","https://smoothui.dev/docs/components/gravity-stars",0,"",["gravity-stars",1,6,1],98,"background","rating|background,stars,review,input|no icons|c"],["Grid loader","smoothui","","npx shadcn@latest add @smoothui/grid-loader","https://smoothui.dev/docs/components/grid-loader",0,"",["grid-loader",1,7,1],66,"loader","loader|spinner,loading,progress|icons,animated|c"],["Holographic foil","smoothui","","npx shadcn@latest add @smoothui/holographic-foil","https://smoothui.dev/docs/components/holographic-foil",0,"",["holographic-foil",1,6,2],100,"misc","card|container,surface|no icons,monochrome|c"],["Hover expand","smoothui","","npx shadcn@latest add @smoothui/hover-expand","https://smoothui.dev/docs/components/hover-expand",0,"",["hover-expand",1,7,2],89,"accordion","accordion|collapsible,expand,faq|no icons,images,monochrome,minimal|c"],["Hover image list","smoothui","","npx shadcn@latest add @smoothui/hover-image-list","https://smoothui.dev/docs/components/hover-image-list",0,"",["hover-image-list",1,0,3],45,"media","list|image,items,rows|no icons,monochrome|c"],["Image generation panel","smoothui","","npx shadcn@latest add @smoothui/image-generation-panel","https://smoothui.dev/docs/components/image-generation-panel",0,"",["image-generation-panel",1,1,3],95,"media","card|image,container,surface|icons,monochrome|c"],["Image metadata preview","smoothui","","npx shadcn@latest add @smoothui/image-metadata-preview","https://smoothui.dev/docs/components/image-metadata-preview",0,"",["image-metadata-preview",1,2,3],90,"media","image|media,mockup|icons,monochrome|c"],["Infinite slider","smoothui","","npx shadcn@latest add @smoothui/infinite-slider","https://smoothui.dev/docs/components/infinite-slider",0,"",["infinite-slider",1,3,3],100,"carousel","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Inline testimonials","smoothui","","npx shadcn@latest add @smoothui/inline-testimonials","https://smoothui.dev/docs/components/inline-testimonials",0,"",["inline-testimonials",1,4,3],74,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,images,monochrome|b"],["Input","smoothui","","npx shadcn@latest add @smoothui/input","https://smoothui.dev/docs/primitives/input",0,"",["input",1,5,3],92,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group","smoothui","","npx shadcn@latest add @smoothui/input-group","https://smoothui.dev/docs/primitives/input-group",0,"",["input-group",1,6,3],69,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Interactive image selector","smoothui","","npx shadcn@latest add @smoothui/interactive-image-selector","https://smoothui.dev/docs/components/interactive-image-selector",0,"",["interactive-image-selector",1,7,3],91,"media","select|image,dropdown,options,form|no icons,images,monochrome,minimal|c"],["Job listing component","smoothui","","npx shadcn@latest add @smoothui/job-listing-component","https://smoothui.dev/docs/components/job-listing-component",0,"",["job-listing-component",1,0,4],77,"misc","list|items,team,pricing,rows|no icons,monochrome|c"],["Kbd","smoothui","","npx shadcn@latest add @smoothui/kbd","https://smoothui.dev/docs/primitives/kbd",0,"",["kbd",1,1,4],3,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Kinetic center build","smoothui","","npx shadcn@latest add @smoothui/kinetic-center-build","https://smoothui.dev/docs/components/kinetic-center-build",0,"",["kinetic-center-build",1,2,4],52,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Kinetic type scroll","smoothui","","npx shadcn@latest add @smoothui/kinetic-type-scroll","https://smoothui.dev/docs/components/kinetic-type-scroll",0,"",["kinetic-type-scroll",1,3,4],68,"misc","card|container,surface|icons,monochrome|c"],["Line by line slide","smoothui","","npx shadcn@latest add @smoothui/line-by-line-slide","https://smoothui.dev/docs/components/line-by-line-slide",0,"",["line-by-line-slide",1,4,4],74,"misc","carousel|slider,gallery,swipe|no icons,animated,monochrome|c"],["Liquid metal","smoothui","","npx shadcn@latest add @smoothui/liquid-metal","https://smoothui.dev/docs/components/liquid-metal",0,"",["liquid-metal",1,5,4],87,"misc","background|animated background,media,effect,hero background|no icons|c"],["Mac terminal","smoothui","","npx shadcn@latest add @smoothui/mac-terminal","https://smoothui.dev/docs/components/mac-terminal",0,"",["mac-terminal",1,2,5],78,"misc","terminal|code,command line|no icons|c"],["Magnetic button","smoothui","","npx shadcn@latest add @smoothui/magnetic-button","https://smoothui.dev/docs/components/magnetic-button",0,"",["magnetic-button",1,3,5],71,"button","button|cta,click,action|no icons,animated,monochrome|c"],["Magnetic field","smoothui","","npx shadcn@latest add @smoothui/magnetic-field","https://smoothui.dev/docs/components/magnetic-field",0,"",["magnetic-field",1,4,5],73,"input","input|text field,form,form control|no icons,animated,monochrome,minimal|c"],["Mask reveal up","smoothui","","npx shadcn@latest add @smoothui/mask-reveal-up","https://smoothui.dev/docs/components/mask-reveal-up",0,"",["mask-reveal-up",1,5,5],67,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Menubar","smoothui","","npx shadcn@latest add @smoothui/menubar","https://smoothui.dev/docs/primitives/menubar",0,"",["menubar",1,6,5],11,"misc","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Meter","smoothui","","npx shadcn@latest add @smoothui/meter","https://smoothui.dev/docs/primitives/meter",0,"",["meter",1,7,5],90,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Micro scale fade","smoothui","","npx shadcn@latest add @smoothui/micro-scale-fade","https://smoothui.dev/docs/components/micro-scale-fade",0,"",["micro-scale-fade",1,0,6],56,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Morph icon","smoothui","","npx shadcn@latest add @smoothui/morph-icon","https://smoothui.dev/docs/components/morph-icon",0,"",["morph-icon",1,1,6],6,"misc","animated icon|icon,animation|no icons,animated,monochrome,minimal|c"],["Morph surface","smoothui","","npx shadcn@latest add @smoothui/morph-surface","https://smoothui.dev/docs/components/morph-surface",0,"",["morph-surface",1,2,6],15,"misc","card|container,surface|no icons,avatar,animated,monochrome,minimal|c"],["Morph toggle","smoothui","","npx shadcn@latest add @smoothui/morph-toggle","https://smoothui.dev/docs/components/morph-toggle",0,"",["morph-toggle",1,3,6],3,"switch","switch|toggle,on off,settings|no icons,animated,monochrome,minimal|c"],["Motion loader","smoothui","","npx shadcn@latest add @smoothui/motion-loader","https://smoothui.dev/docs/components/motion-loader",0,"",["motion-loader",1,4,6],7,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Music toggle","smoothui","","npx shadcn@latest add @smoothui/music-toggle","https://smoothui.dev/docs/components/music-toggle",0,"",["music-toggle",1,5,6],70,"switch","switch|audio player,toggle,on off,settings|icons|c"],["Navigation menu","smoothui","","npx shadcn@latest add @smoothui/navigation-menu","https://smoothui.dev/docs/primitives/navigation-menu",0,"",["navigation-menu",1,6,6],42,"navbar","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|c"],["Number field","smoothui","","npx shadcn@latest add @smoothui/number-field","https://smoothui.dev/docs/primitives/number-field",0,"",["number-field",1,7,6],48,"input","number input|input,stepper|icons,monochrome|c"],["Number flow","smoothui","","npx shadcn@latest add @smoothui/number-flow","https://smoothui.dev/docs/components/number-flow",0,"",["number-flow",1,0,7],69,"text","number ticker|counter,text effect,animated number|icons,monochrome|c"],["Orb","smoothui","","npx shadcn@latest add @smoothui/orb","https://smoothui.dev/docs/components/orb",0,"",["orb",1,1,7],99,"background","background|animated background,effect,hero background|no icons|c"],["Orbital image wheel","smoothui","","npx shadcn@latest add @smoothui/orbital-image-wheel","https://smoothui.dev/docs/components/orbital-image-wheel",0,"",["orbital-image-wheel",1,2,7],87,"media","image|background,media,mockup|no icons,images,monochrome|c"],["Organic merge transition","smoothui","","npx shadcn@latest add @smoothui/organic-merge-transition","https://smoothui.dev/docs/components/organic-merge-transition",0,"",["organic-merge-transition",1,3,7],71,"misc","card|container,surface|icons,animated,monochrome,minimal|c"],["Otp field","smoothui","","npx shadcn@latest add @smoothui/otp-field","https://smoothui.dev/docs/primitives/otp-field",0,"",["otp-field",1,4,7],60,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Otp slots","smoothui","","npx shadcn@latest add @smoothui/otp-slots","https://smoothui.dev/docs/components/otp-slots",0,"",["otp-slots",1,5,7],75,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Page preloader","smoothui","","npx shadcn@latest add @smoothui/page-preloader","https://smoothui.dev/docs/components/page-preloader",0,"",["page-preloader",1,6,7],88,"misc|b","loader|content section,spinner,loading,progress|no icons,monochrome|c"],["Pagination","smoothui","","npx shadcn@latest add @smoothui/pagination","https://smoothui.dev/docs/primitives/pagination",0,"",["pagination",1,7,7],69,"misc","pagination|pages,navigation|icons,monochrome|c"],["Parallax layers","smoothui","","npx shadcn@latest add @smoothui/parallax-layers","https://smoothui.dev/docs/components/parallax-layers",0,"",["parallax-layers",1,0,8],73,"misc","scroll effect|scroll,animation|icons,images,monochrome|c"],["Per character rise","smoothui","","npx shadcn@latest add @smoothui/per-character-rise","https://smoothui.dev/docs/components/per-character-rise",0,"",["per-character-rise",1,1,8],58,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Per word crossfade","smoothui","","npx shadcn@latest add @smoothui/per-word-crossfade","https://smoothui.dev/docs/components/per-word-crossfade",0,"",["per-word-crossfade",1,2,8],58,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Perspective text 3d","smoothui","","npx shadcn@latest add @smoothui/perspective-text-3d","https://smoothui.dev/docs/components/perspective-text-3d",0,"",["perspective-text-3d",1,3,8],86,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Photo stack","smoothui","","npx shadcn@latest add @smoothui/photo-stack","https://smoothui.dev/docs/components/photo-stack",0,"",["photo-stack",1,4,8],89,"carousel","image|media,mockup|no icons,images,monochrome|c"],["Phototab","smoothui","","npx shadcn@latest add @smoothui/phototab","https://smoothui.dev/docs/components/phototab",0,"",["phototab",1,5,8],85,"misc","image|media,mockup|icons,monochrome|c"],["Pinned list","smoothui","","npx shadcn@latest add @smoothui/pinned-list","https://smoothui.dev/docs/components/pinned-list",0,"",["pinned-list",1,6,8],66,"misc","list|items,notifications,rows|icons,monochrome|c"],["Pixel brush canvas","smoothui","","npx shadcn@latest add @smoothui/pixel-brush-canvas","https://smoothui.dev/docs/components/pixel-brush-canvas",0,"",["pixel-brush-canvas",1,7,8],97,"misc","background|animated background,effect,hero background|no icons|c"],["Pixel flow field","smoothui","","npx shadcn@latest add @smoothui/pixel-flow-field","https://smoothui.dev/docs/components/pixel-flow-field",0,"",["pixel-flow-field",1,0,9],77,"input","input|text field,form,form control|no icons|c"],["Popover","smoothui","","npx shadcn@latest add @smoothui/popover","https://smoothui.dev/docs/primitives/popover",0,"",["popover",1,1,9],14,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Power off slide","smoothui","","npx shadcn@latest add @smoothui/power-off-slide","https://smoothui.dev/docs/components/power-off-slide",0,"",["power-off-slide",1,2,9],43,"misc","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Preview card","smoothui","","npx shadcn@latest add @smoothui/preview-card","https://smoothui.dev/docs/primitives/preview-card",0,"",["preview-card",1,3,9],6,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Price flow","smoothui","","npx shadcn@latest add @smoothui/price-flow","https://smoothui.dev/docs/components/price-flow",0,"",["price-flow",1,4,9],70,"pricing","card|pricing section,container,surface|no icons,monochrome,minimal|c"],["Prism sweep transition","smoothui","","npx shadcn@latest add @smoothui/prism-sweep-transition","https://smoothui.dev/docs/components/prism-sweep-transition",0,"",["prism-sweep-transition",1,0,10],71,"misc","card|container,surface|icons,animated|c"],["Product card","smoothui","","npx shadcn@latest add @smoothui/product-card","https://smoothui.dev/docs/components/product-card",0,"",["product-card",1,1,10],100,"card","card|ecommerce,e-commerce,pricing,container,surface|icons,images,monochrome|c"],["Progress","smoothui","","npx shadcn@latest add @smoothui/progress","https://smoothui.dev/docs/primitives/progress",0,"",["progress",1,2,10],73,"loader","progress bar|progress,upload,meter,loading|no icons,monochrome,minimal|c"],["Progressive blur","smoothui","","npx shadcn@latest add @smoothui/progressive-blur","https://smoothui.dev/docs/components/progressive-blur",0,"",["progressive-blur",1,3,10],92,"misc","progress bar|progress,meter,loading|no icons,monochrome|c"],["Radial circles transition","smoothui","","npx shadcn@latest add @smoothui/radial-circles-transition","https://smoothui.dev/docs/components/radial-circles-transition",0,"",["radial-circles-transition",1,4,10],71,"misc","card|container,surface|icons,animated,monochrome,minimal|c"],["Radio group","smoothui","","npx shadcn@latest add @smoothui/radio-group","https://smoothui.dev/docs/primitives/radio-group",0,"",["radio-group",1,5,10],21,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Ransom note","smoothui","","npx shadcn@latest add @smoothui/ransom-note","https://smoothui.dev/docs/components/ransom-note",0,"",["ransom-note",1,6,10],79,"misc","card|container,surface|no icons,animated,monochrome|c"],["Reveal text","smoothui","","npx shadcn@latest add @smoothui/reveal-text","https://smoothui.dev/docs/components/reveal-text",0,"",["reveal-text",1,7,10],67,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Reviews carousel","smoothui","","npx shadcn@latest add @smoothui/reviews-carousel","https://smoothui.dev/docs/components/reviews-carousel",0,"",["reviews-carousel",1,0,11],73,"carousel","carousel|testimonials,slider,gallery,swipe|icons,monochrome|c"],["Rich popover","smoothui","","npx shadcn@latest add @smoothui/rich-popover","https://smoothui.dev/docs/components/rich-popover",0,"",["rich-popover",1,1,11],71,"misc","popover|overlay,popup,menu|icons,monochrome|c"],["Rolling text","smoothui","","npx shadcn@latest add @smoothui/rolling-text","https://smoothui.dev/docs/components/rolling-text",0,"",["rolling-text",1,2,11],71,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Scale down fade","smoothui","","npx shadcn@latest add @smoothui/scale-down-fade","https://smoothui.dev/docs/components/scale-down-fade",0,"",["scale-down-fade",1,3,11],54,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Scramble hover","smoothui","","npx shadcn@latest add @smoothui/scramble-hover","https://smoothui.dev/docs/components/scramble-hover",0,"",["scramble-hover",1,4,11],66,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Scroll area","smoothui","","npx shadcn@latest add @smoothui/scroll-area","https://smoothui.dev/docs/primitives/scroll-area",0,"",["scroll-area",1,5,11],68,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll image reveal","smoothui","","npx shadcn@latest add @smoothui/scroll-image-reveal","https://smoothui.dev/docs/components/scroll-image-reveal",0,"",["scroll-image-reveal",1,6,11],69,"media","image|media,mockup|icons,images,monochrome|c"],["Scroll progress","smoothui","","npx shadcn@latest add @smoothui/scroll-progress","https://smoothui.dev/docs/components/scroll-progress",0,"",["scroll-progress",1,7,11],77,"loader","progress bar|scroll effect,progress,meter,loading|no icons,monochrome|c"],["Scroll reveal paragraph","smoothui","","npx shadcn@latest add @smoothui/scroll-reveal-paragraph","https://smoothui.dev/docs/components/scroll-reveal-paragraph",0,"",["scroll-reveal-paragraph",2,0,0],39,"misc","scroll effect|scroll,animation|no icons,monochrome|c"],["Scrollable card stack","smoothui","","npx shadcn@latest add @smoothui/scrollable-card-stack","https://smoothui.dev/docs/components/scrollable-card-stack",0,"",["scrollable-card-stack",2,1,0],84,"carousel","carousel|card,slider,gallery,swipe|no icons,avatar,images,monochrome|c"],["Scrubber","smoothui","","npx shadcn@latest add @smoothui/scrubber","https://smoothui.dev/docs/components/scrubber",0,"",["scrubber",2,2,0],84,"misc","slider|range,input|no icons,monochrome,minimal|c"],["Sdf blob transition","smoothui","","npx shadcn@latest add @smoothui/sdf-blob-transition","https://smoothui.dev/docs/components/sdf-blob-transition",0,"",["sdf-blob-transition",2,3,0],71,"misc","card|container,surface|icons,animated,monochrome,minimal|c"],["Sdf circle transition","smoothui","","npx shadcn@latest add @smoothui/sdf-circle-transition","https://smoothui.dev/docs/components/sdf-circle-transition",0,"",["sdf-circle-transition",2,4,0],71,"misc","card|container,surface|icons,animated,monochrome,minimal|c"],["Select","smoothui","","npx shadcn@latest add @smoothui/select","https://smoothui.dev/docs/primitives/select",0,"",["select",2,5,0],24,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","smoothui","","npx shadcn@latest add @smoothui/separator","https://smoothui.dev/docs/primitives/separator",0,"",["separator",2,6,0],53,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Circle reveal transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-circle-transition","https://smoothui.dev/docs/components/shader-reveal-circle-transition",0,"",["shader-reveal-circle-transition",2,7,0],71,"background","background|animated background,effect,hero background|icons,animated,monochrome,minimal|c"],["Luma ribbons transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-luma-transition","https://smoothui.dev/docs/components/shader-reveal-luma-transition",0,"",["shader-reveal-luma-transition",2,0,1],70,"background","background|animated background,effect,hero background|icons,animated,monochrome,minimal|c"],["Noise gate transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-noise-transition","https://smoothui.dev/docs/components/shader-reveal-noise-transition",0,"",["shader-reveal-noise-transition",2,1,1],71,"background","background|animated background,effect,hero background|icons,animated|c"],["Planetary swirl transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-planetary-transition","https://smoothui.dev/docs/components/shader-reveal-planetary-transition",0,"",["shader-reveal-planetary-transition",0,0,0],71,"background","background|animated background,effect,hero background|icons,animated,monochrome,minimal|c"],["Noise push transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-push-transition","https://smoothui.dev/docs/components/shader-reveal-push-transition",0,"",["shader-reveal-push-transition",2,2,1],70,"background","background|animated background,effect,hero background|icons,animated,monochrome,minimal|c"],["Stripe shutter transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-stripes-transition","https://smoothui.dev/docs/components/shader-reveal-stripes-transition",0,"",["shader-reveal-stripes-transition",2,3,1],70,"background","background|animated background,effect,hero background|icons,animated,monochrome,minimal|c"],["Shader reveal transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-transition","https://smoothui.dev/docs/components/shader-reveal-transition",0,"",["shader-reveal-transition",2,4,1],100,"background","background|animated background,effect,hero background|icons,animated,monochrome|c"],["Displacement wipe transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-wipe-transition","https://smoothui.dev/docs/components/shader-reveal-wipe-transition",0,"",["shader-reveal-wipe-transition",2,5,1],70,"background","background|animated background,effect,hero background|icons,animated,monochrome,minimal|c"],["Zoom wash transition","smoothui","","npx shadcn@latest add @smoothui/shader-reveal-zoom-transition","https://smoothui.dev/docs/components/shader-reveal-zoom-transition",0,"",["shader-reveal-zoom-transition",0,0,0],71,"background","background|animated background,effect,hero background|icons|c"],["Shared axis x","smoothui","","npx shadcn@latest add @smoothui/shared-axis-x","https://smoothui.dev/docs/components/shared-axis-x",0,"",["shared-axis-x",2,6,1],52,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Word cut staircase","smoothui","","npx shadcn@latest add @smoothui/shared-axis-y","https://smoothui.dev/docs/components/shared-axis-y",0,"",["shared-axis-y",2,7,1],57,"misc","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Shared axis z","smoothui","","npx shadcn@latest add @smoothui/shared-axis-z","https://smoothui.dev/docs/components/shared-axis-z",0,"",["shared-axis-z",2,0,2],53,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Shimmer sweep","smoothui","","npx shadcn@latest add @smoothui/shimmer-sweep","https://smoothui.dev/docs/components/shimmer-sweep",0,"",["shimmer-sweep",2,1,2],63,"misc","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Shine text","smoothui","","npx shadcn@latest add @smoothui/shine-text","https://smoothui.dev/docs/components/shine-text",0,"",["shine-text",2,2,2],51,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Short slide down","smoothui","","npx shadcn@latest add @smoothui/short-slide-down","https://smoothui.dev/docs/components/short-slide-down",0,"",["short-slide-down",2,3,2],55,"misc","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Short slide right","smoothui","","npx shadcn@latest add @smoothui/short-slide-right","https://smoothui.dev/docs/components/short-slide-right",0,"",["short-slide-right",2,4,2],55,"misc","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Sidebar","smoothui","","npx shadcn@latest add @smoothui/sidebar","https://smoothui.dev/docs/primitives/sidebar",0,"",["sidebar",2,5,2],73,"section|b","sidebar|navigation,settings,menu,layout|icons,monochrome|b"],["Siri orb","smoothui","","npx shadcn@latest add @smoothui/siri-orb","https://smoothui.dev/docs/components/siri-orb",0,"",["siri-orb",2,6,2],32,"background","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Skeleton","smoothui","","npx shadcn@latest add @smoothui/skeleton","https://smoothui.dev/docs/primitives/skeleton",0,"",["skeleton",2,7,2],52,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Slider","smoothui","","npx shadcn@latest add @smoothui/slider","https://smoothui.dev/docs/primitives/slider",0,"",["slider",2,0,3],61,"input","slider|range,input|no icons,monochrome,minimal|c"],["Smooth button","smoothui","","npx shadcn@latest add @smoothui/smooth-button","https://smoothui.dev/docs/primitives/smooth-button",0,"",["smooth-button",2,1,3],77,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Social hover card","smoothui","","npx shadcn@latest add @smoothui/social-hover-card","https://smoothui.dev/docs/components/social-hover-card",0,"",["social-hover-card",2,2,3],59,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Social selector","smoothui","","npx shadcn@latest add @smoothui/social-selector","https://smoothui.dev/docs/components/social-selector",0,"",["social-selector",2,3,3],49,"misc","select|dropdown,options,form|icons,monochrome|c"],["Soft blur in","smoothui","","npx shadcn@latest add @smoothui/soft-blur-in","https://smoothui.dev/docs/components/soft-blur-in",0,"",["soft-blur-in",2,4,3],58,"misc","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Spinner","smoothui","","npx shadcn@latest add @smoothui/spinner","https://smoothui.dev/docs/primitives/spinner",0,"",["spinner",2,5,3],0,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Spring scale in","smoothui","","npx shadcn@latest add @smoothui/spring-scale-in","https://smoothui.dev/docs/components/spring-scale-in",0,"",["spring-scale-in",2,6,3],58,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Squircle","smoothui","","npx shadcn@latest add @smoothui/squircle","https://smoothui.dev/docs/components/squircle",0,"",["squircle",2,7,3],78,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Stagger from center","smoothui","","npx shadcn@latest add @smoothui/stagger-from-center","https://smoothui.dev/docs/components/stagger-from-center",0,"",["stagger-from-center",2,0,4],51,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Stagger from edges","smoothui","","npx shadcn@latest add @smoothui/stagger-from-edges","https://smoothui.dev/docs/components/stagger-from-edges",0,"",["stagger-from-edges",2,1,4],52,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Svg clip mask","smoothui","","npx shadcn@latest add @smoothui/svg-clip-mask","https://smoothui.dev/docs/components/svg-clip-mask",0,"",["svg-clip-mask",2,4,4],76,"misc","card|container,surface|icons,images,monochrome|c"],["Svg draw on scroll","smoothui","","npx shadcn@latest add @smoothui/svg-draw-on-scroll","https://smoothui.dev/docs/components/svg-draw-on-scroll",0,"",["svg-draw-on-scroll",2,5,4],60,"misc","card|container,surface|icons|c"],["Swap panel","smoothui","","npx shadcn@latest add @smoothui/swap-panel","https://smoothui.dev/docs/components/swap-panel",0,"",["swap-panel",2,6,4],97,"misc","card|container,surface|icons,monochrome|c"],["Switch","smoothui","","npx shadcn@latest add @smoothui/switch","https://smoothui.dev/docs/primitives/switch",0,"",["switch",2,7,4],10,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switchboard card","smoothui","","npx shadcn@latest add @smoothui/switchboard-card","https://smoothui.dev/docs/components/switchboard-card",0,"",["switchboard-card",2,0,5],70,"card","card|switch,container,surface|no icons,animated,monochrome|c"],["Tabs","smoothui","","npx shadcn@latest add @smoothui/tabs","https://smoothui.dev/docs/primitives/tabs",0,"",["tabs",2,1,5],54,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Text morph","smoothui","","npx shadcn@latest add @smoothui/text-morph","https://smoothui.dev/docs/components/text-morph",0,"",["text-morph",2,7,5],74,"text","text effect|text animation,media,typography,animated text|no icons,animated,monochrome|c"],["Textarea","smoothui","","npx shadcn@latest add @smoothui/textarea","https://smoothui.dev/docs/primitives/textarea",0,"",["textarea",2,0,6],65,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Theme toggle","smoothui","","npx shadcn@latest add @smoothui/theme-toggle","https://smoothui.dev/docs/components/theme-toggle",0,"",["theme-toggle",2,1,6],21,"switch","theme switcher|switch,dark mode,light mode|no icons,monochrome,minimal|c"],["Tilt card","smoothui","","npx shadcn@latest add @smoothui/tilt-card","https://smoothui.dev/docs/components/tilt-card",0,"",["tilt-card",2,2,6],87,"card","card|container,surface|no icons,monochrome|c"],["Time machine stack","smoothui","","npx shadcn@latest add @smoothui/time-machine-stack","https://smoothui.dev/docs/components/time-machine-stack",0,"",["time-machine-stack",2,3,6],92,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome|c"],["Toast","smoothui","","npx shadcn@latest add @smoothui/toast","https://smoothui.dev/docs/primitives/toast",0,"",["toast",2,4,6],57,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle","smoothui","","npx shadcn@latest add @smoothui/toggle","https://smoothui.dev/docs/primitives/toggle",0,"",["toggle",2,5,6],15,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle group","smoothui","","npx shadcn@latest add @smoothui/toggle-group","https://smoothui.dev/docs/primitives/toggle-group",0,"",["toggle-group",2,6,6],11,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toolbar","smoothui","","npx shadcn@latest add @smoothui/toolbar","https://smoothui.dev/docs/primitives/toolbar",0,"",["toolbar",2,7,6],59,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Tooltip","smoothui","","npx shadcn@latest add @smoothui/tooltip","https://smoothui.dev/docs/primitives/tooltip",0,"",["tooltip",2,0,7],11,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Top down letters","smoothui","","npx shadcn@latest add @smoothui/top-down-letters","https://smoothui.dev/docs/components/top-down-letters",0,"",["top-down-letters",2,1,7],55,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Tweet card","smoothui","","npx shadcn@latest add @smoothui/tweet-card","https://smoothui.dev/docs/components/tweet-card",0,"",["tweet-card",2,2,7],50,"card","card|container,surface|no icons,monochrome,minimal|c"],["Typewriter text","smoothui","","npx shadcn@latest add @smoothui/typewriter-text","https://smoothui.dev/docs/components/typewriter-text",0,"",["typewriter-text",2,3,7],65,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Unlock face id","smoothui","","npx shadcn@latest add @smoothui/unlock-face-id","https://smoothui.dev/docs/components/unlock-face-id",0,"",["unlock-face-id",2,4,7],69,"misc","card|container,surface|no icons|c"],["User account avatar","smoothui","","npx shadcn@latest add @smoothui/user-account-avatar","https://smoothui.dev/docs/components/user-account-avatar",0,"",["user-account-avatar",2,5,7],10,"media","avatar|profile,user,image|no icons,avatar,monochrome,minimal|c"],["Vector editor toolbar","smoothui","","npx shadcn@latest add @smoothui/vector-editor-toolbar","https://smoothui.dev/docs/components/vector-editor-toolbar",0,"",["vector-editor-toolbar",2,6,7],86,"misc","menubar|toolbar,menu|icons|c"],["Video ambient","smoothui","","npx shadcn@latest add @smoothui/video-ambient","https://smoothui.dev/docs/components/video-ambient",0,"",["video-ambient",2,7,7],80,"media","video player|video,media player|icons,monochrome|c"],["Video modal","smoothui","","npx shadcn@latest add @smoothui/video-modal","https://smoothui.dev/docs/components/video-modal",0,"",["video-modal",2,0,8],88,"dialog","dialog|video player,modal,overlay,popup|icons,monochrome,minimal|c"],["Wallet card","smoothui","","npx shadcn@latest add @smoothui/wallet-card","https://smoothui.dev/docs/components/wallet-card",0,"",["wallet-card",2,1,8],99,"card","card|container,pricing,surface|icons,avatar,images|c"],["Warped circle transition","smoothui","","npx shadcn@latest add @smoothui/warped-circle-transition","https://smoothui.dev/docs/components/warped-circle-transition",0,"",["warped-circle-transition",2,2,8],71,"misc","card|container,surface|icons,animated,monochrome,minimal|c"],["Wave text","smoothui","","npx shadcn@latest add @smoothui/wave-text","https://smoothui.dev/docs/components/wave-text",0,"",["wave-text",2,3,8],69,"text","text effect|background,text animation,typography,animated text|no icons,animated,monochrome|c"],["3d Carousel","seraui","A minimalistic 3d carousel component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/3d-carousel.json\"","https://seraui.com/docs/3d-carousel",0,"",["3d-carousel",0,0,0],86,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Accordion Last","seraui","A minimalistic accordion component with last item styling designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/accordion-last.json\"","https://seraui.com/docs/accordion-last",0,"",["accordion-last",0,2,0],75,"accordion","accordion|collapsible,expand,faq|icons,monochrome|b"],["Accordion","seraui","A minimalistic accordion component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/accordion.json\"","https://seraui.com/docs/accordion",0,"",["accordion",0,1,0],61,"accordion","accordion|collapsible,settings,login,expand,faq|icons,monochrome|b"],["Amazongift","seraui","A minimalistic Amazon gift card component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/amazongift.json\"","https://seraui.com/docs/amazongift",0,"",["amazongift",0,3,0],100,"card","input|text field,pricing,form,form control|no icons|c"],["Animatedbadge","seraui","A minimalistic animatedbadge component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/animatedbadge.json\"","https://seraui.com/docs/animatedbadge",0,"",["animatedbadge",0,4,0],67,"misc","card|container,surface|icons,animated,monochrome|c"],["Announcement","seraui","A minimalistic announcement component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/announcement.json\"","https://seraui.com/docs/announcement",0,"",["announcement",0,5,0],93,"misc","alert|message,banner,callout|icons,monochrome|c"],["Aurora","seraui","A minimalistic aurora component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/aurora.json\"","https://seraui.com/docs/aurora",0,"",["aurora",0,6,0],85,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Badge","seraui","A minimalistic badge component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/badge.json\"","https://seraui.com/docs/badge",0,"",["badge",0,7,0],97,"misc","badge|label,status,pill|icons,animated,monochrome|c"],["Bento Grid","seraui","A minimalistic bento grid component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/bento-grid.json\"","https://seraui.com/docs/bento-grid",0,"",["bento-grid",0,0,1],73,"card|b","features section|features,team,grid,landing page|icons,monochrome|b"],["Button","seraui","A minimalistic button component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/button.json\"","https://seraui.com/docs/button",0,"",["button",0,1,1],92,"button","button|cta,click,action|icons,animated,monochrome|c"],["Card","seraui","A minimalistic card component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/card.json\"","https://seraui.com/docs/card",0,"",["card",0,2,1],84,"card","card|container,login,surface|icons,monochrome|c"],["Carousel","seraui","A minimalistic carousel component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/carousel.json\"","https://seraui.com/docs/carousel",0,"",["carousel",0,3,1],85,"carousel","carousel|slider,gallery,swipe|icons,images,monochrome|c"],["Codeprofile","seraui","A minimalistic codeprofile component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/codeprofile.json\"","https://seraui.com/docs/codeprofile",0,"",["codeprofile",0,4,1],88,"misc","code block|code,syntax highlight|no icons,monochrome|c"],["Colorpalette","seraui","A minimalistic colorpalette component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/colorpalette.json\"","https://seraui.com/docs/colorpalette",0,"",["colorpalette",0,5,1],93,"misc","input|text field,form,form control|icons,animated|c"],["Combo Box","seraui","A minimalistic combo box component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/combo-box.json\"","https://seraui.com/docs/combo-box",0,"",["combo-box",0,6,1],74,"misc","combobox|card,select,search,autocomplete|icons,monochrome,minimal|c"],["Copybutton","seraui","A minimalistic copybutton component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/copybutton.json\"","https://seraui.com/docs/copybutton",0,"",["copybutton",0,7,1],61,"misc","copy button|button,clipboard|icons|c"],["Curved Text","seraui","A minimalistic curved text component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/curved-text.json\"","https://seraui.com/docs/curved-text",0,"",["curved-text",0,0,2],53,"text","text effect|text animation,typography,animated text|no icons|c"],["Decrypting","seraui","A minimalistic decrypting component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/decrypting.json\"","https://seraui.com/docs/decrypting",0,"",["decrypting",0,1,2],48,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Divider","seraui","A minimalistic divider component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/divider.json\"","https://seraui.com/docs/divider",0,"",["divider",0,2,2],59,"misc","divider|separator,line,layout|icons,monochrome|c"],["Dock","seraui","A minimalistic dock component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/dock.json\"","https://seraui.com/docs/dock",0,"",["dock",0,3,2],45,"misc","dock|navigation,icons,magnify|no icons,monochrome,minimal|c"],["Doctabs","seraui","A minimalistic doctabs component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/doctabs.json\"","https://seraui.com/docs/doctabs",0,"",["doctabs",0,4,2],56,"misc","card|container,surface|icons,monochrome|c"],["Drawer","seraui","A minimalistic drawer component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/drawer.json\"","https://seraui.com/docs/drawer",0,"",["drawer",0,5,2],83,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown","seraui","A minimalistic dropdown component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/dropdown.json\"","https://seraui.com/docs/dropdown",0,"",["dropdown",0,6,2],13,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Falling Glitch","seraui","A minimalistic falling glitch component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/falling-glitch.json\"","https://seraui.com/docs/falling-glitch",0,"",["falling-glitch",0,7,2],75,"misc","text effect|text animation,typography,animated text|no icons|c"],["Filetree","seraui","A minimalistic filetree component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/filetree.json\"","https://seraui.com/docs/filetree",0,"",["filetree",0,0,3],71,"misc","tree view|file tree,nested list|icons,monochrome|c"],["Flipwords","seraui","A minimalistic flip words animation component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/flipwords.json\"","https://seraui.com/docs/flipwords",0,"",["flipwords",0,1,3],80,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Footer","seraui","A minimalistic footer component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/footer.json\"","https://seraui.com/docs/footer",0,"",["footer",0,2,3],84,"section|b","footer|links,account,site footer|icons,monochrome|b"],["Forgotpassword","seraui","A minimalistic forgotpassword component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/forgotpassword.json\"","https://seraui.com/docs/forgotpassword",0,"",["forgotpassword",0,3,3],76,"misc","login|sign in,sign up,auth form|icons,monochrome|b"],["Fuzzy","seraui","A minimalistic fuzzy search component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/fuzzy.json\"","https://seraui.com/docs/fuzzy",0,"",["fuzzy",0,4,3],97,"misc","background|animated background,effect,hero background|no icons|c"],["Glitchvault","seraui","A minimalistic glitchvault component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/glitchvault.json\"","https://seraui.com/docs/glitchvault",0,"",["glitchvault",0,5,3],82,"misc","text effect|text animation,typography,animated text|no icons|c"],["Glow Button","seraui","A minimalistic glow button component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/glow-button.json\"","https://seraui.com/docs/glow-button",0,"",["glow-button",0,6,3],77,"button","button|background,cta,click,action|no icons,monochrome,minimal|c"],["Glowline","seraui","A minimalistic glowline component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/glowline.json\"","https://seraui.com/docs/glowline",0,"",["glowline",0,7,3],98,"misc","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Gradient Accordion","seraui","A minimalistic gradient accordion component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/gradient-accordion.json\"","https://seraui.com/docs/gradient-accordion",0,"",["gradient-accordion",0,1,4],81,"accordion","accordion|background,collapsible,expand,faq|icons,monochrome|b"],["Gradient","seraui","A minimalistic gradient component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/gradient.json\"","https://seraui.com/docs/gradient",0,"",["gradient",0,0,4],100,"background","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Gradientgen","seraui","A minimalistic gradientgen component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/gradientgen.json\"","https://seraui.com/docs/gradientgen",0,"",["gradientgen",0,2,4],99,"misc","background|animated background,effect,hero background|icons,animated|c"],["Hero","seraui","A minimalistic hero component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/hero.json\"","https://seraui.com/docs/hero",0,"",["hero",0,3,4],80,"section|b","hero section|landing page,header,headline|icons,animated,monochrome|b"],["Html Code","seraui","A minimalistic html code component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/html-code.json\"","",0,"",0,0],["Imageswiper","seraui","A minimalistic imageswiper component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/imageswiper.json\"","https://seraui.com/docs/imageswiper",0,"",["imageswiper",0,4,4],89,"misc","image|media,mockup|no icons,images,monochrome|c"],["Infinite Grid","seraui","A minimalistic infinite grid component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/infinite-grid.json\"","https://seraui.com/docs/infinite-grid",0,"",["infinite-grid",0,5,4],87,"misc","card|container,surface|no icons,images,animated,monochrome,minimal|c"],["Integrations","seraui","A minimalistic integrations component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/integrations.json\"","https://seraui.com/docs",0,"",["integrations",0,6,4],85,"misc|b","integrations|logos,apps|icons,animated|b"],["Kbd","seraui","A minimalistic kbd component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/kbd.json\"","https://seraui.com/docs/kbd",0,"",["kbd",0,7,4],6,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Letter Glitch","seraui","A minimalistic letter glitch component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/letter-glitch.json\"","https://seraui.com/docs/letter-glitch",0,"",["letter-glitch",0,0,5],80,"text","text effect|text animation,typography,animated text|no icons|c"],["Liquid Glass","seraui","A minimalistic liquid glass component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/liquid-glass.json\"","https://seraui.com/docs/liquid-glass",0,"",["liquid-glass",0,1,5],78,"misc","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Loaders","seraui","A minimalistic loaders component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/loaders.json\"","https://seraui.com/docs/loaders",0,"",["loaders",0,2,5],97,"loader","loader|spinner,loading,progress|icons,animated,monochrome|c"],["Login","seraui","A minimalistic login component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/login.json\"","https://seraui.com/docs/login",0,"",["login",0,3,5],79,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Magic","seraui","A minimalistic magic component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/magic.json\"","https://seraui.com/docs/magic",0,"",["magic",0,4,5],85,"misc","card|container,tasks,surface|icons,images,monochrome|c"],["Marquee","seraui","A minimalistic marquee component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/marquee.json\"","https://seraui.com/docs/marquee",0,"",["marquee",0,5,5],82,"carousel","marquee|infinite scroll,logos,animation|no icons,animated,monochrome,minimal|c"],["Masonary","seraui","A minimalistic masonary component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/masonary.json\"","https://seraui.com/docs/masonary",0,"",["masonary",0,6,5],0,"misc","card|container,surface||c"],["Modal","seraui","A minimalistic modal component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/modal.json\"","https://seraui.com/docs/modal",0,"",["modal",0,7,5],23,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Modern Button","seraui","A minimalistic modern button component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/modern-button.json\"","https://seraui.com/docs/modern-button",0,"",["modern-button",0,0,6],76,"button","button|cta,click,action|icons,monochrome|c"],["Moving Grid","seraui","A minimalistic moving grid component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/moving-grid.json\"","https://seraui.com/docs/moving-grid",0,"",["moving-grid",0,1,6],95,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Multiselector","seraui","A minimalistic multiselector component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/multiselector.json\"","https://seraui.com/docs/multiselector",0,"",["multiselector",0,2,6],81,"misc","multi select|select,combobox,tags|icons,monochrome|c"],["Navbar","seraui","A minimalistic navbar component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/navbar.json\"","https://seraui.com/docs/navbar",0,"",["navbar",0,3,6],45,"navbar|b","navbar|header,navigation,menu|icons,monochrome,minimal|b"],["Network","seraui","A minimalistic network component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/network.json\"","https://seraui.com/docs/network",0,"",["network",0,4,6],93,"misc","card|container,surface|no icons|c"],["Nftmarketplace","seraui","A minimalistic nftmarketplace component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/nftmarketplace.json\"","https://seraui.com/docs/nftmarketplace",0,"",["nftmarketplace",0,5,6],87,"misc","card|container,surface|icons,images,monochrome|b"],["Noise","seraui","A minimalistic noise component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/noise.json\"","https://seraui.com/docs/noise",0,"",["noise",0,6,6],100,"background","background|animated background,effect,hero background|no icons|c"],["Noisetext","seraui","A minimalistic noisetext component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/noisetext.json\"","https://seraui.com/docs/noisetext",0,"",["noisetext",0,7,6],93,"misc","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Orbit Carousel","seraui","A minimalistic orbit carousel component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/orbit-carousel.json\"","https://seraui.com/docs/orbit-carousel",0,"",["orbit-carousel",0,0,7],82,"carousel","carousel|background,account,slider,gallery,swipe|icons,images,animated,monochrome|c"],["Orbiting","seraui","A minimalistic orbiting component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/orbiting.json\"","https://seraui.com/docs/orbiting",0,"",["orbiting",0,1,7],97,"misc","background|animated background,effect,hero background|icons,animated,monochrome|c"],["Password","seraui","A minimalistic password input component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/password.json\"","https://seraui.com/docs/password",0,"",["password",0,2,7],49,"input","password input|input,form,login|icons,monochrome,minimal|c"],["Pattern","seraui","A collection of beautiful background patterns designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/pattern.json\"","https://seraui.com/docs/pattern",0,"",["pattern",0,3,7],100,"background","background|animated background,effect,hero background|icons,monochrome|c"],["Portfolio","seraui","A minimalistic portfolio component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/portfolio.json\"","https://seraui.com/docs/portfolio",0,"",["portfolio",0,4,7],99,"misc|b","content section|section,landing page|icons,animated,monochrome|b"],["Pricing","seraui","A minimalistic pricing component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/pricing.json\"","https://seraui.com/docs/pricing",0,"",["pricing",0,5,7],87,"pricing|b","pricing section|pricing,team,plans,subscription|icons,monochrome|b"],["Prompt","seraui","A minimalistic prompt component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/prompt.json\"","https://seraui.com/docs/prompt",0,"",["prompt",0,6,7],88,"thinking","ai prompt|ai,search,chat,input|icons,monochrome|c"],["RandomTextReveal","seraui","A dynamic text reveal component with random character animation effects.","npx shadcn@latest add \"https://seraui.com/registry/randomtextreveal.json\"","https://seraui.com/docs/randomtextreveal",0,"",["randomtextreveal",0,7,7],0,"text","text effect|text animation,typography,animated text||c"],["Resize Handle","seraui","A minimalistic resize handle component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/resize-handle.json\"","https://seraui.com/docs/resize-handle",0,"",["resize-handle",0,0,8],82,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Retro Button","seraui","A minimalistic retro button component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/retro-button.json\"","https://seraui.com/docs/retro-button",0,"",["retro-button",0,1,8],85,"button","button|cta,click,action|no icons|c"],["Retro Card","seraui","A minimalistic retro card component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/retro-card.json\"","https://seraui.com/docs/retro-card",0,"",["retro-card",0,2,8],95,"card","card|container,surface|no icons|c"],["Retro Style Accordion","seraui","A minimalistic retro style-accordion component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/retro-style-accordion.json\"","https://seraui.com/docs/retro-style-accordion",0,"",["retro-style-accordion",0,3,8],93,"accordion","accordion|collapsible,expand,faq|icons|c"],["Retro Button","seraui","A minimalistic prompt component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/retroButton.json\"","https://seraui.com/docs/retro-button",0,"",["retro-button",0,1,8],85,"button","button|cta,click,action|no icons|c"],["Retro Card","seraui","A Retro card component","npx shadcn@latest add \"https://seraui.com/registry/retroCard.json\"","https://seraui.com/docs/retro-card",0,"",["retro-card",0,2,8],95,"card","card|container,surface|no icons|c"],["Search","seraui","A minimalistic search component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/search.json\"","https://seraui.com/docs/search",0,"",["search",0,4,8],90,"misc","input|text field,search,form,form control|icons|c"],["Shimmer","seraui","A minimalistic shimmer component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/shimmer.json\"","https://seraui.com/docs/shimmer",0,"",["shimmer",0,5,8],20,"misc","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Signin","seraui","A minimalistic signin component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/signin.json\"","https://seraui.com/docs/signin",0,"",["signin",0,6,8],79,"misc|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Sparklestext","seraui","A minimalistic sparklestext component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/sparklestext.json\"","https://seraui.com/docs/sparklestext",0,"",["sparklestext",0,7,8],73,"misc","background|animated background,effect,hero background|icons,animated,monochrome|c"],["Spotlightcard","seraui","A minimalistic spotlightcard component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/spotlightcard.json\"","https://seraui.com/docs/spotlightcard",0,"",["spotlightcard",0,0,9],83,"misc","background|animated background,login,effect,hero background|icons,monochrome|c"],["strongPassword","seraui","A strongPassword component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/strongPassword.json\"","https://seraui.com/docs",0,"",["strongpassword",0,1,9],61,"misc","card|container,login,surface|icons,monochrome|c"],["Svg Icons","seraui","A minimalistic svg icons component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/svg-icons.json\"","https://seraui.com/docs/svg-icons",0,"",["svg-icons",0,2,9],94,"misc","animated icon|icon,animation|icons,monochrome|c"],["Tabs Classic","seraui","A minimalistic tabs classic component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/tabs-classic.json\"","https://seraui.com/docs/tabs-classic",0,"",["tabs-classic",0,4,9],100,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs Fancy","seraui","A minimalistic tabs fancy component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/tabs-fancy.json\"","https://seraui.com/docs/tabs-fancy",0,"",["tabs-fancy",0,5,9],100,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs","seraui","A minimalistic tab component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/tabs.json\"","https://seraui.com/docs/tabs",0,"",["tabs",0,3,9],74,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Teammember","seraui","A minimalistic teammember component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/teammember.json\"","https://seraui.com/docs/teammember",0,"",["teammember",0,6,9],76,"misc","card|container,team,surface|icons,images,animated,monochrome|c"],["Testimonial","seraui","A minimalistic testimonial component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/testimonial.json\"","https://seraui.com/docs/testimonial",0,"",["testimonial",0,7,9],62,"card|b","testimonials|reviews,social proof,quotes|icons,avatar,images,monochrome|b"],["Text Highlighter","seraui","A minimalistic text highlighter component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/text-highlighter.json\"","https://seraui.com/docs/text-highlighter",0,"",["text-highlighter",0,1,10],94,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Text","seraui","A minimalistic text component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/text.json\"","https://seraui.com/docs/text",0,"",["text",0,0,10],51,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Textreveal","seraui","A minimalistic textreveal component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/textreveal.json\"","https://seraui.com/docs/textreveal",0,"",["textreveal",0,2,10],72,"misc","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Threed Card","seraui","A minimalistic threed card component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/threed-card.json\"","https://seraui.com/docs/threed-card",0,"",["threed-card",0,3,10],86,"card","card|container,surface|no icons,monochrome,minimal|c"],["Ticker","seraui","A minimalistic ticker component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/ticker.json\"","https://seraui.com/docs/ticker",0,"",["ticker",0,4,10],85,"carousel","marquee|infinite scroll,pricing,logos,animation|no icons,monochrome,minimal|c"],["Timeline","seraui","A minimalistic timeline component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/timeline.json\"","https://seraui.com/docs/timeline",0,"",["timeline",0,5,10],91,"misc","timeline|history,steps,activity|no icons,avatar,monochrome|b"],["Toast","seraui","A minimalistic toast component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/toast.json\"","https://seraui.com/docs/toast",0,"",["toast",0,6,10],92,"toast","toast|notification,settings,notifications,alert,message|no icons,monochrome|c"],["Twostep","seraui","A minimalistic two-step verification component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/twostep.json\"","https://seraui.com/docs/twostep",0,"",["twostep",0,7,10],82,"misc","stepper|steps,login,progress,onboarding|no icons|c"],["Video Text","seraui","A minimalistic video text component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/video-text.json\"","https://seraui.com/docs/video-text",0,"",["video-text",0,0,11],56,"media","text effect|video player,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Waitlist","seraui","A minimalistic waitlist component designed with React and Tailwind CSS.","npx shadcn@latest add \"https://seraui.com/registry/waitlist.json\"","https://seraui.com/docs/waitlist",0,"",["waitlist",0,1,11],74,"misc|b","newsletter|email,subscribe,form|icons,avatar,images,animated,monochrome|b"],["Components","beui","Free, open-source animated React components built with Motion and Tailwind CSS, available as copy-paste source through the shadcn registry.","npx shadcn@latest add @beui/motion","https://beui.dev/components/motion/timeline",0,"",["motion",0,1,11],67,"misc","card|container,calendar,surface|icons|c"],["Timeline","beui","A draggable timeline of dated events around a focused card.","npx shadcn@latest add @beui/timeline","https://beui.dev/components/motion/timeline",0,"",["timeline",1,7,6],67,"card","timeline|history,calendar,steps,activity|icons|c"],["Animated Alert","beui","Composable feedback with smooth transitions.","npx shadcn@latest add @beui/alert","https://beui.dev/components/motion/alert",0,"",["alert",0,5,0],78,"toast","alert|message,banner,callout|icons,animated|c"],["Animated Collapsible","beui","Expandable content with a smooth reveal.","npx shadcn@latest add @beui/collapsible","https://beui.dev/components/motion/collapsible",0,"",["collapsible",0,7,4],38,"accordion","accordion|collapsible,expand,faq|icons,animated,monochrome,minimal|c"],["Aspect Ratio","beui","Responsive media with smooth aspect ratio transitions.","npx shadcn@latest add @beui/aspect-ratio","https://beui.dev/components/motion/aspect-ratio",0,"",["aspect-ratio",0,2,1],89,"misc","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Arc Picker","beui","Radial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll step. One persistent bracket frame grows and squeezes around each","npx shadcn@latest add @beui/arc-picker","https://beui.dev/components/motion/arc-picker",0,"",["arc-picker",0,1,1],59,"text","select|dropdown,options,form|no icons|c"],["Sortable List","beui","Composable sortable list with group, item, drag handle, content and undo parts, plus a shared state hook. Spring layout, keyboard reordering, accessible position announcements, and","npx shadcn@latest add @beui/sortable-stack","https://beui.dev/components/motion/sortable-stack",0,"",["sortable-stack",1,1,4],72,"misc","list|items,rows|icons,monochrome|c"],["Image Viewer","beui","A composable React image viewer for galleries and attachment previews, with animated lightbox variants, custom thumbnails and controls, swipe and keyboard navigation, zoom and pan,","npx shadcn@latest add @beui/image-viewer","https://beui.dev/components/motion/morphing-lightbox",0,"",["image-viewer",0,6,8],92,"media","image|media,mockup|no icons,images,monochrome|c"],["Morphing","beui","A thumbnail-connected image viewer with composable gallery, thumbnail, content, caption and navigation parts, plus a shared state hook. Expand into the full-size image and return t","npx shadcn@latest add @beui/morphing","https://beui.dev/components/motion/morphing-lightbox",0,"",["morphing",0,5,10],92,"navbar|b","dialog|modal,overlay,popup|no icons,images,animated,monochrome|c"],["Date Range Picker","beui","Composable date range picker with root, trigger, popover content, calendar, header, grid, summary, footer, clear and preset parts, plus a shared state hook. Compact inline and drop","npx shadcn@latest add @beui/date-range-picker","https://beui.dev/components/motion/date-range-picker",0,"",["date-range-picker",0,7,5],40,"datepicker","select|slider,calendar,date range picker,dropdown,options,form|icons,monochrome|c"],["Card","beui","Composable card with header, title, description, action, content and footer parts. Outlined or muted surfaces, standard or compact spacing, and an opt-in selectable state with pres","npx shadcn@latest add @beui/card","https://beui.dev/components/motion/card",0,"",["card",0,5,3],81,"card","card|container,pricing,account,surface|icons|c"],["Color Picker","beui","Composable color picker whose trigger chip morphs into the saturation and brightness area. A loupe lifts off each thumb while you drag. Includes hue and opacity sliders, hex, RGB a","npx shadcn@latest add @beui/color-picker","https://beui.dev/components/motion/color-picker",0,"",["color-picker",0,0,5],52,"input","color picker|select,color input,swatches|no icons|c"],["Animated Color Selector","beui","Composable color swatches with a spring-gliding selection ring, press feedback, native radio keyboard navigation, and controlled or uncontrolled state.","npx shadcn@latest add @beui/color-selector","https://beui.dev/components/motion/color-selector",0,"",["color-selector",0,1,5],70,"navbar","color picker|select,color input,swatches|no icons,animated,colorful|c"],["Animated Pagination","beui","Page navigation with a gliding current-page pill, page numbers that slide as the window moves, and ellipses that jump several pages.","npx shadcn@latest add @beui/pagination","https://beui.dev/components/motion/pagination",0,"",["pagination",1,2,0],52,"navbar","pagination|pages,navigation|icons,animated,monochrome|c"],["Animated Avatar Group","beui","Overlapping avatars that fan apart on hover, lift with a name tooltip, and expand from a +N count to show everyone.","npx shadcn@latest add @beui/avatar-group","https://beui.dev/components/motion/avatar-group",0,"",["avatar-group",0,6,1],46,"media","avatar group|avatar,team,users|no icons,animated,monochrome,minimal|c"],["Animated Breadcrumb","beui","Composable breadcrumb navigation with soft path transitions, a hoverable overflow dropdown for long trails, custom separators, and router-link support.","npx shadcn@latest add @beui/breadcrumb","https://beui.dev/components/motion/breadcrumb",0,"",["breadcrumb",0,0,3],59,"navbar|b","breadcrumb|navigation,path|icons,animated,monochrome|c"],["Tilt Card","beui","3D perspective tilt on hover with cursor-tracked glare.","npx shadcn@latest add @beui/tilt-card","https://beui.dev/components/motion/tilt-card",0,"",["tilt-card",1,6,6],87,"card","card|container,surface|no icons,monochrome,minimal|c"],["Button","beui","Spring-pressed Button plus StatefulButton, MagneticButton, and MetallicButton variants.","npx shadcn@latest add @beui/button","https://beui.dev/components/motion/button-base",0,"",["base",0,1,2],98,"button","button|cta,click,action|icons|c"],["Metallic Button","beui","A neutral button surface framed by a pronounced chrome rim with a straight traveling reflection.","npx shadcn@latest add @beui/metallic","https://beui.dev/components/motion/button-metallic",0,"",["metallic",0,2,10],54,"button","button|cta,click,action|icons,animated,monochrome|c"],["Button","beui","Press scale, hover lift, variants and sizes.","npx shadcn@latest add @beui/base","https://beui.dev/components/motion/button-base",0,"",["base",0,1,2],98,"button","button|cta,click,action|icons|c"],["Stateful Button","beui","Idle → loading → success / error with blur-swap slots and morphing width.","npx shadcn@latest add @beui/stateful","https://beui.dev/components/motion/button-stateful",0,"",["stateful",1,5,4],69,"button","button|cta,click,action|icons|c"],["Magnetic Button","beui","Button composed with the Magnetic wrapper for cursor-attracted pull.","npx shadcn@latest add @beui/magnetic","https://beui.dev/components/motion/button-magnetic",0,"",["magnetic",0,7,9],68,"button","button|cta,click,action|icons,animated|c"],["Animated CTA Buttons","beui","Expressive call-to-action buttons with expanding, hold, and slide interactions.","npx shadcn@latest add @beui/expanding-arrow-button","https://beui.dev/components/motion/expanding-arrow-button",0,"",["expanding-arrow-button",0,4,7],79,"button","button|cta section,cta,click,action|icons,animated,monochrome|c"],["Expanding Arrow Button","beui","An accent tile that expands into a dotted-arrow trail on hover or focus.","npx shadcn@latest add @beui/expanding-arrow","https://beui.dev/components/motion/expanding-arrow-button",0,"",["expanding-arrow",0,3,7],79,"button","button|accordion,cta,click,action|icons,monochrome|c"],["Hold Action Button","beui","Hold to complete with a vertical or horizontal liquid fill; release early to cancel.","npx shadcn@latest add @beui/hold-action","https://beui.dev/components/motion/hold-action-button",0,"",["hold-action",0,5,8],98,"button","button|cta,click,action|no icons|c"],["Slide Action Button","beui","Drag the thumb to the end to confirm an action; release early to spring back.","npx shadcn@latest add @beui/slide-action","https://beui.dev/components/motion/slide-action-button",0,"",["slide-action",1,7,3],69,"button","button|carousel,cta,click,action|icons|c"],["Expandable Control","beui","Click-to-expand button and chip controls that reveal a label or trailing action through spring layout continuity.","npx shadcn@latest add @beui/expandable-control","https://beui.dev/components/motion/expandable-control",0,"",["expandable-control",0,1,7],39,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Adaptive Stepper","beui","Composable numeric stepper whose fixed footprint adapts at its minimum and maximum while the value rolls between steps.","npx shadcn@latest add @beui/adaptive-stepper","https://beui.dev/components/motion/adaptive-stepper",0,"",["adaptive-stepper",0,1,0],42,"misc","stepper|steps,progress,onboarding|icons,monochrome|c"],["Marquee","beui","Infinite horizontal or vertical scroll with pause-on-hover.","npx shadcn@latest add @beui/marquee","https://beui.dev/components/motion/marquee",0,"",["marquee",0,1,10],5,"carousel","marquee|infinite scroll,logos,animation|no icons,animated,monochrome|c"],["Tabs","beui","Pill, segment or underline tabs with a spring layoutId indicator and optional icons.","npx shadcn@latest add @beui/tabs","https://beui.dev/components/motion/tabs",0,"",["tabs",1,6,5],84,"tabs","tabs|tab bar,settings,segmented control,navigation|icons|c"],["Switch","beui","Toggle with a spring-driven thumb and press feedback.","npx shadcn@latest add @beui/switch","https://beui.dev/components/motion/switch",0,"",["switch",1,4,5],68,"switch","switch|toggle,notifications,on off,settings|no icons|c"],["Input","beui","Text input with label, left/right icons, optional stable error row, error shake and success check draw.","npx shadcn@latest add @beui/input","https://beui.dev/components/motion/input",0,"",["input",0,1,9],66,"input","input|text field,search,login,form,form control|icons,monochrome|c"],["Select","beui","Composable select primitives whose panel unfolds out of the trigger on one spring and pulls away into its own pill, plus a Morph variant where the trigger grows into the panel via ","npx shadcn@latest add @beui/select","https://beui.dev/components/motion/select",0,"",["default",0,0,6],37,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select","beui","Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with a short, shared row reveal. Position-aw","npx shadcn@latest add @beui/default","https://beui.dev/components/motion/select",0,"",["default",0,0,6],37,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Morph Select","beui","Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a shared layoutId — one c","npx shadcn@latest add @beui/morph","https://beui.dev/components/motion/select-morph",0,"",["morph",0,4,10],36,"dropdown","select|dropdown,options,form|icons,animated,monochrome,minimal|c"],["Combobox","beui","Searchable combobox with a morphing portal, grouped filtering, keyboard navigation, and controlled or uncontrolled state.","npx shadcn@latest add @beui/combobox","https://beui.dev/components/motion/combobox",0,"",["combobox",0,2,5],43,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Multi Select","beui","Composable multi-select primitives with searchable options, removable animated tokens, and a morphing collision-aware panel.","npx shadcn@latest add @beui/multi-select","https://beui.dev/components/motion/multi-select",0,"",["multi-select",0,2,11],40,"dropdown","multi select|select,combobox,tags|icons,monochrome|c"],["Checkbox","beui","Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support.","npx shadcn@latest add @beui/checkbox","https://beui.dev/components/motion/checkbox",0,"",["checkbox",0,4,4],73,"input","checkbox|form,checklist|icons|c"],["With Description","beui","Optional supporting text under each label, exposed to assistive technology as the description.","npx shadcn@latest add @beui/description","https://beui.dev/components/motion/checkbox-description",0,"",["description",0,1,6],83,"text","checkbox|form,checklist|icons|c"],["Radio Group","beui","Single-select choice control with a gliding layoutId indicator dot and spring press feedback.","npx shadcn@latest add @beui/radio","https://beui.dev/components/motion/radio",0,"",["radio",1,3,1],61,"input","radio group|radio,pricing,options,form|no icons|c"],["Bottom Sheet","beui","Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.","npx shadcn@latest add @beui/bottom-sheet","https://beui.dev/components/motion/bottom-sheet",0,"",["bottom-sheet",0,5,2],11,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Pull to Refresh","beui","Native-feeling pull-to-refresh container with drag resistance, threshold feedback and async refresh handling.","npx shadcn@latest add @beui/pull-to-refresh","https://beui.dev/components/motion/pull-to-refresh",0,"",["pull-to-refresh",1,1,1],64,"misc","timeline|history,steps,activity|icons,monochrome|c"],["Shared Layout Background","beui","A pill that glides between hovered items via motion's shared layout, with blur enter/exit.","npx shadcn@latest add @beui/shared-layout-bg","https://beui.dev/components/motion/shared-layout-bg",0,"",["shared-layout-bg",1,3,3],60,"background","background|animated background,notifications,effect,hero background|icons,monochrome|c"],["Bounce Sidebar","beui","A vertical sidebar whose active dot jumps between destinations on a curved, spring-loaded path.","npx shadcn@latest add @beui/bounce-sidebar","https://beui.dev/components/motion/bounce-sidebar",0,"",["bounce-sidebar",0,6,2],73,"section|b","sidebar|navigation,menu,layout|no icons|b"],["File Tree","beui","Composable file and folder primitives with springing branches, a gliding selection, and complete keyboard navigation.","npx shadcn@latest add @beui/file-tree","https://beui.dev/components/motion/file-tree",0,"",["file-tree",0,6,7],61,"upload","tree view|file tree,nested list|icons,monochrome|c"],["Preview Rail","beui","Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.","npx shadcn@latest add @beui/preview-rail","https://beui.dev/components/motion/preview-rail",0,"",["preview-rail",1,6,0],66,"navbar|b","code block|code,syntax highlight|no icons,monochrome,minimal|c"],["Dock","beui","macOS-style dock with grouped actions and a gliding active pill.","npx shadcn@latest add @beui/dock","https://beui.dev/components/motion/dock",0,"",["dock",0,3,6],62,"misc","dock|navigation,icons,magnify|icons,monochrome|c"],["Tooltip","beui","Composable hover, focus and tap tooltip with a subtle scale and fade, collision-aware side and alignment, an optional arrow, a pointer corridor onto hoverable content, one label at","npx shadcn@latest add @beui/tooltip","https://beui.dev/components/motion/tooltip",0,"",["tooltip",1,2,7],62,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Toolbar","beui","Composable parts under a shared provider. Icon-only buttons take their accessible name from the tooltip, later labels skip the delay, and a disabled control shows none.","npx shadcn@latest add @beui/toolbar","https://beui.dev/components/motion/tooltip-toolbar",0,"",["toolbar",1,1,7],53,"button","menubar|toolbar,menu|icons,monochrome|c"],["Animated Context Menu","beui","Composable context-menu primitives with a pointer-origin clip morph, a gliding active row, checkbox and radio choices, keyboard navigation, typeahead, and long-press support.","npx shadcn@latest add @beui/context-menu","https://beui.dev/components/motion/context-menu",0,"",["context-menu",0,5,5],84,"dropdown","context menu|dropdown menu,right click menu,menu|icons,animated|c"],["Popover","beui","Gooey popover whose panel oozes out of the trigger through an SVG goo filter with a liquid neck that stretches and pinches, then crisp content fades in on top. The Morph variant re","npx shadcn@latest add @beui/popover","https://beui.dev/components/motion/popover",0,"",["popover",1,4,0],12,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Gooey Popover","beui","Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on top. Click or hover,","npx shadcn@latest add @beui/gooey","https://beui.dev/components/motion/popover",0,"",["gooey",0,3,8],12,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Morphing Modal","beui","Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.","npx shadcn@latest add @beui/morphing-modal","https://beui.dev/components/motion/morphing-modal",0,"",["morphing-modal",0,6,10],53,"dialog","dialog|modal,overlay,popup|no icons,animated,monochrome,minimal|c"],["Center Morph Modal","beui","A composable modal whose full-size surface unfolds from its exact center toward every edge, then folds back the same way with an inset close control.","npx shadcn@latest add @beui/center-morph-modal","https://beui.dev/components/motion/center-morph-modal",0,"",["center-morph-modal",0,1,4],17,"dialog","dialog|modal,overlay,popup|no icons,animated,monochrome,minimal|c"],["Text Animation","beui","Animated text primitives for spring reveals, chromatic sweeps, shimmer loading states, letter-cascade swaps and character scrambles.","npx shadcn@latest add @beui/text-animation","https://beui.dev/components/motion/text-scramble",0,"",["text-animation",1,1,6],54,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text Scramble","beui","A controlled character scramble that resolves changed text while keeping its final value accessible.","npx shadcn@latest add @beui/text-scramble","https://beui.dev/components/motion/text-scramble",0,"",["text-scramble",1,2,6],54,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Dia Text Animation","beui","A Dia-inspired text effect with a fixed sentence prefix and a cycling final word revealed by a colorful sweep.","npx shadcn@latest add @beui/chromatic-reveal","https://beui.dev/components/motion/chromatic-text-reveal",0,"",["chromatic-reveal",0,6,4],53,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text Reveal","beui","Word or character reveal with spring slide-up and blur.","npx shadcn@latest add @beui/reveal","https://beui.dev/components/motion/text-reveal",0,"",["reveal",1,1,2],76,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text Shimmer","beui","Gradient sweep across text for loading or emphasis.","npx shadcn@latest add @beui/shimmer","https://beui.dev/components/motion/text-shimmer",0,"",["shimmer",1,4,3],0,"text","skeleton|text effect,loading,placeholder|no icons,animated,monochrome,minimal|c"],["Text Cascade","beui","Letter-by-letter slot roll for standalone text — old letters drop away as new ones land, left to right.","npx shadcn@latest add @beui/cascade","https://beui.dev/components/motion/text-cascade",0,"",["cascade",0,0,4],10,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Number Animation","beui","Animated number primitives for count-up values, rolling tickers, and fixed-slot digit swaps.","npx shadcn@latest add @beui/number","https://beui.dev/components/motion/digit-swap",0,"",["number",0,5,11],48,"text","number ticker|counter,text effect,animated number|no icons,animated,monochrome,minimal|c"],["Digit Swap","beui","Fixed-slot digits and mask glyphs that roll on change with controllable direction, stagger, replay, and suffix emphasis.","npx shadcn@latest add @beui/digit-swap","https://beui.dev/components/motion/digit-swap",0,"",["digit-swap",0,2,6],48,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Number Ticker","beui","Slot-machine rolling digits with staggered entry.","npx shadcn@latest add @beui/ticker","https://beui.dev/components/motion/number-ticker",0,"",["ticker",1,5,6],11,"text","number ticker|marquee,counter,text effect,animated number|no icons,animated,monochrome|c"],["Animated Number","beui","Spring-driven count-up triggered when in view.","npx shadcn@latest add @beui/animated","https://beui.dev/components/motion/animated-number",0,"",["animated",0,6,0],63,"text","number ticker|counter,pricing,text effect,animated number|no icons,animated,monochrome,minimal|c"],["Animated Badge","beui","Status badge with animated state icons, pulse feedback and compact size variants.","npx shadcn@latest add @beui/animated-badge","https://beui.dev/components/motion/animated-badge",0,"",["animated-badge",0,7,0],81,"misc","badge|label,status,pill|icons,animated|c"],["Action Swap","beui","CTA button and slot primitives for swapping text and icons with blur motion.","npx shadcn@latest add @beui/action-swap","https://beui.dev/components/motion/action-swap-cascade",0,"",["action-swap",0,0,0],26,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Blur","beui","Copy-button style swap with blur, opacity and scale.","npx shadcn@latest add @beui/blur","https://beui.dev/components/motion/action-swap-blur",0,"",["blur",0,4,2],63,"button","copy button|button,clipboard|icons|c"],["Roll","beui","The next text or icon rolls in from below with blur.","npx shadcn@latest add @beui/roll","https://beui.dev/components/motion/action-swap-roll",0,"",["roll",1,3,2],64,"text","text effect|text animation,typography,animated text|icons|c"],["Animated Toast Stack","beui","Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.","npx shadcn@latest add @beui/animated-toast-stack","https://beui.dev/components/motion/animated-toast-stack",0,"",["animated-toast-stack",0,0,1],68,"toast","toast|notification,alert,message|icons,animated,monochrome|c"],["Theme Toggle","beui","Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen like a shutter.","npx shadcn@latest add @beui/theme-toggle","https://beui.dev/components/motion/theme-toggle",0,"",["theme-toggle",1,3,6],46,"switch","theme switcher|switch,dark mode,light mode|icons,monochrome|c"],["Bouncy Accordion","beui","Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.","npx shadcn@latest add @beui/bouncy-accordion","https://beui.dev/components/motion/bouncy-accordion",0,"",["bouncy-accordion",0,7,2],62,"accordion","accordion|collapsible,media,tasks,expand,faq|icons,monochrome|c"],["Drawer","beui","Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.","npx shadcn@latest add @beui/drawer","https://beui.dev/components/motion/drawer",0,"",["drawer",0,5,6],31,"misc","drawer|sheet,overlay,panel|no icons|c"],["Scroll Animation","beui","Scroll-driven motion: a Lenis smooth-scroll provider and a reading-progress indicator that reads from it.","npx shadcn@latest add @beui/scroll-animation","https://beui.dev/components/motion/smooth-scroll",0,"",["scroll-animation",1,6,2],53,"loader","scroll effect|scroll,animation|icons,animated,monochrome|c"],["Smooth Scroll","beui","Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, progress and velocity. Reduced-motion safe.","npx shadcn@latest add @beui/smooth-scroll","https://beui.dev/components/motion/smooth-scroll",0,"",["smooth-scroll",1,0,4],53,"loader","progress bar|progress,meter,loading|icons,monochrome|c"],["Scroll Progress","beui","Reading-progress indicator — fixed bar or circular ring — driven by scroll position via useSmoothScroll, with spring smoothing.","npx shadcn@latest add @beui/scroll-progress","https://beui.dev/components/motion/scroll-progress",0,"",["scroll-progress",1,7,2],53,"loader","progress bar|scroll effect,progress,meter,loading|no icons,monochrome|c"],["Parallax","beui","Wrapper that drifts its children at a speed factor as they cross the viewport, on either axis. Reduced-motion safe.","npx shadcn@latest add @beui/parallax","https://beui.dev/components/motion/parallax",0,"",["parallax",1,3,0],87,"misc","scroll effect|scroll,animation|no icons,avatar,images,monochrome,minimal|c"],["Scroll To","beui","Button that smooth-scrolls to a target (offset, selector or element) via the active SmoothScroll provider; reduced-motion jumps instantly.","npx shadcn@latest add @beui/scroll-to","https://beui.dev/components/motion/scroll-to",0,"",["scroll-to",1,1,3],51,"button","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Scroll Reveal","beui","Reveals its children with a spring slide and blur as they enter the viewport, once or every time. Reduced-motion keeps a fade.","npx shadcn@latest add @beui/scroll-reveal","https://beui.dev/components/motion/scroll-reveal",0,"",["scroll-reveal",1,0,3],54,"misc","scroll effect|scroll,animation|no icons,monochrome,minimal|c"],["Range Slider","beui","Slider with tick dots and a vertical-bar thumb that bounces as it lands on each step. Drag or keyboard, reduced-motion safe.","npx shadcn@latest add @beui/range-slider","https://beui.dev/components/motion/range-slider",0,"",["stepped",1,7,4],57,"input","slider|range,input|no icons,monochrome,minimal|c"],["Inline Slider","beui","An inset fill and inline label and value. Ten evenly spaced stops span the track; markers under text stay hidden but remain interactive, and the thumb parts around either label as ","npx shadcn@latest add @beui/inline","https://beui.dev/components/motion/range-slider-inline",0,"",["inline",0,0,9],51,"input","slider|range,input|no icons,monochrome,minimal|c"],["Range Slider","beui","Tick dots, and a vertical-bar thumb that bounces as it lands on each step.","npx shadcn@latest add @beui/stepped","https://beui.dev/components/motion/range-slider",0,"",["stepped",1,7,4],57,"input","slider|range,input|no icons,monochrome,minimal|c"],["Fluid Slider","beui","No thumb. The fill slides behind a rounded liquid cap, and the label flips color wherever the fill covers it.","npx shadcn@latest add @beui/fluid","https://beui.dev/components/motion/range-slider-fluid",0,"",["fluid",0,0,8],58,"input","slider|background,range,input|no icons,monochrome,minimal|c"],["Wave Slider","beui","Equalizer bars peak around the handle and drop back once it passes, so the value moves down the track as a wave.","npx shadcn@latest add @beui/wave","https://beui.dev/components/motion/range-slider-wave",0,"",["wave",1,1,8],63,"input","slider|background,range,input|no icons,monochrome,minimal|c"],["Bubble Slider","beui","Grab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how fast you drag, then settles upright.","npx shadcn@latest add @beui/bubble","https://beui.dev/components/motion/range-slider-bubble",0,"",["bubble",0,1,3],50,"input","slider|range,input|no icons,monochrome,minimal|c"],["Ruler Slider","beui","The needle stays put and the scale scrolls under it. A flick keeps going and settles on the nearest tick. Fractional steps read at the step's own precision.","npx shadcn@latest add @beui/ruler","https://beui.dev/components/motion/range-slider-ruler",0,"",["ruler",1,4,2],56,"input","slider|divider,range,input|no icons,monochrome,minimal|c"],["Wheel Picker","beui","iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers,","npx shadcn@latest add @beui/wheel-picker","https://beui.dev/components/motion/wheel-picker",0,"",["wheel-picker",1,3,8],60,"datepicker","select|dropdown,calendar,options,form|no icons,monochrome|c"],["Table","beui","Virtualized data table that stays smooth at 10k+ rows, with sortable headers, row selection, column resize and reorder, and a sticky header. Minimal, reduced-motion-safe motion.","npx shadcn@latest add @beui/table","https://beui.dev/components/motion/table",0,"",["table",1,5,5],74,"table","data table|table,pricing,account,rows,spreadsheet|icons,monochrome|c"],["Data Table","beui","10k virtualized rows with sortable headers, row selection, column resize and reorder.","npx shadcn@latest add @beui/data","https://beui.dev/components/motion/table",0,"",["data",0,6,5],74,"table","data table|table,pricing,account,rows,spreadsheet|icons,monochrome|c"],["Editable Table","beui","Edit cells inline and insert or delete rows and columns via border handles; the table re-renders from the updated data and column defs.","npx shadcn@latest add @beui/editable","https://beui.dev/components/motion/table-editable",0,"",["editable",0,7,6],74,"table","data table|table,rows,spreadsheet|no icons|c"],["Async Table","beui","Loads pages on demand — skeleton rows on first load, then infinite scroll via onEndReached as the virtualized list nears the bottom.","npx shadcn@latest add @beui/async","https://beui.dev/components/motion/table-async",0,"",["async",0,3,1],72,"table","data table|table,pricing,account,rows,spreadsheet|no icons,monochrome|c"],["Shader Background","beui","Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated variants.","npx shadcn@latest add @beui/shader-background","",0,"",0,0],["Cylinder Carousel","beui","A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a springy glide and snap. Re","npx shadcn@latest add @beui/cylinder-carousel","",0,"",0,0],["Loader","beui","Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinner","npx shadcn@latest add @beui/loader","https://beui.dev/components/motion/loader",0,"",["loader",0,6,9],69,"loader","loader|spinner,loading,progress|no icons,animated,monochrome|c"],["Charts","beui","Animated React charts for activity, returns, price targets, and order books, built with Motion and Tailwind CSS as customizable copy-paste source.","npx shadcn@latest add @beui/charts","https://beui.dev/components/charts/line-chart",0,"",["charts",0,2,4],88,"chart","chart|graph,timeline data,pricing,data,dashboard|no icons|c"],["Line Chart","beui","Line and area charts that morph with your data, with a snapping crosshair and value tooltips.","npx shadcn@latest add @beui/line-chart","https://beui.dev/components/charts/line-chart",0,"",["line-chart",0,4,9],88,"chart","line chart|chart,timeline data,pricing,graph,dashboard|no icons|c"],["Bar Chart","beui","Grouped, stacked and horizontal bars that grow in, rescale and reorder with springs.","npx shadcn@latest add @beui/bar-chart","https://beui.dev/components/charts/bar-chart",0,"",["bar-chart",0,0,2],100,"chart","bar chart|chart,pricing,graph,dashboard|no icons|c"],["Sparkline","beui","A compact inline trend for stat cards and tables, with a change badge and optional readout.","npx shadcn@latest add @beui/sparkline","https://beui.dev/components/charts/sparkline",0,"",["sparkline",1,2,4],77,"table","sparkline|chart,pricing,dashboard|no icons,colorful|c"],["Sankey Chart","beui","Weighted flows between stages that draw in and morph with your data.","npx shadcn@latest add @beui/sankey-chart","https://beui.dev/components/charts/sankey-chart",0,"",["sankey-chart",1,5,2],98,"chart","sankey chart|chart,analytics,pricing,dashboard|no icons,animated|c"],["Treemap","beui","Proportional tiles that morph with your data, with value and share tooltips.","npx shadcn@latest add @beui/treemap","https://beui.dev/components/charts/treemap",0,"",["treemap",1,4,7],96,"misc","sankey chart|tree view,pricing,chart,dashboard|no icons,colorful|c"],["Candlestick Chart","beui","Live OHLC candles with volume, a last-price line, and a crosshair readout.","npx shadcn@latest add @beui/candlestick-chart","https://beui.dev/components/charts/candlestick-chart",0,"",["candlestick-chart",0,4,3],99,"chart","sankey chart|chart,media,dashboard|no icons,animated|c"],["Donut Chart","beui","Rounded share segments with a linked center readout and legend.","npx shadcn@latest add @beui/donut-chart","https://beui.dev/components/charts/donut-chart",0,"",["donut-chart",0,4,6],97,"chart","pie chart|chart,pricing,donut,dashboard|no icons,animated,colorful|c"],["Volume Profile","beui","Animated volume by price, with point of control and value area highlights.","npx shadcn@latest add @beui/volume-profile","https://beui.dev/components/charts/volume-profile",0,"",["volume-profile",1,7,7],98,"pricing|b","tabs|tab bar,pricing,segmented control,navigation|no icons|c"],["Status Bar","beui","Animated status history with rounded bars and period tooltips.","npx shadcn@latest add @beui/status-bar","https://beui.dev/components/charts/status-bar",0,"",["status-bar",1,6,4],98,"misc","data table|table,calendar,rows,spreadsheet|no icons,colorful|c"],["Composition Chart","beui","Stacked bar and area shares with period tooltips and a compact interactive legend.","npx shadcn@latest add @beui/composition-chart","https://beui.dev/components/charts/composition-chart",0,"",["composition-chart",0,4,5],93,"chart","chart|graph,search,timeline data,data,dashboard|no icons,colorful|c"],["Funnel Chart","beui","Vertical and horizontal funnels with curved stages and animated number tooltips.","npx shadcn@latest add @beui/funnel-chart","https://beui.dev/components/charts/funnel-chart",0,"",["funnel-chart",0,1,8],99,"chart","sankey chart|chart,analytics,dashboard|icons|c"],["Liquidity Heatmap","beui","Animated liquidity bands across price and time, with a price trace and depth tooltips.","npx shadcn@latest add @beui/liquidity-heatmap","https://beui.dev/components/charts/liquidity-heatmap",0,"",["liquidity-heatmap",0,5,9],96,"pricing|b","heatmap|background,pricing,chart,calendar,dashboard|icons,colorful|c"],["Bump Chart","beui","Animated rankings with curved paths, interactive rank dots, and tooltips.","npx shadcn@latest add @beui/bump-chart","https://beui.dev/components/charts/bump-chart",0,"",["bump-chart",0,2,3],85,"chart","chart|graph,timeline data,data,dashboard|icons,colorful|c"],["Order Book","beui","Animated order book with bid and ask depth, spread, and volume balance.","npx shadcn@latest add @beui/order-book","https://beui.dev/components/charts/order-book",0,"",["order-book",0,6,11],89,"misc","data table|ecommerce,media,table,rows,spreadsheet|no icons,animated,monochrome|c"],["Heat Calendar","beui","Composable activity calendar with Grid, Legend, and Tooltip parts, controlled range selection, and UTC calendar dates. Supply weekly intensities to visualize activity and total a s","npx shadcn@latest add @beui/heat-calendar","https://beui.dev/components/charts/heat-calendar",0,"",["heat-calendar",0,4,8],100,"datepicker","calendar|date,date picker,schedule|no icons,monochrome,minimal|c"],["Returns Calendar","beui","Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly percentages.","npx shadcn@latest add @beui/returns-calendar","https://beui.dev/components/charts/returns-calendar",0,"",["returns-calendar",1,0,2],97,"datepicker","calendar|date,date picker,schedule|no icons,animated,monochrome|c"],["Price Target Fan","beui","Composable price target chart with Header, Plot, SVG, Axes, History, Targets, Now, Cursor, and Tooltip parts. Supply dated price history and targets; scrub with a pointer or keyboa","npx shadcn@latest add @beui/price-target-fan","https://beui.dev/components/charts/price-target-fan",0,"",["price-target-fan",1,7,0],73,"pricing","slider|pricing section,calendar,pricing,range,input|no icons|c"],["AI Agents","beui","Animated React components for agent reasoning, progress, tool activity, and conversational AI interfaces.","npx shadcn@latest add @beui/agents","https://beui.dev/components/agents/chat-app",0,"",["agents",0,4,0],67,"thinking","ai prompt|ai,tasks,e-commerce,chat,input|icons|c"],["Voice Orb","beui","Breathing liquid voice visualization with flowing highlights, custom pigments and a soft, voice-reactive silhouette. Accepts a normalized level, MotionValue or caller-owned audio a","npx shadcn@latest add @beui/voice-orb","https://beui.dev/components/agents/voice-orb",0,"",["voice-orb",1,6,7],100,"background","background|voice,animated background,effect,hero background|no icons|c"],["Animated Surfaces","beui","An interactive conversation where each newly sent user row pops up once while the assistant streams into a stable row.","npx shadcn@latest add @beui/surfaces","https://beui.dev/components/agents/message-bubble",0,"",["surfaces",1,1,5],80,"thinking","textarea|input,form,text field|icons,animated|c"],["With Avatars","beui","Progressively arriving messages with sender avatars, metadata, delivery state, and grouped follow-up alignment.","npx shadcn@latest add @beui/avatars","https://beui.dev/components/agents/message-bubble-avatars",0,"",["avatars",0,7,1],77,"media","avatar group|avatar,team,users|icons,monochrome|c"],["Show More","beui","A long assistant message with a compact line-clamped preview and animated disclosure control.","npx shadcn@latest add @beui/show-more","https://beui.dev/components/agents/message-bubble-collapsible",0,"",["show-more",1,5,3],63,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["Questions","beui","Guides the user through single-choice, multiple-choice, and freeform questions before returning the completed response to the agent.","npx shadcn@latest add @beui/questions","https://beui.dev/components/agents/approval-card-question",0,"",["questions",1,2,1],71,"accordion","radio group|faq section,radio,options,form|icons|c"],["Review and Approve","beui","Pauses an agent workflow for approval, revision, or rejection and collapses into the recorded decision.","npx shadcn@latest add @beui/review","https://beui.dev/components/agents/approval-card-review",0,"",["review",1,2,2],84,"accordion","card|testimonials,container,surface|icons|c"],["Terminal Output","beui","Streams command output into a bounded viewport, follows new lines, then collapses into the completed run summary.","npx shadcn@latest add @beui/terminal-output","https://beui.dev/components/agents/tool-result-terminal",0,"",["terminal-output",1,0,6],63,"accordion","terminal|code,command line|icons|c"],["Request Result","beui","Presents an in-flight request and its highlighted response payload with retry and copy actions.","npx shadcn@latest add @beui/request-result","https://beui.dev/components/agents/tool-result-request",0,"",["request-result",1,7,1],68,"misc","card|container,surface|icons|c"],["Streaming Text","beui","Streams freeform reasoning text into the capped viewport and keeps the completed log available behind a timed disclosure.","npx shadcn@latest add @beui/streaming-text","https://beui.dev/components/agents/agent-activity-text",0,"",["streaming-text",1,0,5],57,"thinking","text effect|text animation,typography,animated text|icons,monochrome|c"],["Reasoning Steps","beui","Shows completed, active, and pending reasoning steps with optional trailing metadata.","npx shadcn@latest add @beui/reasoning-steps","https://beui.dev/components/agents/agent-activity-steps",0,"",["reasoning-steps",1,5,1],60,"thinking","stepper|ai prompt,steps,progress,onboarding|icons,animated,monochrome|c"],["Web Search","beui","Presents a search query, progressively rendered result rows, and an overflow count.","npx shadcn@latest add @beui/web-search","https://beui.dev/components/agents/agent-activity-search",0,"",["web-search",1,2,8],62,"table","progress bar|progress,search,meter,loading|icons,animated,monochrome|c"],["Tool Calls","beui","Summarizes read, edit, and run events with monospace targets and optional line-change counts.","npx shadcn@latest add @beui/tool-calls","https://beui.dev/components/agents/agent-activity-tools",0,"",["tool-calls",1,0,7],62,"misc","calendar|date,date picker,schedule|icons,monochrome|c"],["Mixed Activity","beui","Streams reasoning, search, and tool events in one chronological run while the viewport smoothly follows new work.","npx shadcn@latest add @beui/mixed-activity","https://beui.dev/components/agents/agent-activity",0,"",["mixed-activity",0,3,10],61,"thinking","ai prompt|ai,chat,input|icons,animated,monochrome|c"],["Agent Trace","beui","Streams messages and structured actions into a compact execution ledger, then summarizes the completed run by tool-call and message counts.","npx shadcn@latest add @beui/agent-trace","https://beui.dev/components/agents/agent-trace",0,"",["agent-trace",0,3,0],60,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["Reasoning Text","beui","Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions.","npx shadcn@latest add @beui/reasoning-text","https://beui.dev/components/agents/reasoning-text",0,"",["reasoning-text",1,6,1],38,"thinking","text effect|ai prompt,text animation,typography,animated text|no icons,animated,monochrome|c"],["Thinking Shimmer","beui","A quiet shimmer that keeps the agent's current status readable while work continues.","npx shadcn@latest add @beui/thinking-shimmer","https://beui.dev/components/agents/thinking-shimmer",0,"",["thinking-shimmer",1,4,6],0,"thinking","skeleton|ai prompt,loading,placeholder|no icons,monochrome,minimal|c"],["Agent Progress","beui","A compact activity glyph, action verb, and live tabular timer for longer-running agent work.","npx shadcn@latest add @beui/agent-progress","https://beui.dev/components/agents/agent-progress",0,"",["agent-progress",0,2,0],5,"loader","progress bar|ai prompt,progress,meter,loading|no icons,animated,monochrome,minimal|c"],["Chat App","beui","A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and prompt input.","npx shadcn@latest add @beui/chat-app","https://beui.dev/components/agents/chat-app",0,"",["chat-app",0,3,4],67,"thinking","chat|messages,tasks,e-commerce,ai,input|icons|c"],["Blocks","beui","Product-ready animated React UI blocks built with Motion and Tailwind CSS, available as customizable copy-paste source.","npx shadcn@latest add @beui/blocks","https://beui.dev/components/blocks/infinite-masonry",0,"",["blocks",0,2,2],90,"misc","card|content section,container,surface|no icons,images,monochrome|c"],["Infinite Masonry","beui","Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.","npx shadcn@latest add @beui/infinite-masonry","https://beui.dev/components/blocks/infinite-masonry",0,"",["infinite-masonry",0,7,8],90,"card","gallery|images,grid,photos|no icons,images,monochrome|c"],["Notification Stack","beui","Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.","npx shadcn@latest add @beui/notification-stack","https://beui.dev/components/blocks/notification-stack",0,"",["notification-stack",0,4,11],74,"toast","toast|notification,notifications,alert,message|icons,monochrome,minimal|c"],["Project Folder","beui","An interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed.","npx shadcn@latest add @beui/project-folder","https://beui.dev/components/blocks/project-folder",0,"",["project-folder",1,0,1],100,"dialog","tree view|file tree,nested list|no icons,monochrome,minimal|c"],["Card Folder","beui","A landscape card tucked into a stitched purse pocket that lifts forward as the purse compresses into its bottom seam, with controlled open and card-detail visibility plus a separat","npx shadcn@latest add @beui/card-folder","https://beui.dev/components/blocks/card-folder",0,"",["card-folder",0,7,3],81,"card","tree view|card,file tree,nested list|icons|c"],["Fixtures","beui","Animated tournament fixtures in two styles: a knockout bracket that pages through rounds, and a wheel that wraps the same tree around the champion. Both read the same array of roun","npx shadcn@latest add @beui/knockout-bracket","https://beui.dev/components/blocks/knockout-wheel",0,"",["knockout-bracket",0,2,9],66,"misc","tree view|file tree,nested list|no icons|c"],["Knockout Wheel","beui","The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by ring, and hovering one i","npx shadcn@latest add @beui/knockout-wheel","https://beui.dev/components/blocks/knockout-wheel",0,"",["knockout-wheel",0,3,9],66,"input","form|inputs,fields|no icons|c"],["Availability Scheduler","beui","Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a","npx shadcn@latest add @beui/availability-scheduler","https://beui.dev/components/blocks/availability-scheduler",0,"",["availability-scheduler",0,5,1],82,"dropdown","calendar|date,date picker,schedule|icons|c"],["Multi-chain Swap","beui","Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.","npx shadcn@latest add @beui/swap","https://beui.dev/components/blocks/swap",0,"",["swap",1,2,5],82,"misc","input|text field,pricing,form,form control|icons|c"],["Dynamic Island","beui","iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.","npx shadcn@latest add @beui/dynamic-island","https://beui.dev/components/blocks/dynamic-island",0,"",["dynamic-island",0,6,6],73,"misc","terminal|code,command line|no icons,monochrome,minimal|c"],["Command Palette","beui","⌘K palette with fuzzy filter, spring-animated active row and glass surface.","npx shadcn@latest add @beui/command-palette","https://beui.dev/components/blocks/command-palette",0,"",["command-palette",0,3,5],50,"command","command menu|command palette,search,cmdk|no icons,monochrome,minimal|c"],["Morphing Search","beui","Search field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut.","npx shadcn@latest add @beui/morphing-search","https://beui.dev/components/blocks/morphing-search",0,"",["overlay",1,1,0],35,"input","select|dropdown,search,options,form|icons,animated,monochrome|c"],["Chip Search","beui","Docked search bar that springs wider on focus and unfolds a recent-searches panel out of its own edge. Terms become removable chips, the bar grows with them, and suggestions filter","npx shadcn@latest add @beui/chips","https://beui.dev/components/blocks/morphing-search-chips",0,"",["chips",0,5,4],95,"command","tag|label,search,chip,pill|icons,monochrome|c"],["Morphing Search","beui","Search field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut.","npx shadcn@latest add @beui/overlay","https://beui.dev/components/blocks/morphing-search",0,"",["overlay",1,1,0],35,"input","select|dropdown,search,options,form|icons,animated,monochrome|c"],["Expandable Action Bar","beui","Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.","npx shadcn@latest add @beui/expandable-action-bar","https://beui.dev/components/blocks/expandable-action-bar",0,"",["expandable-action-bar",0,0,7],68,"accordion","menubar|accordion,settings,toolbar,menu|icons,monochrome|c"],["Overflow Actions","beui","Connected pill rail for primary actions that springs open to reveal extra controls.","npx shadcn@latest add @beui/overflow-actions","https://beui.dev/components/blocks/overflow-actions",0,"",["overflow-actions",1,0,0],60,"misc","tag|label,chip,pill|icons|c"],["Expandable Tabs","beui","Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.","npx shadcn@latest add @beui/expandable-tabs","https://beui.dev/components/blocks/expandable-tabs",0,"",["expandable-tabs",0,2,7],6,"tabs","tabs|accordion,notifications,tab bar,segmented control,navigation|icons,monochrome|c"],["Morphing Tabs","beui","Reorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms.","npx shadcn@latest add @beui/morphing-tabs","https://beui.dev/components/blocks/morphing-tabs",0,"",["morphing-tabs",0,0,11],85,"tabs","tabs|tab bar,segmented control,navigation|icons,animated|c"],["Swipeable List","beui","Mobile-style list rows that swipe left or right to reveal contextual action buttons.","npx shadcn@latest add @beui/swipeable-list","https://beui.dev/components/blocks/swipeable-list",0,"",["swipeable-list",1,3,5],69,"button","list|items,rows|icons,monochrome|c"],["File Upload","beui","Two file upload patterns: an attachment workspace for mixed files, links, audio and media, plus a progress queue with retry and removal.","npx shadcn@latest add @beui/file-upload","https://beui.dev/components/blocks/attachment-upload",0,"",["file-upload",0,7,7],82,"upload","file upload|dropzone,upload,drag and drop|icons,avatar,monochrome|c"],["Attachment Upload","beui","A mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry and removal feedback, shared-layout image previews, and an aud","npx shadcn@latest add @beui/attachment-upload","https://beui.dev/components/blocks/attachment-upload",0,"",["attachment-upload",0,4,1],82,"upload","file upload|dropzone,upload,drag and drop|icons,avatar,monochrome|c"],["Upload Queue","beui","A drag-and-drop upload queue with progress rows, upload states, retry, and removal.","npx shadcn@latest add @beui/upload-queue","https://beui.dev/components/blocks/file-upload",0,"",["upload-queue",1,5,7],82,"upload","file upload|dropzone,upload,drag and drop|icons,animated,monochrome|c"],["Prediction Market","beui","Animated market listing cards with outcome CTAs, probabilities and bookmarks, plus a trade ticket with buy/sell modes and rolling amount entry.","npx shadcn@latest add @beui/prediction-market","https://beui.dev/components/blocks/prediction-market-card",0,"",["prediction-market",1,5,0],88,"card","list|items,pricing,rows|icons,avatar,images,monochrome|c"],["Market Cards","beui","Compact market listings with consistent outcome rows, animated odds CTAs, payout multipliers and bookmarks. Odds CTAs use green/red backgrounds and roll into Yes/No labels on hover","npx shadcn@latest add @beui/market-cards","https://beui.dev/components/blocks/prediction-market-card",0,"",["market-cards",0,0,10],88,"card","card|container,pricing,surface|icons,avatar,images|c"],["Trade Ticket","beui","Buy and sell outcomes with rolling amount entry, quick add chips and trade states.","npx shadcn@latest add @beui/trade-ticket","https://beui.dev/components/blocks/prediction-market",0,"",["trade-ticket",1,3,7],100,"misc","tabs|tab bar,pricing,segmented control,navigation|icons|c"],["Wallet Card","beui","Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send","npx shadcn@latest add @beui/wallet-card","https://beui.dev/components/blocks/wallet-card",0,"",["wallet-card",1,0,8],74,"card","card|container,pricing,surface|icons,avatar,images|c"],["OTP Input","beui","One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.","npx shadcn@latest add @beui/otp-input","https://beui.dev/components/blocks/otp-input",0,"",["otp-input",0,7,11],47,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Sign Up Form","beui","Composed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and an animated submit lif","npx shadcn@latest add @beui/signup-form","https://beui.dev/components/blocks/signup-form",0,"",["signup-form",1,6,3],93,"input|b","login|form,account,sign in,sign up,auth form|icons|b"],["Card Dealer","beui","A card table with a face-down deck, a fanned hand and a discard pile. Cards arc across the table between them and flip in flight, hop over each other when the hand is sorted, and l","npx shadcn@latest add @beui/card-dealer","https://beui.dev/components/blocks/card-dealer",0,"",["card-dealer",0,6,3],99,"card","card|container,surface|no icons,animated|c"],["Bloom Menu","beui","A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.","npx shadcn@latest add @beui/bloom-menu","https://beui.dev/components/blocks/bloom-menu",0,"",["bloom-menu",0,3,2],9,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Feedback Widget","beui","Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.","npx shadcn@latest add @beui/feedback-widget","https://beui.dev/components/blocks/feedback-widget",0,"",["feedback-widget",0,5,7],59,"dialog","card|timeline,container,surface|icons,monochrome,minimal|c"],["404 / Not Found","beui","Animated 404 pages in five styles: glitch scramble, magnetic digits, cursor spotlight, a fanning card stack and a typed terminal.","npx shadcn@latest add @beui/not-found","https://beui.dev/components/blocks/not-found-glitch",0,"",["not-found",0,3,11],100,"command|b","404 page|error page,not found|no icons|b"],["Glitch","beui","Digits scramble through random glyphs before resolving, with a chromatic split on hover.","npx shadcn@latest add @beui/glitch","https://beui.dev/components/blocks/not-found-glitch",0,"",["glitch",0,2,8],100,"text","text effect|text animation,typography,animated text|no icons|c"],["Spotlight","beui","A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.","npx shadcn@latest add @beui/spotlight","https://beui.dev/components/blocks/not-found-spotlight",0,"",["spotlight",1,3,4],97,"command","background|animated background,effect,hero background|no icons|c"],["Stacked","beui","A code card over a hidden stack that fans out with a spring on hover.","npx shadcn@latest add @beui/stacked","https://beui.dev/components/blocks/not-found-stacked",0,"",["stacked",1,4,4],91,"carousel","code block|code,syntax highlight|no icons|c"],["Terminal","beui","A terminal window that types a failed cd command and a 404 status, with a blinking caret.","npx shadcn@latest add @beui/terminal","https://beui.dev/components/blocks/not-found-terminal",0,"",["terminal",1,7,5],93,"command","terminal|code,command line|no icons,animated,colorful|c"],["Inline Disclosure Menu","watermelon",">-","npx shadcn@latest add @watermelon/inline-disclosure-menu","https://ui.watermelon.sh/animated-components/inline-disclosure-menu",0,"",["inline-disclosure-menu",0,4,8],4,"dropdown","accordion|dropdown menu,collapsible,expand,faq|icons,monochrome,minimal|c"],["Aave Swap Component","watermelon",">-","npx shadcn@latest add @watermelon/aave-swap-component","https://ui.watermelon.sh/animated-components/aave-swap-component",0,"",["aave-swap-component",0,0,0],84,"misc","input|text field,form,form control|icons,avatar,images,animated|c"],["Activities Card","watermelon",">-","npx shadcn@latest add @watermelon/activities-card","https://ui.watermelon.sh/animated-components/activities-card",0,"",["activities-card",0,2,0],75,"card","card|container,surface|icons,avatar,monochrome,minimal|c"],["Adaptive Slider","watermelon","A smooth, color-shifting slider with caloric value tracking.","npx shadcn@latest add @watermelon/adaptive-slider","https://ui.watermelon.sh/animated-components/adaptive-slider",0,"",["adaptive-slider",0,3,0],84,"input","slider|range,input|no icons,monochrome,minimal|c"],["Add Cash Disclosure","watermelon","Disclosure panel explaining add-cash details, limits, fees, and confirmation.","npx shadcn@latest add @watermelon/add-cash-disclosure","https://ui.watermelon.sh/animated-components/add-cash-disclosure",0,"",["add-cash-disclosure",0,4,0],73,"misc","accordion|collapsible,pricing,expand,faq|icons,monochrome,minimal|c"],["Budget Card","watermelon","Budget overview card tracking spending, limits, and remaining balance.","npx shadcn@latest add @watermelon/budget-card","https://ui.watermelon.sh/animated-components/budget-card",0,"",["budget-card",0,1,1],89,"card","card|container,pricing,surface|icons,animated,monochrome|c"],["Calendar Widget","watermelon",">-","npx shadcn@latest add @watermelon/calendar-widget","https://ui.watermelon.sh/animated-components/calendar-widget",0,"",["calendar-widget",0,5,1],77,"datepicker","card|calendar,container,surface|no icons,monochrome|c"],["Card Cue","watermelon",">-","npx shadcn@latest add @watermelon/card-cue","https://ui.watermelon.sh/animated-components/card-cue",0,"",["card-cue",0,7,1],89,"card","card|container,surface|icons,monochrome|c"],["Card Split Accordian","watermelon",">-","npx shadcn@latest add @watermelon/card-split-accordian","https://ui.watermelon.sh/animated-components/card-split-accordian",0,"",["card-split-accordian",0,0,2],71,"card","card|container,surface|icons,monochrome|c"],["Card Swipe","watermelon",">-","npx shadcn@latest add @watermelon/card-swipe","https://ui.watermelon.sh/animated-components/card-swipe",0,"",["card-swipe",0,1,2],77,"card","card|container,surface|no icons,monochrome|c"],["Carousel Navigator","watermelon",">-","npx shadcn@latest add @watermelon/carousel-navigator","https://ui.watermelon.sh/animated-components/carousel-navigator",0,"",["carousel-navigator",0,2,2],68,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel Slider","watermelon",">-","npx shadcn@latest add @watermelon/carousel-slider","https://ui.watermelon.sh/animated-components/carousel-slider",0,"",["carousel-slider",0,3,2],88,"carousel","slider|carousel,range,input|icons,animated,monochrome,minimal|c"],["Changeable Pricing Section","watermelon",">-","npx shadcn@latest add @watermelon/changeable-pricing-section","https://ui.watermelon.sh/animated-components/changeable-pricing-section",0,"",["changeable-pricing-section",0,4,2],89,"pricing|b","pricing section|content section,tasks,pricing,plans,subscription|icons,monochrome|b"],["Collection Grid Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/collection-grid-disclosure","https://ui.watermelon.sh/animated-components/collection-grid-disclosure",0,"",["collection-grid-disclosure",0,7,2],82,"misc","accordion|collapsible,expand,faq|icons,monochrome|c"],["Command Search","watermelon",">-","npx shadcn@latest add @watermelon/command-search","https://ui.watermelon.sh/animated-components/command-search",0,"",["command-search",0,1,3],39,"command","command menu|command palette,search,cmdk|icons,monochrome,minimal|c"],["Compose Email Card","watermelon","Compact card interface for composing emails with recipient, subject, actions.","npx shadcn@latest add @watermelon/compose-email-card","https://ui.watermelon.sh/animated-components/compose-email-card",0,"",["compose-email-card",0,2,3],63,"card","card|container,surface|icons,avatar,images|c"],["Contextual AI Bar","watermelon",">-","npx shadcn@latest add @watermelon/contextual-ai-bar","https://ui.watermelon.sh/animated-components/contextual-ai-bar",0,"",["contextual-ai-bar",0,3,3],54,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["Continuous Pagination","watermelon",">-","npx shadcn@latest add @watermelon/continuous-pagination","https://ui.watermelon.sh/animated-components/continuous-pagination",0,"",["continuous-pagination",0,4,3],63,"misc","pagination|pages,navigation|icons,monochrome|c"],["Continuous Tabs","watermelon","Button-like tabs with a smooth sliding background pill.","npx shadcn@latest add @watermelon/continuous-tabs","https://ui.watermelon.sh/animated-components/continuous-tabs",0,"",["continuous-tabs",0,5,3],68,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Copy Confirm","watermelon",">-","npx shadcn@latest add @watermelon/copy-confirm","https://ui.watermelon.sh/animated-components/copy-confirm",0,"",["copy-confirm",0,6,3],57,"dialog","alert dialog|dialog,modal,confirm|icons,monochrome|c"],["Create Community","watermelon","Dialog for creating communities with name, description, and settings.","npx shadcn@latest add @watermelon/create-community","https://ui.watermelon.sh/animated-components/create-community",0,"",["create-community",0,7,3],74,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Create New Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/create-new-disclosure","https://ui.watermelon.sh/animated-components/create-new-disclosure",0,"",["create-new-disclosure",0,0,4],48,"misc","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Credit Usage Card","watermelon","Displays credit consumption progress with clear limits and usage breakdown.","npx shadcn@latest add @watermelon/credit-usage-card","https://ui.watermelon.sh/animated-components/credit-usage-card",0,"",["credit-usage-card",0,1,4],80,"card","card|container,calendar,pricing,surface|icons,colorful|c"],["Deployment Card","watermelon",">-","npx shadcn@latest add @watermelon/deployment-card","https://ui.watermelon.sh/animated-components/deployment-card",0,"",["deployment-card",0,4,4],92,"card","card|container,surface|icons,animated,colorful|b"],["Dialog Stack","watermelon",">-","npx shadcn@latest add @watermelon/dialog-stack","https://ui.watermelon.sh/animated-components/dialog-stack",0,"",["dialog-stack",0,6,4],64,"dialog","dialog|modal,overlay,popup|icons,monochrome,minimal|c"],["Discrete Tabs","watermelon",">-","npx shadcn@latest add @watermelon/discrete-tabs","https://ui.watermelon.sh/animated-components/discrete-tabs",0,"",["discrete-tabs",0,7,4],66,"tabs","tabs|tab bar,notifications,segmented control,navigation|icons,monochrome|c"],["Dock Component","watermelon",">-","npx shadcn@latest add @watermelon/dock","https://ui.watermelon.sh/animated-components/dock",0,"",["dock",0,0,5],64,"misc","dock|navigation,icons,magnify|icons,monochrome|c"],["Draw Signature","watermelon",">-","npx shadcn@latest add @watermelon/draw-signature","https://ui.watermelon.sh/animated-components/draw-signature",0,"",["draw-signature",0,1,5],56,"misc","card|container,surface|icons,monochrome,minimal|c"],["Dropdown Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/dropdown-disclosure","https://ui.watermelon.sh/animated-components/dropdown-disclosure",0,"",["dropdown-disclosure",0,2,5],54,"dropdown","accordion|dropdown menu,collapsible,expand,faq|icons,monochrome|c"],["Edit Badge","watermelon",">-","npx shadcn@latest add @watermelon/edit-badge","https://ui.watermelon.sh/animated-components/edit-badge",0,"",["edit-badge",0,4,5],72,"misc","badge|label,status,pill|icons|c"],["Edit Profile","watermelon","Profile editing dialog with fields, validation, and save actions.","npx shadcn@latest add @watermelon/edit-profile","https://ui.watermelon.sh/animated-components/edit-profile",0,"",["edit-profile",0,5,5],92,"dialog","dialog|modal,overlay,popup|icons,monochrome,minimal|c"],["Editable Chip","watermelon","An interactive editable chip component with smooth animations for editing.","npx shadcn@latest add @watermelon/editable-chip","https://ui.watermelon.sh/animated-components/editable-chip",0,"",["editable-chip",0,6,5],51,"misc","tag|label,chip,pill|icons,monochrome,minimal|c"],["Emoji Spree Choice Chips","watermelon",">-","npx shadcn@latest add @watermelon/emoji-spree-choice-chips","https://ui.watermelon.sh/animated-components/emoji-spree-choice-chips",0,"",["emoji-spree-choice-chips",0,7,5],86,"misc","tag|label,chip,pill|no icons,monochrome|c"],["Event Reminders","watermelon",">-","npx shadcn@latest add @watermelon/event-reminders","https://ui.watermelon.sh/animated-components/event-reminders",0,"",["event-reminders",0,0,6],77,"misc","calendar|date,date picker,schedule|icons,monochrome|c"],["Expand Details","watermelon",">-","npx shadcn@latest add @watermelon/expand-details","https://ui.watermelon.sh/animated-components/expand-details",0,"",["expand-details",0,1,6],75,"accordion","accordion|collapsible,pricing,expand,faq|icons,monochrome,minimal|c"],["Expandable Event Card","watermelon",">-","npx shadcn@latest add @watermelon/expandable-event-card","https://ui.watermelon.sh/animated-components/expandable-event-card",0,"",["expandable-event-card",0,2,6],86,"card","card|calendar,accordion,container,surface|no icons,monochrome|c"],["Expandable Profile Card","watermelon",">-","npx shadcn@latest add @watermelon/expandable-profile-card","https://ui.watermelon.sh/animated-components/expandable-profile-card",0,"",["expandable-profile-card",0,3,6],87,"card","card|accordion,container,surface|no icons,monochrome,minimal|c"],["Extended Toolbar","watermelon",">-","npx shadcn@latest add @watermelon/extended-toolbar","https://ui.watermelon.sh/animated-components/extended-toolbar",0,"",["extended-toolbar",0,4,6],47,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Family Receive Button","watermelon",">-","npx shadcn@latest add @watermelon/family-receive-button","https://ui.watermelon.sh/animated-components/family-receive-button",0,"",["family-receive-button",0,5,6],81,"button","button|cta,click,action|no icons|c"],["Family Wallet","watermelon",">-","npx shadcn@latest add @watermelon/family-wallet","https://ui.watermelon.sh/animated-components/family-wallet",0,"",["family-wallet",0,6,6],17,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Feature Tour","watermelon",">-","npx shadcn@latest add @watermelon/feature-tour","https://ui.watermelon.sh/animated-components/feature-tour",0,"",["feature-tour",0,7,6],83,"section","tabs|features section,tab bar,segmented control,navigation|icons,monochrome,minimal|c"],["Feedback Action","watermelon",">-","npx shadcn@latest add @watermelon/feedback-action","https://ui.watermelon.sh/animated-components/feedback-action",0,"",["feedback-action",0,1,7],80,"misc","timeline|history,steps,activity|icons,monochrome|c"],["Feedback","watermelon",">-","npx shadcn@latest add @watermelon/feedback","https://ui.watermelon.sh/animated-components/feedback",0,"",["feedback",0,0,7],59,"misc","timeline|history,steps,activity|icons,monochrome|c"],["Filter Disclosure","watermelon","A smooth expanding filter component with active state indicators.","npx shadcn@latest add @watermelon/filter-disclosure","https://ui.watermelon.sh/animated-components/filter-disclosure",0,"",["filter-disclosure",0,2,7],12,"misc","accordion|collapsible,expand,faq|icons,monochrome|c"],["Floating Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/floating-disclosure","https://ui.watermelon.sh/animated-components/floating-disclosure",0,"",["floating-disclosure",0,3,7],6,"misc","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Floating Input","watermelon","An input field with floating label animation.","npx shadcn@latest add @watermelon/floating-input","https://ui.watermelon.sh/animated-components/floating-input",0,"",["floating-input",0,4,7],52,"input","input|text field,login,form,form control|no icons,monochrome,minimal|c"],["Fluid Tabs","watermelon",">-","npx shadcn@latest add @watermelon/fluid-tabs","https://ui.watermelon.sh/animated-components/fluid-tabs",0,"",["fluid-tabs",0,5,7],77,"tabs","tabs|background,tab bar,segmented control,navigation|icons,monochrome|c"],["Fractional Picker","watermelon",">-","npx shadcn@latest add @watermelon/fractional-picker","https://ui.watermelon.sh/animated-components/fractional-picker",0,"",["fractional-picker",0,7,7],58,"misc","select|dropdown,options,form|no icons,monochrome|c"],["Frequency Selector","watermelon",">-","npx shadcn@latest add @watermelon/frequency-selector","https://ui.watermelon.sh/animated-components/frequency-selector",0,"",["frequency-selector",0,0,8],62,"misc","select|dropdown,options,form|icons,monochrome,minimal|c"],["Fund Widget","watermelon",">-","npx shadcn@latest add @watermelon/fund-widget","https://ui.watermelon.sh/animated-components/fund-widget",0,"",["fund-widget",0,1,8],82,"misc","card|container,surface|icons,monochrome|c"],["Gooey Menu","watermelon",">-","npx shadcn@latest add @watermelon/gooey-menu","https://ui.watermelon.sh/animated-components/gooey-menu",0,"",["gooey-menu",0,2,8],39,"dropdown","dropdown menu|menu,dropdown,actions|no icons|c"],["Inline Action","watermelon","Inline actions enabling quick edits without leaving current context view.","npx shadcn@latest add @watermelon/inline-action","https://ui.watermelon.sh/animated-components/inline-action",0,"",["inline-action",0,3,8],73,"misc","card|container,surface|icons,monochrome,minimal|c"],["Inline Edit","watermelon",">-","npx shadcn@latest add @watermelon/inline-edit","https://ui.watermelon.sh/animated-components/inline-edit",0,"",["inline-edit",0,5,8],68,"misc","textarea|input,form,text field|icons,monochrome|c"],["Inline Overflow","watermelon",">-","npx shadcn@latest add @watermelon/inline-overflow","https://ui.watermelon.sh/animated-components/inline-overflow",0,"",["inline-overflow",0,6,8],64,"misc","card|container,surface|icons,monochrome,minimal|c"],["Inline Table Control","watermelon","Inline controls for editing table rows without breaking user focus.","npx shadcn@latest add @watermelon/inline-table-control","https://ui.watermelon.sh/animated-components/inline-table-control",0,"",["inline-table-control",0,7,8],67,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Inline Toast","watermelon",">-","npx shadcn@latest add @watermelon/inline-toast","https://ui.watermelon.sh/animated-components/inline-toast",0,"",["inline-toast",0,0,9],66,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Integration Card","watermelon",">-","npx shadcn@latest add @watermelon/integration-card","https://ui.watermelon.sh/animated-components/integration-card",0,"",["integration-card",0,3,9],84,"card|b","integrations|card,notifications,logos,apps|icons|b"],["Invite Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/invite-disclosure","https://ui.watermelon.sh/animated-components/invite-disclosure",0,"",["invite-disclosure",0,4,9],51,"misc","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["Journal Navigation","watermelon",">-","npx shadcn@latest add @watermelon/journal-navigation","https://ui.watermelon.sh/animated-components/journal-navigation",0,"",["journal-navigation",0,5,9],84,"navbar","navbar|header,navigation,menu|icons,animated,monochrome|c"],["Knob Slider","watermelon",">-","npx shadcn@latest add @watermelon/knob-slider","https://ui.watermelon.sh/animated-components/knob-slider",0,"",["knob-slider",0,6,9],79,"input","slider|range,input|no icons|c"],["Labeled Progress Indicator","watermelon","An animated progress indicator with dynamic labels that update smoothly.","npx shadcn@latest add @watermelon/labeled-progress-indicator","https://ui.watermelon.sh/animated-components/labeled-progress-indicator",0,"",["labeled-progress-indicator",0,7,9],77,"loader","progress bar|badge,input,progress,meter,loading|no icons,animated,monochrome,minimal|c"],["Layered Progressive Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/layered-progressive-disclosure","https://ui.watermelon.sh/animated-components/layered-progressive-disclosure",0,"",["layered-progressive-disclosure",0,0,10],91,"misc","accordion|progress bar,collapsible,expand,faq|icons,monochrome|c"],["Licence Key","watermelon",">-","npx shadcn@latest add @watermelon/licence-key","https://ui.watermelon.sh/animated-components/licence-key",0,"",["licence-key",0,1,10],27,"misc","card|container,surface|no icons,monochrome,minimal|c"],["List Stack","watermelon",">-","npx shadcn@latest add @watermelon/list-stack","https://ui.watermelon.sh/animated-components/list-stack",0,"",["list-stack",0,2,10],83,"carousel","list|items,rows|icons,monochrome|c"],["macOS Sidebar","watermelon",">-","npx shadcn@latest add @watermelon/macos-sidebar","https://ui.watermelon.sh/animated-components/macos-sidebar",0,"",["macos-sidebar",0,3,10],82,"section|b","sidebar|navigation,menu,layout|icons,monochrome|b"],["Meeting Card","watermelon","Summarize meeting details with time, participants, and quick action controls.","npx shadcn@latest add @watermelon/meeting-card","https://ui.watermelon.sh/animated-components/meeting-card",0,"",["meeting-card",0,4,10],79,"card","card|container,notifications,surface|icons,avatar,images|c"],["Minimal Carousel","watermelon",">-","npx shadcn@latest add @watermelon/minimal-carousel","https://ui.watermelon.sh/animated-components/minimal-carousel",0,"",["minimal-carousel",0,5,10],100,"carousel","carousel|slider,gallery,swipe|icons|c"],["Morphing Button","watermelon","An animated button that smoothly morphs into an expanded interactive state.","npx shadcn@latest add @watermelon/morphing-button","https://ui.watermelon.sh/animated-components/morphing-button",0,"",["morphing-button",0,6,10],24,"button","button|cta,click,action|icons,animated,monochrome,minimal|c"],["Morphing Discovery Bar","watermelon",">-","npx shadcn@latest add @watermelon/morphing-discovery-bar","https://ui.watermelon.sh/animated-components/morphing-discovery-bar",0,"",["morphing-discovery-bar",0,7,10],74,"misc","card|container,surface|icons,animated|c"],["Morphing Sidebar Controls","watermelon",">-","npx shadcn@latest add @watermelon/morphing-sidebar-controls","https://ui.watermelon.sh/animated-components/morphing-sidebar-controls",0,"",["morphing-sidebar-controls",0,0,11],87,"section|b","sidebar|navigation,menu,layout|icons,animated,monochrome|b"],["Onboarding Checklist","watermelon",">-","npx shadcn@latest add @watermelon/onboarding-checklist","https://ui.watermelon.sh/animated-components/onboarding-checklist",0,"",["onboarding-checklist",0,1,11],68,"misc","checkbox|onboarding,form,checklist|icons|c"],["Onboarding Screen","watermelon","Clean onboarding screen guiding users through setup with visual steps.","npx shadcn@latest add @watermelon/onboarding-screen","https://ui.watermelon.sh/animated-components/onboarding-screen",0,"",["onboarding-screen",0,2,11],89,"misc|b","onboarding|steps,upload,settings,welcome|icons,monochrome|b"],["Onboarding Setup","watermelon","Onboarding setup card guiding users through initial configuration steps.","npx shadcn@latest add @watermelon/onboarding-setup","https://ui.watermelon.sh/animated-components/onboarding-setup",0,"",["onboarding-setup",0,3,11],92,"card|b","onboarding|steps,pricing,welcome|icons|b"],["Pagination","watermelon",">-","npx shadcn@latest add @watermelon/pagination","https://ui.watermelon.sh/animated-components/pagination",0,"",["pagination",0,4,11],67,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pin Item","watermelon",">-","npx shadcn@latest add @watermelon/pin-item","https://ui.watermelon.sh/animated-components/pin-item",0,"",["pin-item",0,5,11],71,"misc","card|container,surface|icons,monochrome|c"],["Pop Stepper","watermelon",">-","npx shadcn@latest add @watermelon/pop-stepper","https://ui.watermelon.sh/animated-components/pop-stepper",0,"",["pop-stepper",0,6,11],63,"misc","stepper|steps,progress,onboarding|icons,monochrome|c"],["Predictive Text","watermelon","Suggests next words in real time while users type naturally.","npx shadcn@latest add @watermelon/predictive-text","https://ui.watermelon.sh/animated-components/predictive-text",0,"",["predictive-text",1,0,0],55,"text","text effect|text animation,typography,animated text|icons,monochrome|c"],["Pricing Widget","watermelon","An animated pricing widget with smooth transitions and dynamic value updates.","npx shadcn@latest add @watermelon/pricing-widget","https://ui.watermelon.sh/animated-components/pricing-widget",0,"",["pricing-widget",1,1,0],88,"pricing","card|pricing section,container,surface|icons|c"],["Profile Card","watermelon","Compact profile card displaying user details with quick actions.","npx shadcn@latest add @watermelon/profile-card","https://ui.watermelon.sh/animated-components/profile-card",0,"",["profile-card",1,2,0],76,"card","card|container,surface|icons|c"],["Progressive Input Stack","watermelon",">-","npx shadcn@latest add @watermelon/progressive-input-stack","https://ui.watermelon.sh/animated-components/progressive-input-stack",0,"",["progressive-input-stack",1,3,0],82,"carousel","input|progress bar,text field,form,form control|icons,monochrome,minimal|c"],["Quick Feedback","watermelon",">-","npx shadcn@latest add @watermelon/quick-feedback","https://ui.watermelon.sh/animated-components/quick-feedback",0,"",["quick-feedback",1,4,0],73,"misc","timeline|history,steps,activity|no icons,monochrome,minimal|c"],["Quick Option Picker","watermelon",">-","npx shadcn@latest add @watermelon/quick-option-picker","https://ui.watermelon.sh/animated-components/quick-option-picker",0,"",["quick-option-picker",1,5,0],16,"misc","select|dropdown,options,form|icons,monochrome|c"],["Quick Paste","watermelon",">-","npx shadcn@latest add @watermelon/quick-paste","https://ui.watermelon.sh/animated-components/quick-paste",0,"",["quick-paste",1,6,0],83,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Quick Switcher","watermelon",">-","npx shadcn@latest add @watermelon/quick-switcher","https://ui.watermelon.sh/animated-components/quick-switcher",0,"",["quick-switcher",1,7,0],72,"tabs","switch|toggle,on off,settings|icons,animated,monochrome|c"],["Radial Carousel","watermelon",">-","npx shadcn@latest add @watermelon/radial-carousel","https://ui.watermelon.sh/animated-components/radial-carousel",0,"",["radial-carousel",1,0,1],87,"carousel","carousel|slider,gallery,swipe|icons,monochrome,minimal|c"],["Range Selection Slider","watermelon",">-","npx shadcn@latest add @watermelon/range-selection-slider","https://ui.watermelon.sh/animated-components/range-selection-slider",0,"",["range-selection-slider",1,2,1],83,"input","select|slider,pricing,dropdown,options,form|no icons,monochrome|c"],["Returns Calculator Snippet","watermelon",">-","npx shadcn@latest add @watermelon/returns-calculator-snippet","https://ui.watermelon.sh/animated-components/returns-calculator-snippet",0,"",["returns-calculator-snippet",1,3,1],80,"misc","code block|code,syntax highlight|no icons|c"],["Reveal Copy","watermelon",">-","npx shadcn@latest add @watermelon/reveal-copy","https://ui.watermelon.sh/animated-components/reveal-copy",0,"",["reveal-copy",1,4,1],78,"misc","card|container,surface|icons,monochrome,minimal|c"],["Revealing Cards","watermelon",">-","npx shadcn@latest add @watermelon/revealing-cards","https://ui.watermelon.sh/animated-components/revealing-cards",0,"",["revealing-cards",1,5,1],91,"card","card|container,calendar,pricing,surface|no icons|c"],["Run Action Button","watermelon",">-","npx shadcn@latest add @watermelon/run-action-button","https://ui.watermelon.sh/animated-components/run-action-button",0,"",["run-action-button",1,6,1],18,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Run Widget","watermelon",">-","npx shadcn@latest add @watermelon/run-widget","https://ui.watermelon.sh/animated-components/run-widget",0,"",["run-widget",1,7,1],91,"misc","card|container,surface|icons,monochrome,minimal|c"],["Save Toggle","watermelon",">-","npx shadcn@latest add @watermelon/save-toggle","https://ui.watermelon.sh/animated-components/save-toggle",0,"",["save-toggle",1,0,2],54,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Schedule Button","watermelon",">-","npx shadcn@latest add @watermelon/schedule-button","https://ui.watermelon.sh/animated-components/schedule-button",0,"",["schedule-button",1,1,2],82,"datepicker","button|calendar,cta,click,action|icons,monochrome,minimal|c"],["Schedule Date","watermelon",">-","npx shadcn@latest add @watermelon/schedule-date","https://ui.watermelon.sh/animated-components/schedule-date",0,"",["schedule-date",1,2,2],78,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Scroll Island","watermelon","Floating scroll island providing progress, actions, and contextual indicators.","npx shadcn@latest add @watermelon/scroll-island","https://ui.watermelon.sh/animated-components/scroll-island",0,"",["scroll-island",1,3,2],64,"loader","progress bar|progress,login,meter,loading|icons,avatar,animated,monochrome|c"],["Scrub Slider","watermelon",">-","npx shadcn@latest add @watermelon/scrub-slider","https://ui.watermelon.sh/animated-components/scrub-slider",0,"",["scrub-slider",1,4,2],88,"input","slider|range,input|no icons,monochrome,minimal|c"],["Select AI Agent","watermelon","Choose an AI agent quickly with options and smooth feedback.","npx shadcn@latest add @watermelon/select-ai-agent","https://ui.watermelon.sh/animated-components/select-ai-agent",0,"",["select-ai-agent",1,6,2],79,"dropdown","ai prompt|select,ai,chat,input|icons,monochrome|c"],["Send Money","watermelon","Quick send money interaction with confirmation, status, and feedback states.","npx shadcn@latest add @watermelon/send-money","https://ui.watermelon.sh/animated-components/send-money",0,"",["send-money",1,7,2],74,"misc","alert dialog|dialog,modal,confirm|icons,monochrome|c"],["share sheet","watermelon",">-","npx shadcn@latest add @watermelon/share-sheet","https://ui.watermelon.sh/animated-components/share-sheet",0,"",["share-sheet",1,0,3],14,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Shimmer Button","watermelon","A button with an animated shimmer effect on hover.","npx shadcn@latest add @watermelon/shimmer-button","https://ui.watermelon.sh/animated-components/shimmer-button",0,"",["shimmer-button",1,2,3],80,"button","button|skeleton,cta,click,action|no icons,monochrome,minimal|c"],["Show QR","watermelon","A widget to show QR code.","npx shadcn@latest add @watermelon/show-qr","https://ui.watermelon.sh/animated-components/show-qr",0,"",["show-qr",1,3,3],50,"media","qr code|code,scan|icons,monochrome,minimal|c"],["Shuffle Pinned List","watermelon",">-","npx shadcn@latest add @watermelon/shuffle-pinned-item","https://ui.watermelon.sh/animated-components/shuffle-pinned-item",0,"",["shuffle-pinned-item",1,4,3],72,"misc","list|items,rows|icons,monochrome|c"],["Slot Picker","watermelon",">-","npx shadcn@latest add @watermelon/slot-picker","https://ui.watermelon.sh/animated-components/slot-picker",0,"",["slot-picker",1,5,3],68,"misc","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Split Actions","watermelon",">-","npx shadcn@latest add @watermelon/split-actions","https://ui.watermelon.sh/animated-components/split-actions",0,"",["split-actions",1,7,3],11,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Split Button","watermelon",">-","npx shadcn@latest add @watermelon/split-button","https://ui.watermelon.sh/animated-components/split-button",0,"",["split-button",1,0,4],19,"button","button group|button,buttons,toolbar|icons,monochrome,minimal|c"],["Split To edit","watermelon",">-","npx shadcn@latest add @watermelon/split-to-edit","https://ui.watermelon.sh/animated-components/split-to-edit",0,"",["split-to-edit",1,1,4],16,"misc","input|text field,form,form control|icons,monochrome,minimal|c"],["Status Picker","watermelon","An animated status picker that smoothly transitions between selectable states.","npx shadcn@latest add @watermelon/status-picker","https://ui.watermelon.sh/animated-components/status-picker",0,"",["status-picker",1,2,4],7,"misc","select|dropdown,options,form|icons,monochrome,minimal|c"],["Step Indicator","watermelon",">-","npx shadcn@latest add @watermelon/step-indicator","https://ui.watermelon.sh/animated-components/step-indicator",0,"",["step-indicator",1,3,4],5,"misc","badge|stepper,label,status,pill|icons,monochrome|c"],["Step Pager","watermelon",">-","npx shadcn@latest add @watermelon/step-pager","https://ui.watermelon.sh/animated-components/step-pager",0,"",["step-pager",1,4,4],69,"misc","pagination|content section,stepper,pages,navigation|icons,animated,monochrome|c"],["Stepper","watermelon",">-","npx shadcn@latest add @watermelon/stepper","https://ui.watermelon.sh/animated-components/stepper",0,"",["stepper",1,5,4],57,"misc","stepper|steps,progress,onboarding|icons,monochrome|c"],["Subscription Calendar","watermelon",">-","npx shadcn@latest add @watermelon/subscription-calendar","https://ui.watermelon.sh/animated-components/subscription-calendar",0,"",["subscription-calendar",1,6,4],83,"pricing|b","calendar|pricing section,pricing,date,date picker,schedule|icons,colorful|c"],["Swap Currency Card","watermelon",">-","npx shadcn@latest add @watermelon/swap-currency-card","https://ui.watermelon.sh/animated-components/swap-currency-card",0,"",["swap-currency-card",1,7,4],91,"card","card|container,surface|icons,monochrome|c"],["Swap Form","watermelon",">-","npx shadcn@latest add @watermelon/swap-form","https://ui.watermelon.sh/animated-components/swap-form",0,"",["swap-form",1,0,5],84,"input","form|inputs,login,fields|icons,monochrome|c"],["Switch Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/switch-disclosure","https://ui.watermelon.sh/animated-components/switch-disclosure",0,"",["switch-disclosure",1,2,5],66,"switch","accordion|switch,collapsible,expand,faq|icons,monochrome,minimal|c"],["Switch Mode","watermelon",">-","npx shadcn@latest add @watermelon/switch-mode","https://ui.watermelon.sh/animated-components/switch-mode",0,"",["switch-mode",1,3,5],61,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Tags","watermelon",">-","npx shadcn@latest add @watermelon/tags","https://ui.watermelon.sh/animated-components/tags",0,"",["tags",1,6,5],75,"misc","tag|label,chip,pill|no icons,monochrome|c"],["Task Widget Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/task-widget-disclosure","https://ui.watermelon.sh/animated-components/task-widget-disclosure",0,"",["task-widget-disclosure",1,7,5],89,"misc","accordion|card,tasks,collapsible,expand,faq|icons,avatar,images,monochrome|c"],["Timed Undo Action","watermelon",">-","npx shadcn@latest add @watermelon/time-undo-action","https://ui.watermelon.sh/animated-components/time-undo-action",0,"",["time-undo-action",1,1,6],39,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Tooltip Navbar","watermelon","Tooltip design recreated with smooth animations and interactive feedback.","npx shadcn@latest add @watermelon/tooltip-navbar","https://ui.watermelon.sh/animated-components/tooltip-navbar",0,"",["tooltip-navbar",1,3,6],74,"navbar","navbar|tooltip,notifications,header,navigation,menu|icons,monochrome|c"],["Trade Summary","watermelon","Concise trade summary card showing positions, performance, and key metrics.","npx shadcn@latest add @watermelon/trade-summary","https://ui.watermelon.sh/animated-components/trade-summary",0,"",["trade-summary",1,4,6],75,"chart","input|text field,pricing,form,form control|icons,animated,colorful|c"],["Transaction List","watermelon",">-","npx shadcn@latest add @watermelon/transaction-list","https://ui.watermelon.sh/animated-components/transaction-list",0,"",["transaction-list",1,5,6],79,"misc","list|items,pricing,rows|icons,monochrome|c"],["Tree-menu","watermelon",">-","npx shadcn@latest add @watermelon/tree-menu","https://ui.watermelon.sh/animated-components/tree-menu",0,"",["tree-menu",1,6,6],57,"dropdown","dropdown menu|tree view,menu,dropdown,actions|no icons,monochrome,minimal|c"],["Uniswap Dialog","watermelon",">-","npx shadcn@latest add @watermelon/uniswap-dialog","https://ui.watermelon.sh/animated-components/uniswap-dialog",0,"",["uniswap-dialog",1,7,6],6,"dialog","dialog|modal,overlay,popup|icons,avatar,monochrome,minimal|c"],["Vertical Tooltip Navbar","watermelon",">-","npx shadcn@latest add @watermelon/vertical-tooltip-navbar","https://ui.watermelon.sh/animated-components/vertical-tooltip-navbar",0,"",["vertical-tooltip-navbar",1,0,7],24,"navbar","navbar|tooltip,notifications,header,navigation,menu|icons,monochrome|c"],["View On Map","watermelon","Map view component displaying locations with zoom, pins, and directions.","npx shadcn@latest add @watermelon/view-on-map","https://ui.watermelon.sh/animated-components/view-on-map",0,"",["view-on-map",1,1,7],59,"map","map|globe,location|icons,monochrome,minimal|c"],["Voice Chat Disclosure","watermelon",">-","npx shadcn@latest add @watermelon/voice-chat-disclosure","https://ui.watermelon.sh/animated-components/voice-chat-disclosure",0,"",["voice-chat-disclosure",1,2,7],85,"thinking","accordion|voice,chat,collapsible,expand,faq|icons,images,monochrome,minimal|c"],["Voice Note","watermelon","Voice note interaction for recording, previewing, and managing audio snippets.","npx shadcn@latest add @watermelon/voice-note","https://ui.watermelon.sh/animated-components/voice-note",0,"",["voice-note",1,3,7],12,"media","voice|audio,ai|icons,monochrome,minimal|c"],["Voice Transcribe","watermelon","Convert speech into text instantly with smooth, responsive Voice Transcribe.","npx shadcn@latest add @watermelon/voice-transcribe","https://ui.watermelon.sh/animated-components/voice-transcribe",0,"",["voice-transcribe",1,4,7],67,"text","voice|audio,ai|icons,monochrome|c"],["Waveform Scrub","watermelon",">-","npx shadcn@latest add @watermelon/waveform-scrub","https://ui.watermelon.sh/animated-components/waveform-scrub",0,"",["waveform-scrub",1,5,7],77,"misc","background|animated background,effect,hero background|icons,monochrome,minimal|c"],["Weight Widget","watermelon",">-","npx shadcn@latest add @watermelon/weight-widget","https://ui.watermelon.sh/animated-components/weight-widget",0,"",["weight-widget",1,6,7],76,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Wiggling Cards","watermelon","An animated card carousel with a playful wiggling effect during navigation.","npx shadcn@latest add @watermelon/wiggling-cards","https://ui.watermelon.sh/animated-components/wiggling-cards",0,"",["wiggling-cards",1,7,7],77,"card","card|container,pricing,surface|icons,monochrome|c"],["Accordion","watermelon","","npx shadcn@latest add @watermelon/accordion","https://ui.watermelon.sh/components/accordion",0,"",["accordion",0,1,0],55,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alerts","watermelon","","npx shadcn@latest add @watermelon/alerts","https://ui.watermelon.sh/components/alerts",0,"",["alerts",0,5,0],13,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Avatar","watermelon","","npx shadcn@latest add @watermelon/avatar","https://ui.watermelon.sh/components/avatar",0,"",["avatar",0,6,0],0,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","watermelon","","npx shadcn@latest add @watermelon/badge","https://ui.watermelon.sh/components/badge",0,"",["badge",0,7,0],20,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Breadcrumb","watermelon","","npx shadcn@latest add @watermelon/breadcrumb","https://ui.watermelon.sh/components/breadcrumb",0,"",["breadcrumb",0,0,1],42,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button","watermelon","","npx shadcn@latest add @watermelon/button","https://ui.watermelon.sh/components/button",0,"",["button",0,2,1],26,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button group","watermelon","","npx shadcn@latest add @watermelon/button-group","https://ui.watermelon.sh/components/button-group",0,"",["button-group",0,3,1],9,"button","button group|button,upload,buttons,toolbar|icons,monochrome,minimal|c"],["Calendar","watermelon","","npx shadcn@latest add @watermelon/calendar","https://ui.watermelon.sh/components/calendar",0,"",["calendar",0,4,1],75,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card","watermelon","","npx shadcn@latest add @watermelon/card","https://ui.watermelon.sh/components/card",0,"",["card",0,6,1],100,"card","card|container,login,surface|no icons,monochrome|c"],["Checkbox","watermelon","","npx shadcn@latest add @watermelon/checkbox","https://ui.watermelon.sh/components/checkbox",0,"",["checkbox",0,5,2],43,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Collapsible","watermelon","","npx shadcn@latest add @watermelon/collapsible","https://ui.watermelon.sh/components/collapsible",0,"",["collapsible",0,6,2],51,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Combobox","watermelon","","npx shadcn@latest add @watermelon/combobox","https://ui.watermelon.sh/components/combobox",0,"",["combobox",0,0,3],37,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Data table","watermelon","","npx shadcn@latest add @watermelon/data-table","https://ui.watermelon.sh/components/data-table",0,"",["data-table",0,2,4],61,"table","data table|table,pricing,account,rows,spreadsheet|no icons,monochrome|c"],["Date picker","watermelon","","npx shadcn@latest add @watermelon/date-picker","https://ui.watermelon.sh/components/date-picker",0,"",["date-picker",0,3,4],47,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Dialog","watermelon","","npx shadcn@latest add @watermelon/dialog","https://ui.watermelon.sh/components/dialog",0,"",["dialog",0,5,4],11,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dropdown menu","watermelon","","npx shadcn@latest add @watermelon/dropdown-menu","https://ui.watermelon.sh/components/dropdown-menu",0,"",["dropdown-menu",0,3,5],10,"dropdown","dropdown menu|menu,settings,notifications,dropdown,actions|no icons,monochrome,minimal|c"],["Form","watermelon","","npx shadcn@latest add @watermelon/form","https://ui.watermelon.sh/components/form",0,"",["form",0,6,7],100,"input","form|inputs,fields|icons,monochrome|c"],["Input mask","watermelon","","npx shadcn@latest add @watermelon/input-mask","https://ui.watermelon.sh/components/input-mask",0,"",["input-mask",0,1,9],56,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input otp","watermelon","","npx shadcn@latest add @watermelon/input-otp","https://ui.watermelon.sh/components/input-otp",0,"",["input-otp",0,2,9],51,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Popover","watermelon","","npx shadcn@latest add @watermelon/popover","https://ui.watermelon.sh/components/popover",0,"",["popover",0,7,11],0,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Radiogroup","watermelon","","npx shadcn@latest add @watermelon/radiogroup","https://ui.watermelon.sh/components/radiogroup",0,"",["radiogroup",1,1,1],61,"misc","radio group|radio,notifications,options,form|no icons,monochrome,minimal|c"],["Select","watermelon","","npx shadcn@latest add @watermelon/select","https://ui.watermelon.sh/components/select",0,"",["select",1,5,2],52,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Sheet","watermelon","","npx shadcn@latest add @watermelon/sheet","https://ui.watermelon.sh/components/sheet",0,"",["sheet",1,1,3],10,"misc","drawer|sheet,settings,notifications,overlay,panel|no icons,monochrome,minimal|c"],["Sonner","watermelon","","npx shadcn@latest add @watermelon/sonner","https://ui.watermelon.sh/components/sonner",0,"",["sonner",1,6,3],21,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Switch","watermelon","","npx shadcn@latest add @watermelon/switch","https://ui.watermelon.sh/components/switch",0,"",["switch",1,1,5],43,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Table","watermelon","","npx shadcn@latest add @watermelon/table","https://ui.watermelon.sh/components/table",0,"",["table",1,4,5],82,"table","data table|table,rows,spreadsheet|icons,monochrome|c"],["Tabs","watermelon","","npx shadcn@latest add @watermelon/tabs","https://ui.watermelon.sh/components/tabs",0,"",["tabs",1,5,5],74,"tabs","tabs|tab bar,team,tasks,segmented control,navigation|no icons,monochrome|c"],["Textarea","watermelon","","npx shadcn@latest add @watermelon/textarea","https://ui.watermelon.sh/components/textarea",0,"",["textarea",1,0,6],48,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Tooltip","watermelon","","npx shadcn@latest add @watermelon/tooltip","https://ui.watermelon.sh/components/tooltip",0,"",["tooltip",1,2,6],43,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Accordion","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-accordion","https://www.radix-ui.com/primitives/docs/components/accordion",0,"",["accordion",0,0,0],83,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert dialog","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-alert-dialog","https://www.radix-ui.com/primitives/docs/components/alert-dialog",0,"",["alert-dialog",0,1,0],16,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Aspect ratio","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-aspect-ratio","https://www.radix-ui.com/primitives/docs/components/aspect-ratio",0,"",["aspect-ratio",0,2,0],99,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Avatar","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-avatar","https://www.radix-ui.com/primitives/docs/components/avatar",0,"",["avatar",0,3,0],69,"media","avatar|profile,user,image|no icons,avatar,images,monochrome,minimal|c"],["Checkbox","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-checkbox","https://www.radix-ui.com/primitives/docs/components/checkbox",0,"",["checkbox",0,4,0],63,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Collapsible","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-collapsible","https://www.radix-ui.com/primitives/docs/components/collapsible",0,"",["collapsible",0,5,0],73,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Context menu","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-context-menu","https://www.radix-ui.com/primitives/docs/components/context-menu",0,"",["context-menu",0,6,0],56,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Dialog","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-dialog","https://www.radix-ui.com/primitives/docs/components/dialog",0,"",["dialog",0,7,0],13,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dropdown menu","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-dropdown-menu","https://www.radix-ui.com/primitives/docs/components/dropdown-menu",0,"",["dropdown-menu",0,0,1],3,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Form","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-form","https://www.radix-ui.com/primitives/docs/components/form",0,"",["form",0,1,1],100,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Hover card","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-hover-card","https://www.radix-ui.com/primitives/docs/components/hover-card",0,"",["hover-card",0,2,1],97,"card","hover card|popover,hover,card|icons,avatar,images,monochrome,minimal|c"],["Label","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-label","https://www.radix-ui.com/primitives/docs/components/label",0,"",["label",0,3,1],48,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Menu","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-menu","https://www.radix-ui.com/primitives/docs/components/menu",0,"",["menu",0,4,1],83,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menubar","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-menubar","https://www.radix-ui.com/primitives/docs/components/menubar",0,"",["menubar",0,5,1],62,"misc","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Navigation menu","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-navigation-menu","https://www.radix-ui.com/primitives/docs/components/navigation-menu",0,"",["navigation-menu",0,6,1],65,"navbar","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|c"],["One time password field","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-one-time-password-field","https://www.radix-ui.com/primitives/docs/components/one-time-password-field",0,"",["one-time-password-field",0,7,1],49,"input","input|password input,login,otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Password toggle field","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-password-toggle-field","https://www.radix-ui.com/primitives/docs/components/password-toggle-field",0,"",["password-toggle-field",0,0,2],51,"switch","input|switch,login,password input,text field,form,form control|icons,monochrome,minimal|c"],["Popover","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-popover","https://www.radix-ui.com/primitives/docs/components/popover",0,"",["popover",0,1,2],4,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Progress","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-progress","https://www.radix-ui.com/primitives/docs/components/progress",0,"",["progress",0,2,2],67,"loader","progress bar|progress,upload,meter,loading|no icons,monochrome,minimal|c"],["Radio group","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-radio-group","https://www.radix-ui.com/primitives/docs/components/radio-group",0,"",["radio-group",0,3,2],22,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Scroll area","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-scroll-area","https://www.radix-ui.com/primitives/docs/components/scroll-area",0,"",["scroll-area",0,4,2],84,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-select","https://www.radix-ui.com/primitives/docs/components/select",0,"",["select",0,5,2],49,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-separator","https://www.radix-ui.com/primitives/docs/components/separator",0,"",["separator",0,6,2],58,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Slider","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-slider","https://www.radix-ui.com/primitives/docs/components/slider",0,"",["slider",0,7,2],68,"input","slider|range,input|no icons,monochrome,minimal|c"],["Switch","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-switch","https://www.radix-ui.com/primitives/docs/components/switch",0,"",["switch",0,0,3],65,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Tabs","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-tabs","https://www.radix-ui.com/primitives/docs/components/tabs",0,"",["tabs",0,1,3],98,"tabs","tabs|tab bar,login,segmented control,navigation|no icons,monochrome|c"],["Toast","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-toast","https://www.radix-ui.com/primitives/docs/components/toast",0,"",["toast",0,2,3],17,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-toggle","https://www.radix-ui.com/primitives/docs/components/toggle",0,"",["toggle",0,3,3],19,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle group","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-toggle-group","https://www.radix-ui.com/primitives/docs/components/toggle-group",0,"",["toggle-group",0,4,3],23,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toolbar","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-toolbar","https://www.radix-ui.com/primitives/docs/components/toolbar",0,"",["toolbar",0,5,3],57,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Tooltip","radix","Unstyled, accessible primitive.","npm i @radix-ui/react-tooltip","https://www.radix-ui.com/primitives/docs/components/tooltip",0,"",["tooltip",0,6,3],49,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Accordion","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/accordion",0,"",["accordion",0,0,0],41,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert dialog","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/alert-dialog",0,"",["alert-dialog",0,1,0],18,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Autocomplete","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/autocomplete",0,"",["autocomplete",0,2,0],55,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Avatar","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/avatar",0,"",["avatar",0,3,0],8,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Button","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/button",0,"",["button",0,4,0],10,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Checkbox","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/checkbox",0,"",["checkbox",0,5,0],34,"input","checkbox|form,notifications,checklist|icons,monochrome,minimal|c"],["Checkbox group","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/checkbox-group",0,"",["checkbox-group",0,6,0],43,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Collapsible","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/collapsible",0,"",["collapsible",0,7,0],18,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Combobox","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/combobox",0,"",["combobox",0,0,1],52,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Context menu","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/context-menu",0,"",["context-menu",0,1,1],71,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Dialog","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/dialog",0,"",["dialog",0,2,1],16,"dialog","dialog|modal,notifications,overlay,popup|no icons,monochrome,minimal|c"],["Drawer","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/drawer",0,"",["drawer",0,3,1],13,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Field","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/field",0,"",["field",0,4,1],59,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Fieldset","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/fieldset",0,"",["fieldset",0,5,1],73,"misc","form|inputs,fields|no icons,monochrome,minimal|c"],["Filter dropdown","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/filter-dropdown",0,"",["filter-dropdown",0,6,1],12,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Form","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/form",0,"",["form",0,7,1],68,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Input","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/input",0,"",["input",0,0,2],49,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Menu","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/menu",0,"",["menu",0,1,2],11,"dropdown","dropdown menu|menu,media,dropdown,actions|icons,monochrome,minimal|c"],["Menubar","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/menubar",0,"",["menubar",0,2,2],2,"misc","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Meter","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/meter",0,"",["meter",0,3,2],46,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Navigation menu","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/navigation-menu",0,"",["navigation-menu",0,4,2],33,"navbar","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|c"],["Number field","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/number-field",0,"",["number-field",0,5,2],47,"input","number input|input,stepper|icons,monochrome|c"],["Otp field","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/otp-field",0,"",["otp-field",0,6,2],65,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Popover","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/popover",0,"",["popover",0,7,2],13,"misc","popover|overlay,notifications,popup,menu|no icons,monochrome,minimal|c"],["Preview card","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/preview-card",0,"",["preview-card",0,0,3],37,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Progress","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/progress",0,"",["progress",0,1,3],43,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Radio","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/radio",0,"",["radio",0,2,3],43,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/radio-group",0,"",["radio-group",0,3,3],43,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Scroll area","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/scroll-area",0,"",["scroll-area",0,4,3],64,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/select",0,"",["select",0,5,3],49,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/separator",0,"",["separator",0,6,3],35,"misc","divider|separator,login,line,layout|no icons,monochrome,minimal|c"],["Slider","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/slider",0,"",["slider",0,7,3],10,"input","slider|range,input|no icons,monochrome,minimal|c"],["Switch","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/switch",0,"",["switch",0,0,4],40,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Tabs","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/tabs",0,"",["tabs",0,1,4],76,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Toast","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/toast",0,"",["toast",0,2,4],13,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/toggle",0,"",["toggle",0,3,4],0,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle group","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/toggle-group",0,"",["toggle-group",0,4,4],40,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toolbar","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/toolbar",0,"",["toolbar",0,5,4],52,"misc","menubar|toolbar,menu|icons,monochrome,minimal|c"],["Tooltip","baseui","Unstyled, accessible building block.","npm i @base-ui/react","https://base-ui.com/react/components/tooltip",0,"",["tooltip",0,6,4],11,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Menu","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/menu",0,"",["menu",0,7,0],14,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Listbox","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/listbox",0,"",["listbox",0,6,0],19,"section","select|dropdown,options,form|icons,monochrome,minimal|c"],["Combobox","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/combobox",0,"",["combobox",0,1,0],19,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Switch","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/switch",0,"",["switch",0,3,1],17,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Dialog","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/dialog",0,"",["dialog",0,2,0],8,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Popover","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/popover",0,"",["popover",0,0,1],37,"section","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Radio group","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/radio-group",0,"",["radio-group",0,1,1],85,"input","radio group|radio,options,form|icons,monochrome|c"],["Tabs","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/tabs",0,"",["tabs",0,4,1],79,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Transition","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/transition",0,"",["transition",0,6,1],87,"section","card|content section,container,surface|icons,monochrome,minimal|c"],["Disclosure","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/disclosure",0,"",["disclosure",0,3,0],81,"section|b","accordion|collapsible,expand,faq|icons,monochrome|b"],["Checkbox","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/checkbox",0,"",["checkbox",0,0,0],46,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Select","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/select",0,"",["select",0,2,1],75,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Input","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/input",0,"",["input",0,5,0],74,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Textarea","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/textarea",0,"",["textarea",0,5,1],85,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Fieldset","headless","Unstyled, accessible component from the Tailwind team.","npm i @headlessui/react","https://headlessui.com/react/fieldset",0,"",["fieldset",0,4,0],88,"section|b","form|inputs,fields|icons,monochrome|b"],["Alert","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/alert/",0,"",["alert",0,0,0],55,"toast","alert|message,notifications,banner,callout|icons,monochrome,minimal|c"],["Aura","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/aura/",0,"",["aura",0,1,0],47,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Avatar","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/avatar/",0,"",["avatar",0,2,0],23,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/badge/",0,"",["badge",0,3,0],5,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Breadcrumbs","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/breadcrumbs/",0,"",["breadcrumbs",0,4,0],10,"misc","breadcrumb|navigation,path|no icons,monochrome,minimal|c"],["Button","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/button/",0,"",["button",0,5,0],7,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Calendar","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/calendar/",0,"",["calendar",0,6,0],70,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/card/",0,"",["card",0,7,0],99,"card","card|container,surface|no icons,monochrome|c"],["Carousel","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/carousel/",0,"",["carousel",0,0,1],85,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Chat","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/chat/",0,"",["chat",0,1,1],49,"thinking","chat|messages,ai,input|no icons,monochrome,minimal|c"],["Checkbox","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/checkbox/",0,"",["checkbox",0,2,1],8,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Collapse","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/collapse/",0,"",["collapse",0,3,1],5,"accordion","accordion|collapsible,expand,faq|no icons,monochrome,minimal|c"],["Countdown","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/countdown/",0,"",["countdown",0,4,1],0,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Diff","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/diff/",0,"",["diff",0,5,1],84,"misc","card|container,surface|no icons,images,monochrome,minimal|c"],["Divider","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/divider/",0,"",["divider",0,6,1],34,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Dock","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/dock/",0,"",["dock",0,7,1],39,"misc","dock|navigation,settings,notifications,icons,magnify|icons,monochrome|c"],["Drawer","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/drawer/",0,"",["drawer",0,0,2],7,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/dropdown/",0,"",["dropdown",0,1,2],38,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Fab","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/fab/",0,"",["fab",0,2,2],52,"misc","card|container,surface|no icons,avatar,monochrome,minimal|c"],["Fieldset","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/fieldset/",0,"",["fieldset",0,3,2],52,"misc","form|inputs,settings,fields|no icons,monochrome,minimal|c"],["Fileinput","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/fileinput/",0,"",["file-input",0,4,2],49,"misc","file upload|dropzone,upload,drag and drop|no icons,monochrome,minimal|c"],["Filter","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/filter/",0,"",["filter",0,5,2],41,"misc","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Footer","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/footer/",0,"",["footer",0,6,2],63,"section|b","footer|links,site footer|no icons,monochrome|b"],["Hero","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/hero/",0,"",["hero",0,7,2],91,"section|b","hero section|landing page,header,headline|no icons,monochrome|b"],["Hover3d","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/hover3d/",0,"",["hover-3d",0,0,3],86,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Hovergallery","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/hovergallery/",0,"",["hover-gallery",0,1,3],84,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Indicator","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/indicator/",0,"",["indicator",0,2,3],53,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Input","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/input/",0,"",["input",0,3,3],8,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Kbd","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/kbd/",0,"",["kbd",0,4,3],4,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Label","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/label/",0,"",["label",0,5,3],9,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Link","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/link/",0,"",["link",0,6,3],5,"misc","link|text link,hover|no icons,monochrome,minimal|c"],["List","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/list/",0,"",["list",0,7,3],73,"misc","list|items,rows|icons,avatar,images,monochrome|c"],["Loading","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/loading/",0,"",["loading",0,0,4],40,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Mask","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/mask/",0,"",["mask",0,1,4],85,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Megamenu","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/megamenu/",0,"",["megamenu",0,2,4],41,"misc","mega menu|navigation,navbar,menu|no icons,monochrome,minimal|c"],["Menu","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/menu/",0,"",["menu",0,3,4],39,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Mockup","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/mockup/",0,"",["mockup-browser",0,4,4],50,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Modal","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/modal/",0,"",["modal",0,5,4],6,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Navbar","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/navbar/",0,"",["navbar",0,6,4],44,"navbar|b","navbar|header,navigation,menu|no icons,monochrome,minimal|b"],["Otp","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/otp/",0,"",["otp",0,7,4],1,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Progress","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/progress/",0,"",["progress",0,0,5],46,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Radialprogress","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/radialprogress/",0,"",["radial-progress",0,1,5],47,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Radio","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/radio/",0,"",["radio",0,2,5],40,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Range","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/range/",0,"",["range",0,3,5],56,"misc","slider|range,input|no icons,monochrome,minimal|c"],["Rating","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/rating/",0,"",["rating",0,4,5],43,"input","rating|stars,review,input|no icons,monochrome,minimal|c"],["Select","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/select/",0,"",["select",0,5,5],13,"dropdown","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Skeleton","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/skeleton/",0,"",["skeleton",0,6,5],27,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Stack","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/stack/",0,"",["stack",0,7,5],71,"carousel","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Stat","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/stat/",0,"",["stat",0,0,6],53,"misc","card|stats section,container,surface|no icons,monochrome,minimal|c"],["Status","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/status/",0,"",["status",0,1,6],0,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Steps","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/steps/",0,"",["steps",0,2,6],64,"misc","stepper|steps,progress,onboarding|no icons,monochrome,minimal|c"],["Swap","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/swap/",0,"",["swap",0,3,6],7,"misc","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Tab","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/tab/",0,"",["tab",0,4,6],4,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Table","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/table/",0,"",["table",0,5,6],61,"table","data table|table,rows,spreadsheet|no icons,monochrome|c"],["Textarea","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/textarea/",0,"",["textarea",0,7,6],45,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textrotate","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/textrotate/",0,"",["text-rotate",0,6,6],7,"misc","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Timeline","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/timeline/",0,"",["timeline",0,0,7],55,"misc","timeline|history,steps,activity|icons,monochrome|c"],["Toast","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/toast/",0,"",["toast",0,1,7],69,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/toggle/",0,"",["toggle",0,2,7],8,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Tooltip","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/tooltip/",0,"",["tooltip",0,3,7],6,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Validator","daisyui","Tailwind CSS component class from daisyUI.","npm i -D daisyui","https://daisyui.com/components/validator/",0,"",["validator",0,4,7],9,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Accordion","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/accordion",0,"",["accordion",0,0,0],63,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/alert",0,"",["alert",0,1,0],82,"toast","alert|message,banner,callout|icons,monochrome|c"],["Alert dialog","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/alert-dialog",0,"",["alert-dialog",0,2,0],27,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Autocomplete","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/autocomplete",0,"",["autocomplete",0,3,0],52,"misc","combobox|select,search,autocomplete|icons,monochrome|c"],["Avatar","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/avatar",0,"",["avatar",0,4,0],10,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/avatar-group",0,"",["avatar-group",0,5,0],12,"media","avatar group|avatar,team,users|no icons,monochrome,minimal|c"],["Badge","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/badge",0,"",["badge",0,6,0],60,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Breadcrumbs","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/breadcrumbs",0,"",["breadcrumbs",0,7,0],40,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/button",0,"",["button",0,0,1],23,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/button-group",0,"",["button-group",0,1,1],94,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Calendar","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/calendar",0,"",["calendar",0,2,1],71,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar year picker","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/calendar",0,"",["calendar-year-picker",0,3,1],71,"datepicker","select|calendar,dropdown,options,form|icons,monochrome|c"],["Card","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/card",0,"",["card",0,4,1],70,"card","card|container,surface|icons,monochrome|c"],["Checkbox","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/checkbox",0,"",["checkbox",0,5,1],42,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/checkbox-group",0,"",["checkbox-group",0,6,1],63,"input","checkbox|form,checklist|icons,monochrome|c"],["Chip","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/chip",0,"",["chip",0,7,1],55,"misc","tag|label,chip,pill|no icons,monochrome,minimal|c"],["Close button","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/close-button",0,"",["close-button",0,0,2],0,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Color area","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/color-area",0,"",["color-area",0,1,2],100,"misc","slider|range,input|no icons|c"],["Color field","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/color-field",0,"",["color-field",0,2,2],62,"input","input|text field,form,form control|no icons|c"],["Color input group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/color-field",0,"",["color-input-group",0,3,2],62,"input","input|text field,form,form control|no icons|c"],["Color picker","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/color-picker",0,"",["color-picker",0,4,2],54,"input","color picker|select,color input,swatches|no icons|c"],["Color slider","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/color-slider",0,"",["color-slider",0,5,2],71,"input","slider|range,input|no icons|c"],["Color swatch","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/color-swatch",0,"",["color-swatch",0,6,2],30,"misc","color picker|color input,swatches|no icons|c"],["Color swatch picker","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/color-swatch-picker",0,"",["color-swatch-picker",0,7,2],62,"misc","select|color picker,dropdown,options,form|no icons|c"],["Combo box","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/combo-box",0,"",["combo-box",0,0,3],53,"misc","combobox|card,select,search,autocomplete|icons,monochrome,minimal|c"],["Date field","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/date-field",0,"",["date-field",0,1,3],16,"input","date picker|input,calendar,date input|no icons,monochrome,minimal|c"],["Date input group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/date-field",0,"",["date-input-group",0,2,3],16,"input","date picker|input,calendar,date input|no icons,monochrome,minimal|c"],["Date picker","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/date-picker",0,"",["date-picker",0,3,3],51,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date range picker","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/date-range-picker",0,"",["date-range-picker",0,4,3],55,"datepicker","select|slider,date range picker,dropdown,options,form|icons,monochrome,minimal|c"],["Description","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/description",0,"",["description",0,5,3],56,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Disclosure","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/disclosure",0,"",["disclosure",0,6,3],100,"misc","accordion|collapsible,expand,faq|icons,monochrome|c"],["Disclosure group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/disclosure-group",0,"",["disclosure-group",0,7,3],100,"misc","accordion|collapsible,expand,faq|icons,images,monochrome|c"],["Drawer","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/drawer",0,"",["drawer",0,0,4],17,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/dropdown",0,"",["dropdown",0,1,4],13,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Empty state","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/table",0,"",["empty-state",0,2,4],61,"misc","empty state|placeholder,illustration|no icons,monochrome,minimal|c"],["Error message","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/error-message",0,"",["error-message",0,3,4],69,"misc","data table|table,e-commerce,rows,spreadsheet|no icons,monochrome|c"],["Field error","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/field-error",0,"",["field-error",0,4,4],68,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Fieldset","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/fieldset",0,"",["fieldset",0,5,4],91,"misc","form|inputs,settings,fields|icons,monochrome|c"],["Form","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/form",0,"",["form",0,6,4],93,"input","form|inputs,login,fields|icons,monochrome|c"],["Header","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/list-box",0,"",["header",0,7,4],79,"navbar","navbar|header,navigation,menu|icons,monochrome|c"],["Input","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/input",0,"",["input",0,0,5],42,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/input-group",0,"",["input-group",0,1,5],53,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input otp","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/input-otp",0,"",["input-otp",0,2,5],68,"input","otp input|input,verification,code|no icons,monochrome|c"],["Kbd","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/kbd",0,"",["kbd",0,3,5],39,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Label","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/label",0,"",["label",0,4,5],17,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Link","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/link",0,"",["link",0,5,5],40,"misc","link|text link,hover|icons,monochrome,minimal|c"],["List box","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/list-box",0,"",["list-box",0,6,5],54,"misc","card|list,account,container,surface|icons,monochrome|c"],["List box item","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/list-box",0,"",["list-box-item",0,7,5],76,"misc","card|list,container,surface|icons,monochrome|c"],["List box section","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/list-box",0,"",["list-box-section",0,0,6],79,"section","card|content section,list,container,surface|icons,monochrome|c"],["Menu","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/dropdown",0,"",["menu",0,1,6],13,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu item","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/dropdown",0,"",["menu-item",0,2,6],13,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu section","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/dropdown",0,"",["menu-section",0,3,6],0,"section","dropdown menu|content section,menu,dropdown,actions|icons,monochrome,minimal|c"],["Meter","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/meter",0,"",["meter",0,4,6],59,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Modal","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/modal",0,"",["modal",0,5,6],17,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Number field","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/number-field",0,"",["number-field",0,6,6],51,"input","number input|input,stepper|icons,monochrome|c"],["Pagination","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/pagination",0,"",["pagination",0,7,6],41,"misc","pagination|pages,navigation|icons,monochrome|c"],["Popover","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/popover",0,"",["popover",0,0,7],23,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Progress bar","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/progress-bar",0,"",["progress-bar",0,1,7],59,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress circle","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/progress-circle",0,"",["progress-circle",0,2,7],17,"loader","activity ring|progress bar,progress,ring,chart,dashboard|icons,monochrome,minimal|c"],["Radio","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/radio-group",0,"",["radio",0,3,7],75,"input","radio group|radio,pricing,options,form|no icons,monochrome|c"],["Radio group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/radio-group",0,"",["radio-group",0,4,7],75,"input","radio group|radio,pricing,options,form|no icons,monochrome|c"],["Range calendar","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/range-calendar",0,"",["range-calendar",0,5,7],67,"datepicker","date range picker|slider,date picker,calendar,range|icons,monochrome|c"],["Scroll shadow","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/scroll-shadow",0,"",["scroll-shadow",0,6,7],64,"misc","card|container,surface|no icons,monochrome|c"],["Search field","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/search-field",0,"",["search-field",0,7,7],20,"input","search input|input,search|icons,monochrome|c"],["Select","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/select",0,"",["select",0,0,8],50,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/separator",0,"",["separator",0,1,8],60,"misc","divider|separator,line,layout|no icons,monochrome|c"],["Sheet","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/sheet",0,"",["sheet",0,2,8],16,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Skeleton","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/skeleton",0,"",["skeleton",0,3,8],53,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Slider","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/slider",0,"",["slider",0,4,8],67,"input","slider|range,input|no icons,monochrome,minimal|c"],["Spinner","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/spinner",0,"",["spinner",0,5,8],15,"loader","loader|spinner,loading,progress|icons,monochrome,minimal|c"],["Surface","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/surface",0,"",["surface",0,6,8],66,"misc","card|container,surface|no icons,monochrome|c"],["Switch","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/switch",0,"",["switch",0,7,8],42,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Switch group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/switch",0,"",["switch-group",0,0,9],55,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Table","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/table",0,"",["table",0,1,9],69,"table","data table|table,account,rows,spreadsheet|no icons,monochrome|c"],["Tabs","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/tabs",0,"",["tabs",0,2,9],66,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tag","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/tag-group",0,"",["tag",0,3,9],48,"misc","tag|label,e-commerce,chip,pill|icons,monochrome|c"],["Tag group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/tag-group",0,"",["tag-group",0,4,9],48,"misc","tag|label,e-commerce,chip,pill|icons,monochrome|c"],["Textarea","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/textarea",0,"",["textarea",0,5,9],66,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textfield","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/textfield",0,"",["textfield",0,6,9],49,"misc","input|text effect,text field,form,form control|no icons,monochrome,minimal|c"],["Time field","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/time-field",0,"",["time-field",0,7,9],15,"input","time picker|input,time input,clock|no icons,monochrome,minimal|c"],["Toast","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/toast",0,"",["toast",0,0,10],15,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle button","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/toggle-button",0,"",["toggle-button",0,1,10],8,"switch","button|switch,cta,click,action|icons,monochrome,minimal|c"],["Toggle button group","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/toggle-button-group",0,"",["toggle-button-group",0,2,10],12,"switch","button group|button,switch,buttons,toolbar|icons,monochrome|c"],["Toolbar","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/toolbar",0,"",["toolbar",0,3,10],16,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Tooltip","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/tooltip",0,"",["tooltip",0,4,10],49,"misc","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Typography","heroui","React Aria based component from HeroUI.","npm i @heroui/react","https://heroui.com/en/docs/react/components/typography",0,"",["typography",0,5,10],62,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Tailwind CSS Accordion","flowbite","Use the accordion component to show hidden information based on the collapse and expand state of the child elements using data attribute options","npm i flowbite","https://flowbite.com/docs/components/accordion/",0,"",["accordion",0,0,0],68,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Tailwind CSS Alerts","flowbite","Show contextual information to your users using alert elements based on Tailwind CSS","npm i flowbite","https://flowbite.com/docs/components/alerts/",0,"",["alerts",0,1,0],89,"toast","alert|message,banner,callout|no icons,monochrome|c"],["Tailwind CSS Avatar","flowbite","Use the avatar component to show a visual representation of a user profile using an image element or SVG object based on multiple styles and sizes","npm i flowbite","https://flowbite.com/docs/components/avatar/",0,"",["avatar",0,2,0],10,"media","avatar|profile,user,image|no icons,avatar,images,monochrome,minimal|c"],["Tailwind CSS Badges","flowbite","Use Tailwind CSS badges as elements to show counts or labels separately or inside other components","npm i flowbite","https://flowbite.com/docs/components/badge/",0,"",["badges",0,3,0],58,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Tailwind CSS Sticky Banner","flowbite","Use the banner component to show marketing messages and CTA buttons at the top or bottom side of your website based on the utility classes from Tailwind CSS","npm i flowbite","https://flowbite.com/docs/components/banner/",0,"",["sticky-banner",0,4,4],47,"button|b","alert|message,banner,callout|icons,monochrome|c"],["Tailwind CSS Bottom Navigation","flowbite","Use the bottom navigation bar component to allow users to navigate through your website or create a control bar using a menu that is positioned at the bottom of the page","npm i flowbite","https://flowbite.com/docs/components/bottom-navigation/",0,"",["bottom-navigation",0,4,0],0,"navbar|b","navbar|header,settings,navigation,menu|icons,monochrome|b"],["Tailwind CSS Breadcrumbs","flowbite","Show the location of the current page in a hierarchical structure using the Tailwind CSS breadcrumb components","npm i flowbite","https://flowbite.com/docs/components/breadcrumb/",0,"",["breadcrumbs",0,5,0],39,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Tailwind CSS Button Group","flowbite","Button groups are a Tailwind CSS powered set of buttons sticked together in a horizontal line","npm i flowbite","https://flowbite.com/docs/components/button-group/",0,"",["button-group",0,6,0],51,"button","button group|button,settings,buttons,toolbar|no icons,monochrome,minimal|c"],["Tailwind CSS Buttons","flowbite","Use the button component inside forms, as links, social login, payment options with support for multiple styles, colors, sizes, gradients, and shadows","npm i flowbite","https://flowbite.com/docs/components/buttons/",0,"",["buttons",0,7,0],77,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Tailwind CSS Cards","flowbite","Get started with a large variety of Tailwind CSS card examples for your web project","npm i flowbite","https://flowbite.com/docs/components/card/",0,"",["cards",0,0,1],74,"card","card|container,surface|no icons,monochrome|c"],["Tailwind CSS Carousel","flowbite","Use the carousel component to slide through multiple elements and images using custom controls, indicators, intervals, and options","npm i flowbite","https://flowbite.com/docs/components/carousel/",0,"",["carousel",0,1,1],90,"carousel","carousel|slider,gallery,swipe|icons,images,monochrome|c"],["Tailwind CSS Chat Bubble","flowbite","Use the chat bubble component to show chat messages in your web application including voice notes, images, galleries and other attachments based on multiple styles and variations","npm i flowbite","https://flowbite.com/docs/components/chat-bubble/",0,"",["chat-bubble",0,2,1],74,"thinking","chat|messages,ai,input|icons,avatar,monochrome|c"],["Tailwind CSS Copy to Clipboard","flowbite","Use the clipboard component to copy text, data or lines of code to the clipboard with a single click based on various styles and examples coded with Tailwind CSS and Flowbite","npm i flowbite","https://flowbite.com/docs/components/clipboard/",0,"",["copy-to-clipboard",0,3,1],80,"text","copy button|button,clipboard|no icons,monochrome,minimal|c"],["Tailwind CSS Datepicker","flowbite","Start receiving date and time data from your users using this free datepicker element based on Tailwind utility-classes and vanilla JavaScript","npm i flowbite","https://flowbite.com/docs/components/datepicker/",0,"",["datepicker",0,4,1],5,"datepicker","date picker|calendar,date input|icons,monochrome,minimal|c"],["Tailwind CSS Device Mockups","flowbite","Use the device mockups component to add content and screenshot previews of your application inside phone and tablet frames coded with Tailwind CSS and Flowbite","npm i flowbite","https://flowbite.com/docs/components/device-mockups/",0,"",["device-mockups",0,5,1],86,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Tailwind CSS Drawer (offcanvas)","flowbite","The Drawer component can be used as a hidden off-canvas sidebar for navigation and to show other information based on multiple styles and placements","npm i flowbite","https://flowbite.com/docs/components/drawer/",0,"",["drawer-offcanvas",0,6,1],29,"navbar","drawer|sheet,overlay,panel|icons,monochrome|c"],["Tailwind CSS Dropdown","flowbite","Get started with the dropdown component to show a list of menu items when clicking on the trigger element based on multiple layouts, styles, and placements","npm i flowbite","https://flowbite.com/docs/components/dropdowns/",0,"",["dropdown",0,7,1],35,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Tailwind CSS Footer","flowbite","Use the footer section at the bottom of every page to show valuable information to your users, such as sitemap links, a copyright notice, and a logo","npm i flowbite","https://flowbite.com/docs/components/footer/",0,"",["footer",0,0,2],61,"section|b","footer|links,site footer|no icons,monochrome,minimal|b"],["Tailwind CSS Forms","flowbite","Use the Tailwind CSS form and input elements such as checkboxes, radios, textarea, text inputs to collect information from users with Flowbite","npm i flowbite","https://flowbite.com/docs/components/forms/",0,"",["forms",0,1,2],93,"input","form|inputs,login,fields|no icons,monochrome,minimal|c"],["Tailwind CSS Gallery (Masonry)","flowbite","Use the image gallery component based on a masonry grid layout using flex and grid classes from Tailwind CSS to show multiple pictures based on various styles","npm i flowbite","https://flowbite.com/docs/components/gallery/",0,"",["gallery-masonry",0,2,2],87,"carousel","gallery|images,grid,photos|no icons,images,monochrome,minimal|c"],["Tailwind CSS Indicators","flowbite","Use the indicator component to show a number count, account status, or as a loading label positioned relative to the parent component coded with Tailwind CSS","npm i flowbite","https://flowbite.com/docs/components/indicators/",0,"",["indicators",0,3,2],55,"loader","badge|label,status,pill|no icons,monochrome,minimal|c"],["Tailwind CSS Jumbotron","flowbite","Use the jumbotron component to show a marketing message to your users based on a headline and image inside of a card box based on Tailwind CSS","npm i flowbite","https://flowbite.com/docs/components/jumbotron/",0,"",["jumbotron",0,4,2],92,"media","text effect|text animation,typography,animated text|icons,monochrome|c"],["Tailwind CSS KBD (Keyboard)","flowbite","Use the KBD component as an inline element to denote textual user input from the keyboard inside paragraphs, tables, and other components","npm i flowbite","https://flowbite.com/docs/components/kbd/",0,"",["kbd-keyboard",0,5,2],55,"table","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Tailwind CSS List Group","flowbite","Use the list group component to display a series of items, buttons or links inside a single element","npm i flowbite","https://flowbite.com/docs/components/list-group/",0,"",["list-group",0,6,2],69,"button","list|items,settings,rows|no icons,monochrome,minimal|c"],["Tailwind CSS Mega Menu","flowbite","Use the mega menu component as a full-width dropdown inside the navbar to show a list of menu items based on multiple sizes, variants, and styles.","npm i flowbite","https://flowbite.com/docs/components/mega-menu/",0,"",["mega-menu",0,7,2],65,"navbar|b","mega menu|dropdown menu,navigation,navbar,menu|icons,avatar,monochrome,minimal|b"],["Tailwind CSS Modal","flowbite","Use the modal component to show interactive dialogs and notifications to your website users available in multiple sizes, colors, and styles","npm i flowbite","https://flowbite.com/docs/components/modal/",0,"",["modal",0,0,3],29,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Tailwind CSS Navbar","flowbite","The navbar component can be used to show a list of navigation links positioned on the top side of your page based on multiple layouts, sizes, and dropdowns","npm i flowbite","https://flowbite.com/docs/components/navbar/",0,"",["navbar",0,1,3],42,"navbar|b","navbar|header,navigation,menu|no icons,avatar,monochrome,minimal|b"],["Tailwind CSS Pagination","flowbite","Use the Tailwind CSS pagination element to indicate a series of content across various pages based on multiple styles and sizes","npm i flowbite","https://flowbite.com/docs/components/pagination/",0,"",["pagination",0,2,3],73,"misc","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Tailwind CSS Popover","flowbite","Use the popover component to show detailed information inside a pop-up box relative to the element that is being clicked or hovered based on multiple styles","npm i flowbite","https://flowbite.com/docs/components/popover/",0,"",["popover",0,3,3],31,"dialog","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Tailwind CSS Progress Bar","flowbite","Use the progress bar component to show the completion rate of a data indicator or use it as a loader element","npm i flowbite","https://flowbite.com/docs/components/progress/",0,"",["progress-bar",0,4,3],56,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Tailwind CSS QR Code Generator","flowbite","Use this component to generate and show QR codes based on text or URL that can be scanned with device phone cameras and other devices using the Flowbite library based on Tailwind C","npm i flowbite","https://flowbite.com/docs/components/qr-code/",0,"",["qr-code-generator",0,5,3],71,"media","code block|qr code,code,syntax highlight|no icons|c"],["Tailwind CSS Rating","flowbite","Use the rating component to show reviews and testimonials from your users using stars and scores based on multiple styles and sizes","npm i flowbite","https://flowbite.com/docs/components/rating/",0,"",["rating",0,6,3],20,"input","rating|stars,review,input|icons,monochrome|c"],["Tailwind CSS Sidebar","flowbite","Use the sidebar component to show a list of menu items and multi-level menu items on either side of the page to navigate on your website","npm i flowbite","https://flowbite.com/docs/components/sidebar/",0,"",["sidebar",0,7,3],81,"section|b","sidebar|navigation,notifications,login,menu,layout|icons,monochrome|b"],["Tailwind CSS Skeleton","flowbite","The skeleton component can be used as an alternative loading indicator to the spinner by mimicking the content that will be loaded such as text, images, or video","npm i flowbite","https://flowbite.com/docs/components/skeleton/",0,"",["skeleton",0,0,4],63,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Tailwind CSS Speed Dial","flowbite","The speed dial component can be used as a quick way to show a list of action buttons to a user when hovering or clicking on the main trigger element.","npm i flowbite","https://flowbite.com/docs/components/speed-dial/",0,"",["speed-dial",0,1,4],53,"button","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tailwind CSS Spinner","flowbite","Use the spinner component as a loader indicator in your projects when fetching data based on an animated SVG using the utility classes from Tailwind CSS","npm i flowbite","https://flowbite.com/docs/components/spinner/",0,"",["spinner",0,2,4],16,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Tailwind CSS Stepper","flowbite","Use the stepper component to show the number of steps required to complete a form inside your application based on Tailwind CSS","npm i flowbite","https://flowbite.com/docs/components/stepper/",0,"",["stepper",0,3,4],57,"input","stepper|steps,progress,onboarding|icons,monochrome,minimal|c"],["Tailwind CSS Table","flowbite","Use the table component to show text, images, links, and other elements inside a structured set of data made up of rows and columns of table cells","npm i flowbite","https://flowbite.com/docs/components/tables/",0,"",["table",0,5,4],71,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Tailwind CSS Tabs","flowbite","Use these responsive tabs components to create a secondary navigational hierarchy for your website or toggle content inside a container","npm i flowbite","https://flowbite.com/docs/components/tabs/",0,"",["tabs",0,6,4],49,"tabs","tabs|tab bar,settings,segmented control,navigation|no icons,monochrome,minimal|c"],["Tailwind CSS Timeline","flowbite","Get started with the responsive timeline component to show data in a chronological order with support for multiple styles, sizes, and variants","npm i flowbite","https://flowbite.com/docs/components/timeline/",0,"",["timeline",0,7,4],64,"misc","timeline|history,login,steps,activity|icons,monochrome|c"],["Tailwind CSS Toast","flowbite","Push notifications to your users using the toast component and choose from multiple sizes, colors, styles, and positions","npm i flowbite","https://flowbite.com/docs/components/toast/",0,"",["toast",0,0,5],68,"toast","toast|notification,alert,message|icons,monochrome|c"],["Tailwind CSS Tooltip","flowbite","Use the following Tailwind CSS powered tooltips to show extra content when hovering or focusing on an element","npm i flowbite","https://flowbite.com/docs/components/tooltips/",0,"",["tooltip",0,1,5],30,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tailwind CSS Typography","flowbite","Use the typography plugin from Flowbite to apply styles to all inline elements like headings, paragraphs, lists, and images using a single format class","npm i flowbite","https://flowbite.com/docs/components/typography/",0,"",["typography",0,2,5],66,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Tailwind CSS Video","flowbite","Use the video component to configure an embedded video player using native HTML 5 functionality based on the utility classes from Tailwind CSS","npm i flowbite","https://flowbite.com/docs/components/video/",0,"",["video",0,3,5],81,"media","video player|video,media player|no icons,monochrome,minimal|c"],["Accordions","hyperui","10 free Tailwind accordions examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/accordions",10,"",["accordions",0,0,0],71,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Badges","hyperui","10 free Tailwind badges examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/badges",10,"",["badges",0,6,0],20,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Breadcrumbs","hyperui","10 free Tailwind breadcrumbs examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/breadcrumbs",10,"",["breadcrumbs",0,1,1],0,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button groups","hyperui","10 free Tailwind button groups examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/button-groups",10,"",["button-groups",0,2,1],7,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Charts","hyperui","22 free Tailwind charts examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/charts",22,"",["charts",0,6,1],89,"chart","chart|graph,data,dashboard|no icons|c"],["Checkboxes","hyperui","6 free Tailwind checkboxes examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/checkboxes",6,"",["checkboxes",0,7,1],46,"misc","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Details list","hyperui","8 free Tailwind details list examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/details-list",8,"",["details-list",0,2,2],63,"misc","list|items,pricing,rows|no icons,monochrome|c"],["Dividers","hyperui","12 free Tailwind dividers examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/dividers",12,"",["dividers",0,3,2],7,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Dropdown","hyperui","6 free Tailwind dropdown examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/dropdown",6,"",["dropdown",0,4,2],88,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Empty states","hyperui","10 free Tailwind empty states examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/empty-states",10,"",["empty-states",0,6,2],96,"misc","empty state|placeholder,illustration|no icons,monochrome|c"],["File uploaders","hyperui","4 free Tailwind file uploaders examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/file-uploaders",4,"",["file-uploaders",0,1,3],66,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome,minimal|c"],["Filters","hyperui","4 free Tailwind filters examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/filters",4,"",["filters",0,2,3],38,"misc","checkbox|form,checklist|icons,monochrome|c"],["Grids","hyperui","10 free Tailwind grids examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/grids",10,"",["grids",0,4,3],87,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Inputs","hyperui","8 free Tailwind inputs examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/inputs",8,"",["inputs",0,6,3],29,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Loaders","hyperui","14 free Tailwind loaders examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/loaders",14,"",["loaders",0,7,3],12,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Media","hyperui","8 free Tailwind media examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/media",8,"",["media",0,1,4],81,"misc","card|container,surface|no icons,monochrome|c"],["Modals","hyperui","12 free Tailwind modals examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/modals",12,"",["modals",0,2,4],7,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Pagination","hyperui","6 free Tailwind pagination examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/pagination",6,"",["pagination",0,4,4],23,"misc","pagination|pages,navigation|icons,monochrome|c"],["Progress bars","hyperui","4 free Tailwind progress bars examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/progress-bars",4,"",["progress-bars",0,2,5],89,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Quantity inputs","hyperui","8 free Tailwind quantity inputs examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/quantity-inputs",8,"",["quantity-inputs",0,3,5],9,"input","input|number input,text field,form,form control|no icons,monochrome,minimal|c"],["Radio groups","hyperui","5 free Tailwind radio groups examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/radio-groups",5,"",["radio-groups",0,4,5],81,"input","radio group|radio,pricing,options,form|no icons,monochrome,minimal|c"],["Range inputs","hyperui","5 free Tailwind range inputs examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/range-inputs",5,"",["range-inputs",0,5,5],84,"input","input|slider,text field,form,form control|no icons,monochrome,minimal|c"],["Selects","hyperui","6 free Tailwind selects examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/selects",6,"",["selects",0,1,6],59,"dropdown","select|dropdown,options,form|no icons,monochrome|c"],["Side menu","hyperui","4 free Tailwind side menu examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/side-menu",4,"",["side-menu",0,2,6],67,"dropdown","sidebar|dropdown menu,account,navigation,menu,layout|icons,avatar,monochrome|c"],["Skip links","hyperui","3 free Tailwind skip links examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/skip-links",3,"",["skip-links",0,3,6],75,"misc","link|text link,hover|no icons,monochrome,minimal|c"],["Stats","hyperui","12 free Tailwind stats examples (application).","Copy from HyperUI","https://www.hyperui.dev/",12,"",["application-stats",0,5,0],88,"chart|b","stats section|numbers,pricing,metrics|icons,monochrome|b"],["Steps","hyperui","10 free Tailwind steps examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/steps",10,"",["steps",0,4,6],61,"misc","stepper|steps,progress,onboarding|icons,monochrome|c"],["Tables","hyperui","10 free Tailwind tables examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/tables",10,"",["tables",0,7,6],61,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Tabs","hyperui","10 free Tailwind tabs examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/tabs",10,"",["tabs",0,0,7],59,"tabs","tabs|tab bar,notifications,segmented control,navigation|no icons,monochrome|c"],["Textareas","hyperui","6 free Tailwind textareas examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/textareas",6,"",["textareas",0,3,7],67,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Timelines","hyperui","6 free Tailwind timelines examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/timelines",6,"",["timelines",0,4,7],74,"misc","timeline|history,steps,activity|no icons,monochrome|c"],["Toasts","hyperui","12 free Tailwind toasts examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/toasts",12,"",["toasts",0,5,7],89,"toast","toast|notification,alert,message|icons,monochrome|c"],["Toggles","hyperui","8 free Tailwind toggles examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/toggles",8,"",["toggles",0,6,7],7,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Vertical menu","hyperui","16 free Tailwind vertical menu examples (application).","Copy from HyperUI","https://www.hyperui.dev/components/application/vertical-menu",16,"",["vertical-menu",0,7,7],84,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Animate duration delay","hyperui","1 free Tailwind animate duration delay examples (blog).","Copy from HyperUI","https://www.hyperui.dev/",1,"",["animate-duration-delay",0,3,0],82,"section|b","blog section|articles,posts,cards|no icons,animated,monochrome|b"],["Remove number input spinners","hyperui","1 free Tailwind remove number input spinners examples (blog).","Copy from HyperUI","https://www.hyperui.dev/",1,"",["remove-number-input-spinners",0,6,5],86,"input","loader|input,number input,spinner,loading,progress|no icons,monochrome,minimal|c"],["Announcements","hyperui","12 free Tailwind announcements examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/announcements",12,"",["announcements",0,4,0],60,"misc","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Banners","hyperui","6 free Tailwind banners examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/banners",6,"",["banners",0,7,0],83,"misc","alert|message,banner,callout|no icons,monochrome|c"],["Blog cards","hyperui","13 free Tailwind blog cards examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/blog-cards",13,"",["blog-cards",0,0,1],90,"card|b","blog section|card,articles,posts,cards|no icons,monochrome|b"],["Buttons","hyperui","10 free Tailwind buttons examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/buttons",10,"",["buttons",0,3,1],71,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Cards","hyperui","9 free Tailwind cards examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/cards",9,"",["cards",0,4,1],71,"card","card|container,surface|icons,monochrome|c"],["Carts","hyperui","6 free Tailwind carts examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/carts",6,"",["carts",0,5,1],99,"misc","card|ecommerce,e-commerce,container,surface|icons,images,monochrome|c"],["Contact forms","hyperui","10 free Tailwind contact forms examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/contact-forms",10,"",["contact-forms",0,0,2],94,"section|b","contact section|contact form,form|no icons,monochrome,minimal|b"],["Ctas","hyperui","8 free Tailwind ctas examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/ctas",8,"",["ctas",0,1,2],100,"button","button|cta,click,action|no icons,monochrome|c"],["Empty content","hyperui","10 free Tailwind empty content examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/empty-content",10,"",["empty-content",0,5,2],97,"misc","card|content section,search,container,surface|no icons,monochrome|c"],["Faqs","hyperui","6 free Tailwind faqs examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/faqs",6,"",["faqs",0,7,2],71,"accordion","accordion|faq section,collapsible,expand,faq|icons,monochrome|c"],["Feature grids","hyperui","8 free Tailwind feature grids examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/feature-grids",8,"",["feature-grids",0,0,3],89,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Footers","hyperui","24 free Tailwind footers examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/footers",24,"",["footers",0,3,3],88,"section|b","footer|links,team,site footer|icons,monochrome|b"],["Headers","hyperui","8 free Tailwind headers examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/headers",8,"",["headers",0,5,3],68,"navbar|b","navbar|header,navigation,menu|icons,monochrome,minimal|b"],["Logo clouds","hyperui","4 free Tailwind logo clouds examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/logo-clouds",4,"",["logo-clouds",0,0,4],79,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Newsletter signup","hyperui","4 free Tailwind newsletter signup examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/newsletter-signup",4,"",["newsletter-signup",0,3,4],93,"section|b","login|newsletter,blog section,sign in,sign up,auth form|no icons,monochrome|b"],["Polls","hyperui","6 free Tailwind polls examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/polls",6,"",["polls",0,5,4],80,"misc","radio group|radio,options,form|no icons,monochrome|c"],["Pricing","hyperui","2 free Tailwind pricing examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/pricing",2,"",["pricing",0,7,4],80,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Product cards","hyperui","8 free Tailwind product cards examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/product-cards",8,"",["product-cards",0,0,5],92,"card","card|ecommerce,pricing,container,surface|no icons,monochrome,minimal|c"],["Product collections","hyperui","4 free Tailwind product collections examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/product-collections",4,"",["product-collections",0,1,5],76,"misc","card|ecommerce,pricing,container,surface|no icons,images,monochrome|c"],["Sections","hyperui","4 free Tailwind sections examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/sections",4,"",["sections",0,0,6],89,"section|b","content section|section,landing page|no icons,monochrome|b"],["Team sections","hyperui","6 free Tailwind team sections examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/team-sections",6,"",["team-sections",0,1,7],94,"section|b","team section|content section,team,people,avatars|icons,images,monochrome|b"],["Testimonials","hyperui","3 free Tailwind testimonials examples (marketing).","Copy from HyperUI","https://www.hyperui.dev/components/marketing/testimonials",3,"",["testimonials",0,2,7],79,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,monochrome|b"],["Alerts","hyperui","6 free Tailwind alerts examples (neobrutalism).","Copy from HyperUI","https://www.hyperui.dev/components/neobrutalism/alerts",6,"",["alerts",0,1,0],91,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Analytics dashboard","hyperui","5 free Tailwind analytics dashboard examples (templates).","Copy from HyperUI","https://www.hyperui.dev/",5,"",["analytics-dashboard",0,2,0],91,"chart|b","dashboard|admin,analytics,app layout,pricing,account,app|icons,avatar|b"],["Portfolio","hyperui","2 free Tailwind portfolio examples (templates).","Copy from HyperUI","https://www.hyperui.dev/",2,"",["portfolio",0,6,4],95,"misc|b","content section|section,landing page|icons,avatar,images,monochrome|b"],["Saas landing page","hyperui","1 free Tailwind saas landing page examples (templates).","Copy from HyperUI","https://www.hyperui.dev/",1,"",["saas-landing-page",0,7,5],94,"section|b","content section|section,team,login,landing page|icons,monochrome|b"],["Storefront","hyperui","2 free Tailwind storefront examples (templates).","Copy from HyperUI","https://www.hyperui.dev/",2,"",["storefront",0,5,6],72,"misc","ecommerce|product,search,pricing,shop,checkout|icons,images,monochrome|b"],["Support inbox","hyperui","2 free Tailwind support inbox examples (templates).","Copy from HyperUI","https://www.hyperui.dev/",2,"",["support-inbox",0,6,6],69,"misc","contact section|contact form,search,notifications,form|icons,avatar,monochrome|b"],["404 pages","meraki","7 free Tailwind 404 pages examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/404-pages",7,"",["404-pages",0,0,0],95,"misc|b","404 page|content section,error page,not found|icons,monochrome|b"],["Alerts","meraki","9 free Tailwind alerts examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/alerts",9,"",["alerts",0,1,0],85,"toast","alert|message,banner,callout|icons,monochrome|c"],["Avatars","meraki","10 free Tailwind avatars examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/avatars",10,"",["avatars",0,2,0],70,"media","avatar group|avatar,team,users|no icons,avatar,images,monochrome,minimal|c"],["Blog","meraki","6 free Tailwind blog examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/blog",6,"",["blog",0,3,0],87,"section|b","blog section|articles,posts,cards|no icons,images,monochrome|b"],["Breadcrumbs","meraki","5 free Tailwind breadcrumbs examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/breadcrumbs",5,"",["breadcrumbs",0,4,0],52,"misc","breadcrumb|navigation,settings,path|icons,monochrome|c"],["Buttons","meraki","10 free Tailwind buttons examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/buttons",10,"",["buttons",0,5,0],28,"button","button|cta,upload,click,action|no icons,monochrome,minimal|c"],["Cards","meraki","9 free Tailwind cards examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/cards",9,"",["cards",0,6,0],73,"card","card|container,surface|no icons,avatar,monochrome|c"],["Contact","meraki","13 free Tailwind contact examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/contact",13,"",["contact",0,7,0],97,"section|b","contact section|contact form,account,form|icons,monochrome|b"],["Cookies","meraki","6 free Tailwind cookies examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/cookies",6,"",["cookies",0,0,1],65,"misc","cookie banner|banner,consent|icons,monochrome|c"],["Cta","meraki","6 free Tailwind cta examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/cta",6,"",["cta",0,1,1],86,"button|b","cta section|call to action,banner|no icons,monochrome|b"],["Dropdowns","meraki","6 free Tailwind dropdowns examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/dropdowns",6,"",["dropdowns",0,2,1],83,"dropdown","dropdown menu|menu,settings,dropdown,actions|icons,monochrome|c"],["Email templates","meraki","7 free Tailwind email templates examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/email-templates",7,"",["email-templates",0,3,1],81,"misc","content section|section,settings,account,landing page|no icons,avatar,monochrome|b"],["Faq","meraki","5 free Tailwind faq examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/faq",5,"",["faq",0,4,1],80,"accordion|b","faq section|faq,media,accordion,questions|icons,monochrome|b"],["Features","meraki","7 free Tailwind features examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/features",7,"",["features",0,5,1],75,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Footers","meraki","10 free Tailwind footers examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/footers",10,"",["footers",0,6,1],88,"section|b","footer|links,site footer|icons,avatar,monochrome|b"],["Forms","meraki","4 free Tailwind forms examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/forms",4,"",["forms",0,7,1],88,"input","form|inputs,fields|no icons,monochrome|c"],["Heros","meraki","11 free Tailwind heros examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/heros",11,"",["heros",0,0,2],94,"section|b","hero section|landing page,header,headline|no icons,avatar,monochrome|b"],["Inputs","meraki","13 free Tailwind inputs examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/inputs",13,"",["inputs",0,1,2],60,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Modals","meraki","5 free Tailwind modals examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/modals",5,"",["modals",0,2,2],81,"dialog","dialog|modal,overlay,popup|no icons,monochrome|c"],["Navbars","meraki","6 free Tailwind navbars examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/navbars",6,"",["navbars",0,3,2],31,"navbar|b","navbar|header,navigation,menu|icons,avatar,images,monochrome,minimal|b"],["Pagination","meraki","4 free Tailwind pagination examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/pagination",4,"",["pagination",0,4,2],71,"misc","pagination|pages,navigation|icons,monochrome|c"],["Portfolio","meraki","5 free Tailwind portfolio examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/portfolio",5,"",["portfolio",0,5,2],81,"misc|b","content section|section,landing page|no icons,monochrome|b"],["Pricing","meraki","7 free Tailwind pricing examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/pricing",7,"",["pricing",0,6,2],99,"pricing|b","pricing section|pricing,plans,subscription|no icons,monochrome|b"],["Sidebar","meraki","8 free Tailwind sidebar examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/sidebar",8,"",["sidebar",0,7,2],82,"section|b","sidebar|navigation,settings,account,menu,layout|icons,avatar,images,monochrome|b"],["Sign in and registration","meraki","9 free Tailwind sign in and registration examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/sign-in-and-registration",9,"",["sign-in-and-registration",0,0,3],88,"misc|b","login|sign in,sign up,auth form|no icons,avatar,monochrome|b"],["Skeleton","meraki","8 free Tailwind skeleton examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/skeleton",8,"",["skeleton",0,1,3],74,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Tables","meraki","6 free Tailwind tables examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/tables",6,"",["tables",0,2,3],74,"table","data table|table,team,account,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Tabs","meraki","4 free Tailwind tabs examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/tabs",4,"",["tabs",0,3,3],48,"tabs","tabs|tab bar,notifications,segmented control,navigation|no icons,monochrome,minimal|c"],["Teams","meraki","7 free Tailwind teams examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/teams",7,"",["teams",0,4,3],87,"section|b","content section|section,landing page|icons,images,monochrome|b"],["Testimonials","meraki","8 free Tailwind testimonials examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/marketing/testimonials",8,"",["testimonials",0,5,3],98,"card|b","testimonials|reviews,social proof,quotes|icons,avatar,images,monochrome|b"],["Tooltip","meraki","7 free Tailwind tooltip examples with RTL and dark mode.","Copy from Meraki UI","https://merakiui.com/components/application-ui/tooltip",7,"",["tooltip",0,6,3],71,"misc","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Accordion","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/accordion",0,"",["accordion",0,0,0],55,"accordion","accordion|collapsible,notifications,expand,faq|icons,monochrome|c"],["Area Chart","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/area-chart",0,"",["area-chart",0,1,0],91,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Badge","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/badge",0,"",["badge",0,2,0],29,"section","badge|label,status,pill|no icons,monochrome,minimal|c"],["Bar Chart","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/bar-chart",0,"",["bar-chart",0,3,0],98,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Bar List","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/barlist",0,"",["bar-list",0,4,0],80,"section|b","bar list|list,chart,ranking,dashboard|no icons,monochrome,minimal|c"],["Button","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/button",0,"",["button",0,5,0],73,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Calendar","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/calendar",0,"",["calendar",0,6,0],66,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Callout","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/callout",0,"",["callout",0,7,0],37,"section|b","alert|message,banner,callout|icons,monochrome|c"],["Card","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/card",0,"",["card",0,0,1],58,"card","card|container,search,surface|no icons,monochrome|c"],["Category Bar","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/category-bar",0,"",["category-bar",0,1,1],76,"section|b","dashboard|admin,analytics,app layout,app|no icons,monochrome,minimal|b"],["Checkbox","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/checkbox",0,"",["checkbox",0,2,1],56,"input","checkbox|form,checklist|icons,monochrome|c"],["Combo Chart","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/combo-chart",0,"",["combo-chart",0,3,1],97,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Date Picker","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/date-picker",0,"",["date-picker",0,4,1],6,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Dialog","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/dialog",0,"",["dialog",0,5,1],37,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Divider","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/divider",0,"",["divider",0,6,1],60,"section","divider|separator,line,layout|icons,monochrome,minimal|c"],["Donut Chart","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/donut-chart",0,"",["donut-chart",0,7,1],79,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Drawer","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/drawer",0,"",["drawer",0,0,2],34,"section|b","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown Menu","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/dropdown-menu",0,"",["dropdown-menu",0,1,2],5,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Input","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/input",0,"",["input",0,2,2],71,"input","input|text field,login,form,form control|icons,monochrome,minimal|c"],["Label","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/label",0,"",["label",0,3,2],51,"section|b","input|text field,login,form,form control|icons,monochrome,minimal|c"],["Line Chart","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/line-chart",0,"",["line-chart",0,4,2],74,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Popover","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/popover",0,"",["popover",0,5,2],22,"section","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Progress Bar","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/progress-bar",0,"",["progress-bar",0,6,2],98,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress Circle","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/progress-circle",0,"",["progress-circle",0,7,2],69,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons,monochrome,minimal|c"],["Radio Card Group","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/radio-card-group",0,"",["radio-card-group",0,0,3],53,"input","card|radio group,container,surface|no icons,monochrome,minimal|c"],["Radio Group","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/radio-group",0,"",["radio-group",0,1,3],52,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Select","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/select",0,"",["select",0,2,3],40,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select Native","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/select-native",0,"",["select-native",0,3,3],39,"dropdown","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Slider","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/slider",0,"",["slider",0,4,3],54,"input","slider|range,input|no icons,monochrome,minimal|c"],["Spark Chart","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/spark-chart",0,"",["spark-chart",0,5,3],70,"chart","chart|graph,data,dashboard|no icons,monochrome,minimal|c"],["Switch","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/switch",0,"",["switch",0,6,3],60,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Tab Navigation","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/tab-navigation",0,"",["tab-navigation",0,7,3],54,"navbar","navbar|tabs,header,navigation,menu|no icons,monochrome,minimal|c"],["Table","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/table",0,"",["table",0,0,4],58,"table","data table|table,rows,spreadsheet|icons,animated,monochrome|c"],["Tabs","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/tabs",0,"",["tabs",0,1,4],63,"tabs","tabs|tab bar,pricing,segmented control,navigation|no icons,monochrome|c"],["Textarea","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/textarea",0,"",["textarea",0,2,4],5,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Toast","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/toast",0,"",["toast",0,3,4],36,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/inputs/toggle",0,"",["toggle",0,4,4],12,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Tooltip","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/ui/tooltip",0,"",["tooltip",0,5,4],63,"section","tooltip|hover,popover,hint|no icons,monochrome|c"],["Tracker","tremor","Copy-paste Tailwind component for dashboards.","Copy from Tremor","https://tremor.so/docs/visualizations/tracker",0,"",["tracker",0,6,4],60,"section|b","tracker|audio player,status,chart,dashboard|no icons,monochrome,minimal|c"],["Accordion","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["accordion",0,0,0],68,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Avatar","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["avatar",0,1,0],8,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["badge",0,2,0],67,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Button","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["button",0,3,0],71,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Calendar","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["calendar",0,4,0],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["card",0,5,0],76,"card","card|container,surface|no icons,monochrome,minimal|c"],["Checkbox","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["checkbox",0,6,0],44,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Command","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["command",0,7,0],74,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Create new","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["create-new",0,0,1],13,"misc","card|container,surface|icons,monochrome,minimal|c"],["Dialog","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["dialog",0,1,1],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dropdown menu","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["dropdown-menu",0,2,1],7,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Firefly button","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["firefly-button",0,3,1],93,"button","button|cta,click,action|no icons|c"],["Glitch text","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["glitch-text",0,4,1],69,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Input","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["input",0,5,1],5,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["label",0,6,1],11,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Progress","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["progress",0,7,1],0,"loader","progress bar|progress,meter,loading||c"],["Rainbow button","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["rainbow-button",0,0,2],80,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Scroll area","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["scroll-area",0,1,2],64,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Separator","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["separator",0,2,2],56,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Sheet","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["sheet",0,3,2],7,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sidebar","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["sidebar",0,4,2],62,"section|b","sidebar|navigation,settings,notifications,menu,layout|icons,monochrome|b"],["Signature animation","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["signature-animation",0,5,2],96,"misc","input|text field,form,form control|icons,animated|c"],["Skeleton","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["skeleton",0,6,2],38,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Slider","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["slider",0,7,2],6,"input","slider|range,input|no icons,monochrome,minimal|c"],["Switch","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["switch",0,0,3],11,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Table","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["table",0,1,3],62,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Tabs","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["tabs",0,2,3],53,"tabs","tabs|tab bar,login,segmented control,navigation|no icons,monochrome,minimal|c"],["Toast","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["toast",0,3,3],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Tooltip","easyui","React and Tailwind component from Easy UI.","Copy from Easy UI","https://www.easyui.pro/component",0,"",["tooltip",0,4,3],7,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Avatar","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/avatar",0,"",["avatar",0,3,0],65,"media","avatar|profile,user,image|no icons,avatar,images,monochrome|c"],["Badge","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/badge",0,"",["badge",0,4,0],58,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Blockquote","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/blockquote",0,"",["blockquote",0,5,0],57,"misc","card|content section,tasks,container,surface|no icons,monochrome,minimal|c"],["Button","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/button",0,"",["button",0,0,1],82,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Code","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/code",0,"",["code",0,6,1],52,"misc","code block|code,syntax highlight|no icons,monochrome,minimal|c"],["Divider","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/divider",0,"",["divider",0,1,2],59,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Heading","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/heading",0,"",["heading",0,5,3],77,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Icon button","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/icon-button",0,"",["icon-button",0,7,3],84,"button","icon button|animated icon,button,icon|icons,monochrome|c"],["Kbd","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/kbd",0,"",["kbd",0,2,4],9,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Link","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/link",0,"",["link",0,3,4],3,"misc","link|text link,hover|no icons,monochrome,minimal|c"],["Link overlay","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/link-overlay",0,"",["link-overlay",0,4,4],58,"dialog","link|text link,hover|no icons,monochrome,minimal|c"],["List","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/list",0,"",["list",0,5,4],43,"misc","list|items,rows|no icons,monochrome,minimal|c"],["Mark","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/mark",0,"",["mark",0,7,4],48,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Text","ninjaui","Accessible component from @ninna-ui/primitives.","npm i @ninna-ui/primitives","https://www.ninna-ui.dev/primitives/text",0,"",["text",0,3,7],47,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Accordion","ninjaui","Accessible component from @ninna-ui/navigation.","npm i @ninna-ui/navigation","https://www.ninna-ui.dev/navigation/accordion",0,"",["accordion",0,0,0],55,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Breadcrumbs","ninjaui","Accessible component from @ninna-ui/navigation.","npm i @ninna-ui/navigation","https://www.ninna-ui.dev/navigation/breadcrumbs",0,"",["breadcrumbs",0,7,0],38,"navbar","breadcrumb|navigation,path|icons,monochrome|c"],["Pagination","ninjaui","Accessible component from @ninna-ui/navigation.","npm i @ninna-ui/navigation","https://www.ninna-ui.dev/navigation/pagination",0,"",["pagination",0,2,5],61,"navbar","pagination|pages,navigation|icons,monochrome|c"],["Stepper","ninjaui","Accessible component from @ninna-ui/navigation.","npm i @ninna-ui/navigation","https://www.ninna-ui.dev/navigation/stepper",0,"",["stepper",0,7,6],72,"navbar|b","stepper|steps,progress,onboarding|icons,monochrome|c"],["Tabs","ninjaui","Accessible component from @ninna-ui/navigation.","npm i @ninna-ui/navigation","https://www.ninna-ui.dev/navigation/tabs",0,"",["tabs",0,2,7],65,"tabs","tabs|tab bar,settings,login,segmented control,navigation|no icons,monochrome|c"],["Alert","ninjaui","Accessible component from @ninna-ui/feedback.","npm i @ninna-ui/feedback","https://www.ninna-ui.dev/feedback/alert",0,"",["alert",0,1,0],94,"toast","alert|message,banner,callout|icons,monochrome|c"],["Circular progress","ninjaui","Accessible component from @ninna-ui/feedback.","npm i @ninna-ui/feedback","https://www.ninna-ui.dev/feedback/circular-progress",0,"",["circular-progress",0,5,1],61,"loader","progress bar|activity ring,progress,meter,loading|no icons,monochrome,minimal|c"],["Empty state","ninjaui","Accessible component from @ninna-ui/feedback.","npm i @ninna-ui/feedback","https://www.ninna-ui.dev/feedback/empty-state",0,"",["empty-state",0,4,2],88,"misc","empty state|placeholder,e-commerce,illustration|icons,monochrome|c"],["Loading","ninjaui","Accessible component from @ninna-ui/feedback.","npm i @ninna-ui/feedback","https://www.ninna-ui.dev/feedback/loading",0,"",["loading",0,6,4],71,"loader","loader|spinner,loading,progress|no icons,animated,monochrome|c"],["Progress","ninjaui","Accessible component from @ninna-ui/feedback.","npm i @ninna-ui/feedback","https://www.ninna-ui.dev/feedback/progress",0,"",["progress",0,5,5],100,"loader","progress bar|progress,meter,loading||c"],["Skeleton","ninjaui","Accessible component from @ninna-ui/feedback.","npm i @ninna-ui/feedback","https://www.ninna-ui.dev/feedback/skeleton",0,"",["skeleton",0,2,6],34,"loader","skeleton|loading,placeholder|no icons,animated,monochrome|c"],["Status","ninjaui","Accessible component from @ninna-ui/feedback.","npm i @ninna-ui/feedback","https://www.ninna-ui.dev/feedback/status",0,"",["status",0,6,6],25,"misc","timeline|history,steps,activity|no icons,monochrome,minimal|c"],["Toast","ninjaui","Accessible component from @ninna-ui/feedback.","npm i @ninna-ui/feedback","https://www.ninna-ui.dev/feedback/toast",0,"",["toast",0,6,7],27,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Calendar","ninjaui","Accessible component from @ninna-ui/data-display.","npm i @ninna-ui/data-display","https://www.ninna-ui.dev/data-display/calendar",0,"",["calendar",0,1,1],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card","ninjaui","Accessible component from @ninna-ui/data-display.","npm i @ninna-ui/data-display","https://www.ninna-ui.dev/data-display/card",0,"",["card",0,2,1],84,"card","card|container,surface|no icons,monochrome|c"],["Data table","ninjaui","Accessible component from @ninna-ui/data-display.","npm i @ninna-ui/data-display","https://www.ninna-ui.dev/data-display/data-table",0,"",["data-table",0,0,2],59,"table","data table|table,account,rows,spreadsheet|icons,monochrome|c"],["Stat","ninjaui","Accessible component from @ninna-ui/data-display.","npm i @ninna-ui/data-display","https://www.ninna-ui.dev/data-display/stat",0,"",["stat",0,5,6],67,"misc","card|stats section,analytics,pricing,container,surface|icons,monochrome|c"],["Table","ninjaui","Accessible component from @ninna-ui/data-display.","npm i @ninna-ui/data-display","https://www.ninna-ui.dev/data-display/table",0,"",["table",0,1,7],62,"table","data table|table,account,rows,spreadsheet|no icons,monochrome|c"],["Timeline","ninjaui","Accessible component from @ninna-ui/data-display.","npm i @ninna-ui/data-display","https://www.ninna-ui.dev/data-display/timeline",0,"",["timeline",0,5,7],60,"misc","timeline|history,calendar,steps,activity|no icons,monochrome|c"],["Tree","ninjaui","Accessible component from @ninna-ui/data-display.","npm i @ninna-ui/data-display","https://www.ninna-ui.dev/data-display/tree",0,"",["tree",0,0,8],54,"misc","tree view|file tree,nested list|icons,monochrome|c"],["Drawer","ninjaui","Accessible component from @ninna-ui/overlays.","npm i @ninna-ui/overlays","https://www.ninna-ui.dev/overlays/drawer",0,"",["drawer",0,2,2],29,"dialog","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown menu","ninjaui","Accessible component from @ninna-ui/overlays.","npm i @ninna-ui/overlays","https://www.ninna-ui.dev/overlays/dropdown-menu",0,"",["dropdown-menu",0,3,2],14,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Modal","ninjaui","Accessible component from @ninna-ui/overlays.","npm i @ninna-ui/overlays","https://www.ninna-ui.dev/overlays/modal",0,"",["modal",0,0,5],28,"dialog","dialog|modal,settings,overlay,popup|no icons,monochrome,minimal|c"],["Popover","ninjaui","Accessible component from @ninna-ui/overlays.","npm i @ninna-ui/overlays","https://www.ninna-ui.dev/overlays/popover",0,"",["popover",0,4,5],15,"dialog","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Tooltip","ninjaui","Accessible component from @ninna-ui/overlays.","npm i @ninna-ui/overlays","https://www.ninna-ui.dev/overlays/tooltip",0,"",["tooltip",0,7,7],12,"dialog","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Checkbox","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/checkbox",0,"",["checkbox",0,4,1],56,"input","checkbox|form,checklist|no icons,monochrome|c"],["Field","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/field",0,"",["field",0,5,2],45,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["File upload","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/file-upload",0,"",["file-upload",0,6,2],65,"upload","file upload|dropzone,upload,drag and drop|no icons,monochrome|c"],["Form control","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/form-control",0,"",["form-control",0,0,3],76,"input","input|text field,login,form,form control|no icons,monochrome|c"],["Form group","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/form-group",0,"",["form-group",0,1,3],61,"input","form|inputs,fields|no icons,monochrome|c"],["Form label","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/form-control",0,"",["form-label",0,2,3],76,"input","input|text field,login,form,form control|no icons,monochrome|c"],["Form message","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/form-control",0,"",["form-message",0,3,3],76,"input","form|inputs,login,fields|no icons,monochrome|c"],["Hidden field","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/docs",0,"",["hidden-field",0,6,3],100,"input","input|text field,form,form control|no icons,monochrome|c"],["Input","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/input",0,"",["input",0,0,4],41,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/input-group",0,"",["input-group",0,1,4],59,"input","input|text field,form,form control|icons,monochrome|c"],["Number input","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/number-input",0,"",["number-input",0,1,5],8,"input","number input|input,stepper|icons,monochrome|c"],["Pin input","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/pin-input",0,"",["pin-input",0,3,5],0,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Radio group","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/radio-group",0,"",["radio-group",0,6,5],55,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Select","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/select",0,"",["select",0,7,5],14,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Slider","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/slider",0,"",["slider",0,3,6],59,"input","slider|range,input|no icons,monochrome,minimal|c"],["Switch","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/switch",0,"",["switch",0,0,7],45,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Textarea","ninjaui","Accessible component from @ninna-ui/forms.","npm i @ninna-ui/forms","https://www.ninna-ui.dev/forms/textarea",0,"",["textarea",0,4,7],48,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Aspect ratio","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/aspect-ratio",0,"",["aspect-ratio",0,2,0],99,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Box","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/box",0,"",["box",0,6,0],76,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Center","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/center",0,"",["center",0,3,1],96,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Container","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/container",0,"",["container",0,7,1],65,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Flex","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/flex",0,"",["flex",0,7,2],38,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Grid","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/grid",0,"",["grid",0,4,3],46,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Separator","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/separator",0,"",["separator",0,0,6],52,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Simple grid","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/simple-grid",0,"",["simple-grid",0,1,6],63,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Stack","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/stack",0,"",["stack",0,4,6],70,"carousel","carousel|slider,gallery,swipe|no icons,monochrome,minimal|c"],["Wrap","ninjaui","Accessible component from @ninna-ui/layout.","npm i @ninna-ui/layout","https://www.ninna-ui.dev/layout/wrap",0,"",["wrap",0,1,8],55,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Minimal Accordion","syntaxui","Animated accordion component.","Copy from Syntax UI","https://syntaxui.com/components/accordion",0,"",["minimal-accordion",0,1,2],73,"accordion","accordion|collapsible,media,expand,faq|icons|c"],["Simple Breadcrumb","syntaxui","Animated breadcrumb component.","Copy from Syntax UI","https://syntaxui.com/components/breadcrumb",0,"",["simple-breadcrumb",0,1,4],44,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["3DButton","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/3d-button",0,"",["3dbutton",0,0,0],30,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Border Glow Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/border-glow-button",0,"",["border-glow-button",0,1,0],14,"button","button|background,cta,click,action|no icons|c"],["Bounce Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/bounce-button",0,"",["bounce-button",0,2,0],25,"button","button|cta,click,action|no icons|c"],["Eco Mode Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/eco-mode-button",0,"",["eco-mode-button",0,1,1],63,"button","button|cta,click,action|icons|c"],["Gradient Fill Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/gradient-fill-button",0,"",["gradient-fill-button",0,2,1],17,"background","button|background,cta,click,action|no icons|c"],["Heartbeat Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/heartbeat-button",0,"",["heartbeat-button",0,3,1],22,"button","button|cta,click,action|no icons|c"],["Magnetic Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/magnetic-button",0,"",["magnetic-button",0,0,2],25,"button","button|cta,click,action|no icons,animated|c"],["Neubrutalism Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/neubrutalism-button",0,"",["neubrutalism-button",0,4,2],29,"button","button|cta,click,action|no icons|c"],["Rotating Complete Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/rotating-complete-button",0,"",["rotating-complete-button",0,4,3],63,"button","button|cta,click,action|icons|c"],["Shimmer Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/shimmer-button",0,"",["shimmer-button",0,7,3],25,"button","button|skeleton,cta,click,action|no icons|c"],["Shine Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/shine-button",0,"",["shine-button",0,0,4],23,"button","button|cta,click,action|no icons|c"],["Star Wars Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/star-wars-button",0,"",["star-wars-button",0,0,5],76,"button","button|rating,cta,click,action|no icons,animated,monochrome,minimal|c"],["Stitches Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/button/stitches-button",0,"",["stitches-button",0,1,5],26,"button","button|cta,click,action|no icons|c"],["Text Reveal Button","syntaxui","Animated button component.","Copy from Syntax UI","https://syntaxui.com/components/text/text-reveal-button",0,"",["text-reveal-button",0,5,5],15,"button","button|text effect,cta,click,action|icons|c"],["Tag Input","syntaxui","Animated input component.","Copy from Syntax UI","https://syntaxui.com/components/input",0,"",["tag-input",0,2,5],28,"input","tag input|tag,input,tags,chips|no icons,monochrome,minimal|c"],["Bounce Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/bounce",0,"",["bounce-loader",0,3,0],19,"loader","loader|spinner,loading,progress|no icons,animated|c"],["Classic Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/classic",0,"",["classic-loader",0,6,0],17,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Constellation Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/constellation",0,"",["constellation-loader",0,7,0],52,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Morphing Shapes Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders",0,"",["morphing-shapes-loader",0,2,2],0,"loader","loader|spinner,loading,progress|no icons,animated|c"],["Neon Glow Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders",0,"",["neon-glow-loader",0,3,2],58,"loader","loader|background,spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Orbiting Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/orbiting",0,"",["orbiting-loader",0,6,2],17,"loader","loader|background,spinner,loading,progress|no icons,animated|c"],["Particle Swarm Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/particle-swarm",0,"",["particle-swarm-loader",0,7,2],50,"loader","loader|background,spinner,loading,progress|no icons,animated|c"],["Pulsating Dots","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/pulsating-dots",0,"",["pulsating-dots",0,0,3],16,"loader","loader|spinner,loading,progress|no icons,animated|c"],["Pulsating Gradient Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders",0,"",["pulsating-gradient-loader",0,1,3],69,"background","loader|background,spinner,loading,progress|no icons,monochrome,minimal|c"],["Ripple Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/ripple",0,"",["ripple-loader",0,2,3],0,"loader","loader|background,spinner,loading,progress|no icons,animated|c"],["Ripple Wave Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/ripple-wave",0,"",["ripple-wave-loader",0,3,3],23,"loader","loader|background,spinner,loading,progress|no icons,animated|c"],["Rotating Dots Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/rotating-dots",0,"",["rotating-dots-loader",0,5,3],20,"loader","loader|spinner,loading,progress|no icons|c"],["Rotating Rings Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders",0,"",["rotating-rings-loader",0,6,3],0,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Spinning Cube Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/spinning-cube",0,"",["spinning-cube-loader",0,5,4],20,"loader","loader|spinner,loading,progress|no icons|c"],["Spiral Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/spiral",0,"",["spiral-loader",0,6,4],16,"loader","loader|spinner,loading,progress|no icons,animated|c"],["Staggered Fade Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/staggered-fade",0,"",["staggered-fade-loader",0,7,4],16,"loader","loader|spinner,loading,progress|no icons,animated|c"],["Wave Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/wave",0,"",["wave-loader",0,0,6],22,"loader","loader|background,spinner,loading,progress|no icons,animated|c"],["Whirlpool Loader","syntaxui","Animated loaders component.","Copy from Syntax UI","https://syntaxui.com/components/loaders/whirlpool",0,"",["whirlpool-loader",0,1,6],70,"loader","loader|spinner,loading,progress|no icons|c"],["Checked Stepper","syntaxui","Animated stepper component.","Copy from Syntax UI","https://syntaxui.com/components/stepper",0,"",["checked-stepper",0,5,0],76,"misc","stepper|steps,progress,onboarding|icons|c"],["Dotted Stepper","syntaxui","Animated stepper component.","Copy from Syntax UI","https://syntaxui.com/components/stepper",0,"",["dotted-stepper",0,0,1],77,"misc","stepper|steps,progress,onboarding|icons|c"],["Button Shape Tabs","syntaxui","Animated tabs component.","Copy from Syntax UI","https://syntaxui.com/components/tabs",0,"",["button-shape-tabs",0,4,0],59,"button","tabs|button,tab bar,segmented control,navigation|no icons|c"],["Icon Tabs","syntaxui","Animated tabs component.","Copy from Syntax UI","https://syntaxui.com/components/tabs",0,"",["icon-tabs",0,4,1],63,"tabs","tabs|animated icon,tab bar,segmented control,navigation|icons|c"],["Line Tabs","syntaxui","Animated tabs component.","Copy from Syntax UI","https://syntaxui.com/components/tabs",0,"",["line-tabs",0,7,1],55,"tabs","tabs|tab bar,segmented control,navigation|no icons|c"],["Simple Tabs","syntaxui","Animated tabs component.","Copy from Syntax UI","https://syntaxui.com/components/tabs",0,"",["simple-tabs",0,2,4],57,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Text Flip","syntaxui","Animated text component.","Copy from Syntax UI","https://syntaxui.com/components/text/text-flip",0,"",["text-flip",0,3,5],23,"text","text effect|text animation,typography,animated text|no icons|c"],["Text Gradient","syntaxui","Animated text component.","Copy from Syntax UI","https://syntaxui.com/components/text/text-gradient",0,"",["text-gradient",0,4,5],20,"background","background|text effect,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Text Rotate","syntaxui","Animated text component.","Copy from Syntax UI","https://syntaxui.com/components/text/text-rotate",0,"",["text-rotate",0,6,5],23,"text","text effect|text animation,typography,animated text|no icons|c"],["Text Scramble","syntaxui","Animated text component.","Copy from Syntax UI","https://syntaxui.com/components/text/text-scramble",0,"",["text-scramble",0,7,5],20,"text","text effect|text animation,typography,animated text|no icons|c"],["Icon Toggle","syntaxui","Animated toggle component.","Copy from Syntax UI","https://syntaxui.com/components/toggle/icon-toggle",0,"",["icon-toggle",0,5,1],19,"switch","switch|animated icon,toggle,on off,settings|icons|c"],["Labeled Toggle","syntaxui","Animated toggle component.","Copy from Syntax UI","https://syntaxui.com/components/toggle/labeled-toggle",0,"",["labeled-toggle",0,6,1],19,"switch","switch|input,toggle,on off,settings|no icons|c"],["Neubrutalism Toggle","syntaxui","Animated toggle component.","Copy from Syntax UI","https://syntaxui.com/components/toggle/neubrutalism-toggle",0,"",["neubrutalism-toggle",0,5,2],24,"switch","switch|toggle,on off,settings|no icons|c"],["Simple Toggle","syntaxui","Animated toggle component.","Copy from Syntax UI","https://syntaxui.com/components/toggle/simple-toggle",0,"",["simple-toggle",0,3,4],18,"switch","switch|toggle,on off,settings|no icons|c"],["Slide Toggle","syntaxui","Animated toggle component.","Copy from Syntax UI","https://syntaxui.com/components/toggle/slide-toggle",0,"",["slide-toggle",0,4,4],19,"switch","switch|carousel,toggle,on off,settings|no icons|c"],["NumberFlow","numberflow","Animated number transitions, dependency free.","npm i @number-flow/react","https://number-flow.barvian.me/",0,"",["number-flow",0,0,0],76,"text","number ticker|counter,text effect,animated number|no icons,monochrome,minimal|c"],["Music player card","opensource","Copy-paste audio component.","Copy from Opensource UI","https://opensourceui.in/components/music-player",0,"",["music-player-card",1,6,2],95,"media","card|audio player,video player,container,surface|icons,monochrome|c"],["Music playlist card","opensource","Copy-paste audio component.","Copy from Opensource UI","https://opensourceui.in/components/music-playlist",0,"",["music-playlist-card",1,7,2],73,"card","card|audio player,media,container,surface|icons,monochrome|c"],["Now playing bar","opensource","Copy-paste audio component.","Copy from Opensource UI","https://opensourceui.in/components/now-playing-bar",0,"",["now-playing-bar",1,3,3],83,"media","audio player|music,media player|icons,avatar,monochrome|c"],["Arc bands background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/arc-bands-background",0,"",["arc-bands-background",0,1,1],95,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Aurora background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/aurora-background",0,"",["aurora-background",0,3,1],93,"background","background|animated background,effect,hero background|no icons|c"],["Cherry petal background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/cherry-petal-background",0,"",["cherry-petal-background",0,6,2],70,"background","background|animated background,effect,hero background|no icons|c"],["Coral glow background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/coral-glow-background",0,"",["coral-glow-background",0,0,4],89,"background","background|animated background,effect,hero background|no icons|c"],["Dark arc bands background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/dark-arc-bands-background",0,"",["dark-arc-bands-background",0,5,4],87,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Dark aurora background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/dark-aurora-background",0,"",["dark-aurora-background",0,6,4],98,"background","background|animated background,effect,hero background|no icons|c"],["Dark carbon spotlight background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/dark-carbon-spotlight-background",0,"",["dark-carbon-spotlight-background",0,7,4],87,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Dark ember background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/dark-ember-background",0,"",["dark-ember-background",0,0,5],100,"background","background|animated background,effect,hero background|no icons|c"],["Dark ink field background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/dark-ink-field-background",0,"",["dark-ink-field-background",0,1,5],92,"background","background|input,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Dark midnight mesh background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/dark-midnight-mesh-background",0,"",["dark-midnight-mesh-background",0,2,5],94,"background","background|animated background,effect,hero background|no icons|c"],["Dark rose noir background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/dark-rose-noir-background",0,"",["dark-rose-noir-background",0,3,5],94,"background","background|animated background,effect,hero background|no icons|c"],["Dark teal depth background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/dark-teal-depth-background",0,"",["dark-teal-depth-background",0,4,5],98,"background","background|animated background,effect,hero background|no icons|c"],["Frost mesh background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/frost-mesh-background",0,"",["frost-mesh-background",0,5,9],87,"background","background|animated background,effect,hero background|no icons|c"],["Halftone pop background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/halftone-pop-background",0,"",["halftone-pop-background",0,4,10],64,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Honey ember background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/honey-ember-background",0,"",["honey-ember-background",0,0,11],90,"background","background|animated background,effect,hero background|no icons|c"],["Ink wash background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/ink-wash-background",0,"",["ink-wash-background",0,5,11],82,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Linen weave background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/linen-weave-background",0,"",["linen-weave-background",1,4,1],69,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Mint lagoon background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/mint-lagoon-background",0,"",["mint-lagoon-background",1,3,2],93,"background","background|animated background,effect,hero background|no icons|c"],["Paper fold background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/paper-fold-background",0,"",["paper-fold-background",1,0,4],82,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Rain prism background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/rain-prism-background",0,"",["rain-prism-background",1,6,5],84,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Sand drift background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/sand-drift-background",0,"",["sand-drift-background",1,5,6],93,"background","background|animated background,effect,hero background|no icons|c"],["Soft spotlight background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/soft-spotlight-background",0,"",["soft-spotlight-background",1,1,8],82,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Sunrise horizon background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/sunrise-horizon-background",0,"",["sunrise-horizon-background",1,3,9],89,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Sunset bloom background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/sunset-bloom-background",0,"",["sunset-bloom-background",1,4,9],88,"background","background|animated background,effect,hero background|no icons|c"],["Terrazzo fragment background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/terrazzo-fragment-background",0,"",["terrazzo-fragment-background",1,5,10],93,"background","background|animated background,effect,hero background|no icons|c"],["Tropical tide background","opensource","Copy-paste background gradient component.","Copy from Opensource UI","https://opensourceui.in/components/tropical-tide-background",0,"",["tropical-tide-background",2,4,0],87,"background","background|animated background,effect,hero background|no icons|c"],["Diagonal box pattern","opensource","Copy-paste background pattern component.","Copy from Opensource UI","https://opensourceui.in/components/diagonal-box-pattern",0,"",["diagonal-box-pattern",0,3,6],35,"background","background|card,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Dot grid pattern","opensource","Copy-paste background pattern component.","Copy from Opensource UI","https://opensourceui.in/components/dot-grid-pattern",0,"",["dot-grid-pattern",0,7,6],3,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Fine grain pattern","opensource","Copy-paste background pattern component.","Copy from Opensource UI","https://opensourceui.in/components/fine-grain-pattern",0,"",["fine-grain-pattern",0,6,8],34,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Graph paper pattern","opensource","Copy-paste background pattern component.","Copy from Opensource UI","https://opensourceui.in/components/graph-paper-pattern",0,"",["graph-paper-pattern",0,3,10],35,"chart","chart|background,graph,data,dashboard|no icons,monochrome,minimal|c"],["Line grid pattern","opensource","Copy-paste background pattern component.","Copy from Opensource UI","https://opensourceui.in/components/line-grid-pattern",0,"",["line-grid-pattern",1,2,1],35,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Reverse diagonal box pattern","opensource","Copy-paste background pattern component.","Copy from Opensource UI","https://opensourceui.in/components/reverse-diagonal-box-pattern",0,"",["reverse-diagonal-box-pattern",1,3,6],35,"background","background|card,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Add to cart button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/add-to-cart-button",0,"",["add-to-cart-button",0,0,0],68,"button","button|ecommerce,e-commerce,cta,click,action|icons,monochrome|c"],["Bookmark save button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/bookmark-save-button",0,"",["bookmark-save-button",0,0,2],5,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Cinder latch button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/cinder-latch-button",0,"",["cinder-latch-button",0,7,2],67,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Copy button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/copy-button",0,"",["copy-button",0,6,3],5,"button","copy button|button,clipboard|icons,monochrome|c"],["Depth outline button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/depth-outline-button",0,"",["depth-outline-button",0,2,6],47,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Dimple switch","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/dimple-switch",0,"",["dimple-switch",0,4,6],57,"switch","switch|toggle,on off,settings|no icons|c"],["Download button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/download-button",0,"",["download-button",0,0,7],40,"button","button|cta,click,action|icons,monochrome|c"],["Follow button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/follow-button",0,"",["follow-button",0,3,9],55,"button","button|cta,click,action|icons,monochrome|c"],["Hold to delete button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/hold-to-delete-button",0,"",["hold-to-delete-button",0,7,10],54,"button","button|cta,click,action|icons,monochrome|c"],["Inset button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/inset-button",0,"",["inset-button",0,7,11],51,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Like button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/like-button",0,"",["like-button",1,1,1],3,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Linen tab button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/linen-tab-button",0,"",["linen-tab-button",1,3,1],54,"button","button|tabs,cta,click,action|no icons,monochrome,minimal|c"],["Prism depth button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/prism-depth-button",0,"",["prism-depth-button",1,2,5],76,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Quantity stepper button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/quantity-stepper-button",0,"",["quantity-stepper-button",1,4,5],37,"button","button|stepper,number input,cta,click,action|icons,monochrome|c"],["Segmented toggle button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/segmented-toggle-button",0,"",["segmented-toggle-button",1,7,6],43,"tabs","button|switch,segmented control,cta,click,action|no icons,monochrome,minimal|c"],["Sheen pill button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/sheen-pill-button",0,"",["sheen-pill-button",1,2,7],45,"button","button|tag,cta,click,action|no icons,monochrome,minimal|c"],["Slate chip switch","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/slate-chip-switch",0,"",["slate-chip-switch",1,4,7],53,"switch","switch|tag,toggle,on off,settings|no icons,monochrome,minimal|c"],["Slide to confirm button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/slide-to-confirm-button",0,"",["slide-to-confirm-button",1,6,7],44,"dialog","button|carousel,alert dialog,cta,click,action|icons,monochrome,minimal|c"],["Soft pill button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/soft-pill-button",0,"",["soft-pill-button",1,0,8],61,"button","button|tag,cta,click,action|icons,monochrome,minimal|c"],["Soft ui button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components/soft-ui-button",0,"",["soft-ui-button",1,2,8],45,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Three d button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["three-d-button",1,4,11],65,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Three d icon button","opensource","Copy-paste buttons component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["three-d-icon-button",1,5,11],49,"button","icon button|animated icon,button,icon|icons,monochrome|c"],["Booking slot calendar","opensource","Copy-paste calender component.","Copy from Opensource UI","https://opensourceui.in/components/booking-slot-calendar",0,"",["booking-slot-calendar",0,7,1],75,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Date range picker card","opensource","Copy-paste calender component.","Copy from Opensource UI","https://opensourceui.in/components/date-range-picker",0,"",["date-range-picker-card",0,6,5],59,"datepicker","card|slider,select,date range picker,container,surface|icons,monochrome|c"],["Event countdown card","opensource","Copy-paste calender component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["event-countdown-card",0,7,7],56,"card","card|calendar,container,surface|no icons,monochrome,minimal|c"],["Month picker calendar","opensource","Copy-paste calender component.","Copy from Opensource UI","https://opensourceui.in/components/month-picker-calendar",0,"",["month-picker-calendar",1,4,2],62,"datepicker","calendar|select,date,date picker,schedule|icons,monochrome|c"],["Week strip calendar","opensource","Copy-paste calender component.","Copy from Opensource UI","https://opensourceui.in/components/week-strip-calendar",0,"",["week-strip-calendar",2,5,1],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Copy email","opensource","Copy-paste contact component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["copy-email",0,7,3],36,"section","card|content section,container,surface|no icons,monochrome,minimal|c"],["Icons","opensource","Copy-paste docks component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["icons",0,2,11],88,"misc","animated icon|icon,animation|no icons,monochrome,minimal|c"],["App dock","opensource","Copy-paste docks component.","Copy from Opensource UI","https://opensourceui.in/components/app-dock",0,"",["app-dock",0,4,0],58,"misc","dock|navigation,search,icons,magnify|icons,monochrome|c"],["Editor tool dock","opensource","Copy-paste docks component.","Copy from Opensource UI","https://opensourceui.in/components/editor-tool-dock",0,"",["editor-tool-dock",0,2,7],60,"misc","dock|navigation,icons,magnify|icons,monochrome|c"],["Mac dock","opensource","Copy-paste docks component.","Copy from Opensource UI","https://opensourceui.in/components/mac-dock",0,"",["mac-dock",1,0,2],84,"misc","dock|navigation,icons,magnify|no icons,monochrome,minimal|c"],["Presence dock","opensource","Copy-paste docks component.","Copy from Opensource UI","https://opensourceui.in/components/presence-dock",0,"",["presence-dock",1,1,5],76,"misc","dock|navigation,icons,magnify|no icons,monochrome|c"],["Spotlight bar","opensource","Copy-paste docks component.","Copy from Opensource UI","https://opensourceui.in/components/spotlight-bar",0,"",["spotlight-bar",1,4,8],48,"command","background|animated background,search,effect,hero background|icons,monochrome|c"],["File menu dropdown","opensource","Copy-paste dropdowns component.","Copy from Opensource UI","https://opensourceui.in/components/file-menu",0,"",["file-menu-dropdown",0,2,8],66,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Filter sort dropdown","opensource","Copy-paste dropdowns component.","Copy from Opensource UI","https://opensourceui.in/components/filter-sort",0,"",["filter-sort-dropdown",0,5,8],37,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Kebab actions dropdown","opensource","Copy-paste dropdowns component.","Copy from Opensource UI","https://opensourceui.in/components/kebab-actions",0,"",["kebab-actions-dropdown",1,6,0],35,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Notification dropdown","opensource","Copy-paste dropdowns component.","Copy from Opensource UI","https://opensourceui.in/components/notification",0,"",["notification-dropdown",1,2,3],38,"toast","dropdown menu|toast,notifications,menu,dropdown,actions|icons,monochrome,minimal|c"],["Share menu dropdown","opensource","Copy-paste dropdowns component.","Copy from Opensource UI","https://opensourceui.in/components/share-menu",0,"",["share-menu-dropdown",1,1,7],0,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["User menu dropdown","opensource","Copy-paste dropdowns component.","Copy from Opensource UI","https://opensourceui.in/components/user-menu",0,"",["user-menu-dropdown",2,7,0],44,"dropdown","user menu|dropdown menu,settings,account,avatar|icons,avatar,monochrome,minimal|c"],["Workspace switcher dropdown","opensource","Copy-paste dropdowns component.","Copy from Opensource UI","https://opensourceui.in/components/workspace-switcher",0,"",["workspace-switcher-dropdown",2,7,1],40,"tabs","dropdown menu|switch,menu,dropdown,actions|icons,monochrome|c"],["Event ticket card","opensource","Copy-paste event component.","Copy from Opensource UI","https://opensourceui.in/components/event-ticket",0,"",["event-ticket-card",0,0,8],91,"card","card|calendar,container,surface|icons,monochrome|c"],["Ink stamp document card","opensource","Copy-paste files component.","Copy from Opensource UI","https://opensourceui.in/components/ink-stamp-document",0,"",["ink-stamp-document-card",0,4,11],84,"card","card|container,surface|icons,monochrome|c"],["Stacked folder card","opensource","Copy-paste files component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["stacked-folder-card",1,6,8],90,"card","card|tree view,container,surface|no icons,images|c"],["Opensource folder tab card","opensource","Copy-paste folder component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["opensource-folder-tab-card",1,4,3],88,"card","card|tabs,tree view,container,surface|no icons,monochrome|c"],["Contact form","opensource","Copy-paste forms component.","Copy from Opensource UI","https://opensourceui.in/components/contact-form",0,"",["contact-form",0,4,3],79,"section|b","contact section|contact form,form|icons,monochrome|b"],["Forgot password form","opensource","Copy-paste forms component.","Copy from Opensource UI","https://opensourceui.in/components/forgot-password-form",0,"",["forgot-password-form",0,4,9],81,"input","form|login,password input,inputs,fields|icons,monochrome|c"],["Login form","opensource","Copy-paste forms component.","Copy from Opensource UI","https://opensourceui.in/components/login-form",0,"",["login-form",1,7,1],76,"section|b","login|form,sign in,sign up,auth form|icons,monochrome|b"],["Newsletter form","opensource","Copy-paste forms component.","Copy from Opensource UI","https://opensourceui.in/components/newsletter-form",0,"",["newsletter-form",1,0,3],86,"input|b","blog section|newsletter,form,articles,posts,cards|icons,monochrome|b"],["Signup form","opensource","Copy-paste forms component.","Copy from Opensource UI","https://opensourceui.in/components/signup-form",0,"",["signup-form",1,3,7],83,"section|b","login|form,sign in,sign up,auth form|icons,monochrome|b"],["Circle cut frame","opensource","Copy-paste frames component.","Copy from Opensource UI","https://opensourceui.in/components/circle-cut-frame",0,"",["circle-cut-frame",0,1,3],77,"misc","image|media,mockup|no icons,monochrome,minimal|c"],["Hard shadow polaroid frame","opensource","Copy-paste frames component.","Copy from Opensource UI","https://opensourceui.in/components/hard-shadow-polaroid-frame",0,"",["hard-shadow-polaroid-frame",0,5,10],70,"misc","image|media,mockup|no icons,monochrome,minimal|c"],["Sticky note polaroid frame","opensource","Copy-paste frames component.","Copy from Opensource UI","https://opensourceui.in/components/sticky-note-polaroid-frame",0,"",["sticky-note-polaroid-frame",1,1,9],93,"misc","image|media,mockup|no icons|c"],["Transform box frame","opensource","Copy-paste frames component.","Copy from Opensource UI","https://opensourceui.in/components/transform-box-frame",0,"",["transform-box-frame",2,1,0],57,"misc","image|card,media,mockup|no icons,monochrome,minimal|c"],["Transform plus frame","opensource","Copy-paste frames component.","Copy from Opensource UI","https://opensourceui.in/components/transform-plus-frame",0,"",["transform-plus-frame",2,2,0],59,"misc","image|media,mockup|icons,monochrome|c"],["Film strip card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/film-strip",0,"",["film-strip-card",0,4,8],92,"card","card|container,surface|no icons,images,monochrome,minimal|c"],["Gallery grid card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/gallery-grid",0,"",["gallery-grid-card",0,6,9],92,"carousel","card|gallery,container,surface|icons,images,monochrome,minimal|c"],["Gallery wall card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/gallery-wall",0,"",["gallery-wall-card",0,7,9],74,"carousel","card|gallery,container,surface|no icons,monochrome,minimal|c"],["Glass overlay image card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/glass-overlay-image",0,"",["glass-overlay-image-card",0,2,10],78,"dialog","card|image,container,surface|icons,monochrome|c"],["Museum placard card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/museum-placard",0,"",["museum-placard-card",1,5,2],67,"card","card|container,surface|no icons,monochrome|c"],["Photo album card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/photo-album",0,"",["photo-album-card",1,5,4],82,"card","card|image,media,container,surface|no icons,monochrome,minimal|c"],["Photo contact sheet card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/photo-contact-sheet",0,"",["photo-contact-sheet-card",1,6,4],89,"section|b","contact section|card,image,drawer,contact form,form|no icons,images,monochrome,minimal|b"],["Polaroid image card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/polaroid-image",0,"",["polaroid-image-card",1,7,4],84,"media","card|image,container,surface|no icons,monochrome,minimal|c"],["Slow living polaroid card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/slow-living-polaroid",0,"",["slow-living-polaroid-card",1,7,7],97,"card","card|container,surface|no icons,monochrome|c"],["Stamp postcard card","opensource","Copy-paste gallery component.","Copy from Opensource UI","https://opensourceui.in/components/stamp-postcard",0,"",["stamp-postcard-card",1,7,8],84,"card","card|blog section,container,surface|no icons,monochrome|c"],["Checkbox field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/checkbox-field-input",0,"",["checkbox-field-input",0,5,2],46,"input","input|checkbox,text field,form,form control|no icons,monochrome,minimal|c"],["Combobox field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/combobox-field-input",0,"",["combobox-field-input",0,2,3],51,"dropdown","input|combobox,text field,form,form control|icons,monochrome,minimal|c"],["Date field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/date-field-input",0,"",["date-field-input",0,5,5],51,"input","date picker|input,calendar,date input|icons,monochrome,minimal|c"],["File upload field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/file-upload-field-input",0,"",["file-upload-field-input",0,3,8],68,"upload","input|file upload,upload,text field,form,form control|icons,monochrome|c"],["Floating label field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/floating-label-field-input",0,"",["floating-label-field-input",0,1,9],47,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group field","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/input-group-field",0,"",["input-group-field",0,6,11],46,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Password field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/password-field-input",0,"",["password-field-input",1,1,4],52,"input","input|password input,login,text field,form,form control|icons,monochrome,minimal|c"],["Phone field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/phone-field-input",0,"",["phone-field-input",1,3,4],48,"input","phone input|input,form|no icons,monochrome,minimal|c"],["Radio group field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/radio-group-field-input",0,"",["radio-group-field-input",1,5,5],62,"input","input|radio group,text field,form,form control|no icons,monochrome|c"],["Search input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/search-input",0,"",["search-input",1,6,6],31,"input","search input|input,search|icons,monochrome,minimal|c"],["Select field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/select-field-input",0,"",["select-field-input",1,0,7],50,"dropdown","input|select,text field,form,form control|icons,monochrome,minimal|c"],["Switch field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/switch-field-input",0,"",["switch-field-input",1,5,9],51,"switch","input|switch,notifications,text field,form,form control|no icons,monochrome,minimal|c"],["Text field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/text-field-input",0,"",["text-field-input",1,7,10],44,"input","input|text effect,text field,form,form control|no icons,monochrome,minimal|c"],["Textarea field input","opensource","Copy-paste inputs component.","Copy from Opensource UI","https://opensourceui.in/components/textarea-field-input",0,"",["textarea-field-input",1,1,11],58,"input","input|text effect,textarea,text field,form,form control|no icons,monochrome,minimal|c"],["Apple hello loader","opensource","Copy-paste loaders component.","Copy from Opensource UI","https://opensourceui.in/components/apple-hello-loader",0,"",["apple-hello-loader",0,5,0],82,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Spin loader","opensource","Copy-paste loaders component.","Copy from Opensource UI","https://opensourceui.in/components/spin-loader",0,"",["spin-loader",1,3,8],38,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Text loader","opensource","Copy-paste loaders component.","Copy from Opensource UI","https://opensourceui.in/components/text-loader",0,"",["text-loader",1,0,11],38,"loader","loader|text effect,spinner,loading,progress|no icons,animated|c"],["Apple ipod mockup card","opensource","Copy-paste mockups component.","Copy from Opensource UI","https://opensourceui.in/components/ipod",0,"",["apple-ipod-mockup-card",0,6,0],81,"media","card|image,container,surface|icons,monochrome|c"],["Apple watch mockup card","opensource","Copy-paste mockups component.","Copy from Opensource UI","https://opensourceui.in/components/apple-watch",0,"",["apple-watch-mockup-card",0,0,1],84,"media","card|image,container,surface|no icons|c"],["Browser mockup card","opensource","Copy-paste mockups component.","Copy from Opensource UI","https://opensourceui.in/components/browser",0,"",["browser-mockup-card",0,1,2],47,"media","card|image,container,surface|no icons,monochrome,minimal|c"],["Laptop mockup card","opensource","Copy-paste mockups component.","Copy from Opensource UI","https://opensourceui.in/components/laptop",0,"",["laptop-mockup-card",1,0,1],91,"media","card|image,container,surface|no icons,monochrome,minimal|c"],["Phone mockup card","opensource","Copy-paste mockups component.","Copy from Opensource UI","https://opensourceui.in/components/phone",0,"",["phone-mockup-card",1,4,4],74,"media","card|image,container,surface|no icons|c"],["Tablet mockup card","opensource","Copy-paste mockups component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["tablet-mockup-card",1,7,9],84,"media","card|image,data table,container,surface|no icons,monochrome,minimal|c"],["Apple notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/apple-notification",0,"",["apple-notification-banner",0,7,0],55,"toast","alert|toast,notifications,message,banner,callout|icons,avatar,monochrome,minimal|c"],["Calendar reminder notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/calendar-reminder-notification",0,"",["calendar-reminder-notification-banner",0,3,2],67,"toast","alert|calendar,notifications,toast,message,banner,callout|icons,monochrome|c"],["Chat bubble notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/chat-bubble-notification",0,"",["chat-bubble-notification-banner",0,4,2],53,"toast","alert|toast,notifications,chat,message,banner,callout|icons,avatar,monochrome,minimal|c"],["Delivery notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/delivery-notification",0,"",["delivery-notification-banner",0,7,5],59,"toast","alert|toast,notifications,message,banner,callout|icons,monochrome|c"],["Deploy notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/deploy-notification",0,"",["deploy-notification-banner",0,1,6],53,"toast","alert|toast,notifications,message,banner,callout|icons,monochrome|c"],["Email notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/email-notification",0,"",["email-notification-banner",0,6,7],58,"toast","alert|toast,notifications,message,banner,callout|icons,avatar,monochrome|c"],["Incoming call notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/incoming-call-notification",0,"",["incoming-call-notification-banner",0,3,11],92,"toast","alert|toast,notifications,message,banner,callout|icons,avatar,monochrome|c"],["Payment notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/payment-notification",0,"",["payment-notification-banner",1,2,4],67,"toast","alert|toast,notifications,pricing,message,banner,callout|icons,monochrome|c"],["System alert banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/system-alert",0,"",["system-alert-banner",1,6,9],69,"toast","alert|message,settings,banner,callout|icons,monochrome|c"],["Toast notification banner","opensource","Copy-paste notifications component.","Copy from Opensource UI","https://opensourceui.in/components/toast-notification",0,"",["toast-notification-banner",1,6,11],58,"toast","alert|toast,notifications,message,banner,callout|icons,monochrome,minimal|c"],["Progress ring card","opensource","Copy-paste others component.","Copy from Opensource UI","https://opensourceui.in/components/progress-ring",0,"",["progress-ring-card",1,3,5],82,"loader","card|progress bar,activity ring,container,surface|no icons|c"],["Stacked cards effect","opensource","Copy-paste others component.","Copy from Opensource UI","https://opensourceui.in/components/stacked-cards-effect",0,"",["stacked-cards-effect",1,5,8],92,"card","carousel|card,slider,gallery,swipe|no icons,avatar,images,monochrome|c"],["Terminal log card","opensource","Copy-paste others component.","Copy from Opensource UI","https://opensourceui.in/components/terminal-log",0,"",["terminal-log-card",1,4,10],89,"card","card|terminal,container,surface|icons|c"],["Thermal receipt card","opensource","Copy-paste others component.","Copy from Opensource UI","https://opensourceui.in/components/thermal-receipt",0,"",["thermal-receipt-card",1,2,11],57,"card","card|container,surface|no icons,monochrome|c"],["Weather snapshot card","opensource","Copy-paste others component.","Copy from Opensource UI","https://opensourceui.in/components/weather-snapshot",0,"",["weather-snapshot-card",2,4,1],87,"card","card|container,surface|icons,monochrome|c"],["Otp boxed input","opensource","Copy-paste otp component.","Copy from Opensource UI","https://opensourceui.in/components/otp-boxed-input",0,"",["otp-boxed-input",1,6,3],63,"input","input|card,otp input,text field,form,form control|icons,monochrome|c"],["Otp underline input","opensource","Copy-paste otp component.","Copy from Opensource UI","https://opensourceui.in/components/otp-underline-input",0,"",["otp-underline-input",1,7,3],59,"input","input|link,notifications,otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Retail price tag card","opensource","Copy-paste pricing component.","Copy from Opensource UI","https://opensourceui.in/components/retail-price-tag",0,"",["retail-price-tag-card",1,2,6],63,"pricing","card|pricing section,tag,container,surface|no icons,monochrome,minimal|c"],["Toggle pricing cards","opensource","Copy-paste pricing component.","Copy from Opensource UI","https://opensourceui.in/components/toggle-pricing-cards",0,"",["toggle-pricing-cards",1,7,11],88,"pricing","card|pricing section,pricing,switch,container,surface|icons,monochrome|c"],["Contact profile card","opensource","Copy-paste profile component.","Copy from Opensource UI","https://opensourceui.in/components/contact-profile",0,"",["contact-profile-card",0,5,3],84,"section|b","contact section|card,account,contact form,form|no icons,monochrome|b"],["Editorial staff profile card","opensource","Copy-paste profile component.","Copy from Opensource UI","https://opensourceui.in/components/editorial-staff-profile",0,"",["editorial-staff-profile-card",0,4,7],70,"card","card|team section,container,surface|no icons,avatar,monochrome|c"],["Team member profile grid","opensource","Copy-paste profile component.","Copy from Opensource UI","https://opensourceui.in/components/team-member-profile-grid",0,"",["team-member-profile-grid",1,2,10],83,"section|b","team section|team,people,avatars|no icons,images,monochrome|b"],["User profile card","opensource","Copy-paste profile component.","Copy from Opensource UI","https://opensourceui.in/components/user-profile",0,"",["user-profile-card",2,0,1],72,"card","card|container,account,surface|icons,monochrome|c"],["Resource links panel","opensource","Copy-paste resources component.","Copy from Opensource UI","https://opensourceui.in/components/resource-links-panel",0,"",["resource-links-panel",1,1,6],76,"misc","card|link,container,surface|icons,avatar,images,monochrome|c"],["Discord chat card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/discord-chat",0,"",["discord-chat-card",0,5,6],85,"thinking","card|chat,container,surface|icons,avatar,images|c"],["Facebook post card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/facebook-post",0,"",["facebook-post-card",0,1,8],88,"card","card|blog section,container,surface|icons,avatar,images,monochrome|c"],["Github contribution","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/github-contribution",0,"",["github-contribution",0,0,10],100,"misc","heatmap|chart,calendar,dashboard|icons,avatar,images|c"],["Github repo card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/github-repo",0,"",["github-repo-card",0,1,10],69,"card","card|container,surface|icons,monochrome|c"],["Instagram post card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/instagram-post",0,"",["instagram-post-card",1,0,0],87,"card","card|blog section,container,surface|icons,avatar,images,monochrome|c"],["Linked in post card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/linked-in-post",0,"",["linked-in-post-card",1,5,1],74,"card","card|blog section,container,surface|icons,avatar,monochrome|c"],["Linked in profile card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/linked-in-profile",0,"",["linked-in-profile-card",1,6,1],88,"card","card|container,surface|no icons,avatar,images,monochrome|c"],["Threads post card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/threads-post",0,"",["threads-post-card",1,3,11],83,"card","card|blog section,container,surface|icons,avatar,images,monochrome|c"],["Twitter post card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/twitter-post",0,"",["twitter-post-card",2,5,0],82,"card","card|blog section,container,surface|icons,avatar,monochrome|c"],["Twitter profile card","opensource","Copy-paste socials component.","Copy from Opensource UI","https://opensourceui.in/components/twitter-profile",0,"",["twitter-profile-card",2,6,0],84,"card","card|container,surface|icons,avatar,images,monochrome|c"],["Customers table","opensource","Copy-paste table component.","Copy from Opensource UI","https://opensourceui.in/components/customers-table",0,"",["customers-table",0,2,4],64,"table","data table|table,pricing,rows,spreadsheet|no icons,avatar,images,monochrome|c"],["Orders table","opensource","Copy-paste table component.","Copy from Opensource UI","https://opensourceui.in/components/orders-table",0,"",["orders-table",1,5,3],60,"table","data table|ecommerce,calendar,pricing,table,rows,spreadsheet|icons,monochrome|c"],["Recent transactions table","opensource","Copy-paste table component.","Copy from Opensource UI","https://opensourceui.in/components/recent-transactions-table",0,"",["recent-transactions-table",1,7,5],60,"table","data table|table,calendar,pricing,rows,spreadsheet|icons,monochrome|c"],["Tasks table","opensource","Copy-paste table component.","Copy from Opensource UI","https://opensourceui.in/components/tasks-table",0,"",["tasks-table",1,0,10],64,"table","data table|table,calendar,notifications,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Team members table","opensource","Copy-paste table component.","Copy from Opensource UI","https://opensourceui.in/components/team-members-table",0,"",["team-members-table",1,3,10],81,"table|b","team section|data table,account,team,people,avatars|icons,avatar,images,monochrome|b"],["Users select table","opensource","Copy-paste table component.","Copy from Opensource UI","https://opensourceui.in/components/users-select-table",0,"",["users-select-table",2,1,1],67,"dropdown","data table|select,account,table,rows,spreadsheet|icons,avatar,images,monochrome|c"],["Cafe menu board card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/cafe-menu-board",0,"",["cafe-menu-board-card",0,2,2],89,"kanban","card|dropdown menu,container,surface|icons,monochrome|c"],["Cinema ticket card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/cinema-ticket",0,"",["cinema-ticket-card",0,0,3],81,"card","card|container,surface|icons,monochrome|c"],["Daily motivation card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/daily-motivation",0,"",["daily-motivation-card",0,4,4],82,"card","card|container,surface|no icons,monochrome,minimal|c"],["Denim product editorial card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/denim-product-editorial",0,"",["denim-product-editorial-card",0,0,6],84,"card","card|ecommerce,container,surface|no icons,images,monochrome|c"],["Drop cap editorial card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/drop-cap-editorial",0,"",["drop-cap-editorial-card",0,1,7],64,"card","card|container,surface|icons,monochrome|c"],["Editorial quote card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/editorial-quote",0,"",["editorial-quote-card",0,3,7],74,"card","card|testimonials,container,surface|icons,monochrome|c"],["Journal writing card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/journal-writing",0,"",["journal-writing-card",1,5,0],67,"card","card|container,surface|icons,monochrome,minimal|c"],["Keyboard shortcuts card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/keyboard-shortcuts",0,"",["keyboard-shortcuts-card",1,7,0],70,"card","card|keyboard key,container,surface|icons,monochrome|c"],["Magazine cover card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/magazine-cover",0,"",["magazine-cover-card",1,1,2],90,"card","card|container,surface|icons,monochrome|c"],["Notepad card","opensource","Copy-paste text component.","Copy from Opensource UI","https://opensourceui.in/components/notepad",0,"",["notepad-card",1,1,3],74,"card","card|container,surface|icons,monochrome|c"],["Flight boarding card","opensource","Copy-paste travel component.","Copy from Opensource UI","https://opensourceui.in/components/flight-boarding",0,"",["flight-boarding-card",0,0,9],76,"card","card|container,surface|icons,monochrome|c"],["Travel postcard card","opensource","Copy-paste travel component.","Copy from Opensource UI","https://opensourceui.in/components/travel-postcard",0,"",["travel-postcard-card",2,3,0],85,"card","card|blog section,container,surface|icons,monochrome|c"],["Annotated text showcase","opensource","Copy-paste underlines component.","Copy from Opensource UI","https://opensourceui.in/components/annotated-text",0,"",["annotated-text-showcase",0,3,0],74,"text","text effect|content section,text animation,typography,animated text|no icons,monochrome|c"],["Annotated text","opensource","Copy-paste underlines component.","Copy from Opensource UI","https://opensourceui.in/components/annotated-text",0,"",["annotated-text",0,2,0],74,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Credit card glass","opensource","Copy-paste users component.","Copy from Opensource UI","https://opensourceui.in/components/credit-card-glass",0,"",["credit-card-glass",0,1,4],99,"card","credit card|card,payment,checkout,form|no icons,monochrome,minimal|c"],["Team member card","opensource","Copy-paste users component.","Copy from Opensource UI","https://opensourceui.in/components/team-member",0,"",["team-member-card",1,1,10],92,"card|b","team section|card,team,people,avatars|icons,monochrome|b"],["Testimonial card","opensource","Copy-paste users component.","Copy from Opensource UI","https://opensourceui.in/components/testimonial",0,"",["testimonial-card",1,6,10],81,"card|b","testimonials|card,reviews,social proof,quotes|icons,avatar,monochrome|b"],["Wallet pass card","opensource","Copy-paste wallet component.","Copy from Opensource UI","https://opensourceui.in/components/wallet-pass",0,"",["wallet-pass-card",2,3,1],100,"card","card|container,surface|no icons,avatar,monochrome|c"],["Analog clock widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components",0,"",["analog-clock-widget",0,1,0],44,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Audio recorder widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/audio-recorder",0,"",["audio-recorder-widget",0,2,1],99,"media","card|audio player,container,surface|icons,animated,monochrome,minimal|c"],["Battery face widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/battery-face",0,"",["battery-face-widget",0,4,1],100,"misc","card|container,surface|icons|c"],["Blob profile","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/blob-profile",0,"",["blob-profile",0,5,1],66,"misc","card|container,surface|icons|c"],["Bluetooth face widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/bluetooth-face",0,"",["bluetooth-face-widget",0,6,1],100,"misc","card|container,surface|icons|c"],["Compass widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/compass",0,"",["compass-widget",0,3,3],94,"misc","card|container,surface|no icons|c"],["Daily activity calendar widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/daily-activity-calendar",0,"",["daily-activity-calendar-widget",0,3,4],98,"datepicker","card|calendar,container,surface|icons,monochrome|c"],["Dnd face widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/dnd-face",0,"",["dnd-face-widget",0,6,6],69,"misc","card|container,surface|icons|c"],["Electric scooter widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/electric-scooter",0,"",["electric-scooter-widget",0,5,7],84,"misc","card|container,surface|icons,monochrome|c"],["Flight arrival widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/flight-arrival",0,"",["flight-arrival-widget",0,7,8],90,"misc","card|container,surface|icons,monochrome,minimal|c"],["Focus breath widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/focus-breath",0,"",["focus-breath-widget",0,2,9],33,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Heart rate widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/heart-rate",0,"",["heart-rate-widget",0,6,10],100,"misc","card|container,surface|icons|c"],["Hydration widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/hydration",0,"",["hydration-widget",0,1,11],61,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Ios calender widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/ios-calender",0,"",["ios-calender-widget",1,1,0],60,"misc","card|container,surface|no icons|c"],["Ios digital clock widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/ios-digital-clock",0,"",["ios-digital-clock-widget",1,2,0],61,"misc","card|container,surface|no icons|c"],["Ios earbuds widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/ios-earbuds",0,"",["ios-earbuds-widget",1,3,0],57,"misc","card|container,surface|no icons|c"],["Ios map location widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/ios-map-location",0,"",["ios-map-location-widget",1,4,0],54,"map","card|map,container,surface|no icons|c"],["Minimal agenda widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/minimal-agenda",0,"",["minimal-agenda-widget",1,2,2],56,"misc","card|container,surface|icons,monochrome,minimal|c"],["Pomodoro widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/pomodoro",0,"",["pomodoro-widget",1,0,5],81,"misc","card|container,surface|icons|c"],["Recorder face widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/recorder-face",0,"",["recorder-face-widget",1,0,6],69,"misc","card|container,surface|icons|c"],["Ride pickup widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/ride-pickup",0,"",["ride-pickup-widget",1,4,6],74,"misc","card|container,surface|icons,monochrome,minimal|c"],["Sleep score widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/sleep-score",0,"",["sleep-score-widget",1,5,7],69,"misc","card|container,surface|icons|c"],["Step count widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/step-count",0,"",["step-count-widget",1,0,9],65,"misc","card|stepper,container,surface|no icons,monochrome,minimal|c"],["Stopwatch widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/stopwatch",0,"",["stopwatch-widget",1,2,9],63,"misc","card|container,surface|icons|c"],["Torch face widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/torch-face",0,"",["torch-face-widget",2,0,0],69,"misc","card|container,surface|icons|c"],["Voice assistant widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/voice-assistant",0,"",["voice-assistant-widget",2,2,1],54,"thinking","card|voice,ai prompt,container,surface|icons,monochrome,minimal|c"],["Wifi toggle widget","opensource","Copy-paste widgets component.","Copy from Opensource UI","https://opensourceui.in/components/wifi-toggle",0,"",["wifi-toggle-widget",2,6,1],41,"switch","card|switch,container,surface|icons,monochrome,minimal|c"],["Action node","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/action-node",0,"",["action-node",0,0,0],73,"misc","card|container,surface|icons,avatar,images,monochrome|c"],["Ascii wake","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/ascii-wake",0,"",["ascii-wake",0,1,0],62,"misc","background|animated background,effect,hero background|no icons|c"],["Aspect","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/aspect",0,"",["aspect",0,2,0],90,"misc","radio group|radio,options,form|icons,monochrome|c"],["Asset swap","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/asset-swap",0,"",["asset-swap",0,3,0],87,"misc","card|container,pricing,surface|icons,monochrome|c"],["Card swap","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/card-swap",0,"",["card-swap",0,4,0],88,"card","card|container,surface|no icons,images,monochrome,minimal|c"],["Carousel","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/carousel",0,"",["carousel",0,5,0],91,"carousel","carousel|slider,gallery,swipe|no icons,animated,monochrome,minimal|c"],["Checklist","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/checklist",0,"",["checklist",0,6,0],69,"misc","checkbox|form,tasks,checklist|icons,monochrome|c"],["Context meter","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/context-meter",0,"",["context-meter",0,7,0],100,"misc","progress bar|progress,meter,loading|no icons,animated,colorful|c"],["Dock","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/dock",0,"",["dock",0,0,1],56,"misc","dock|navigation,icons,magnify|icons,monochrome|c"],["Drag ball","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/drag-ball",0,"",["drag-ball",0,1,1],0,"misc","card|container,surface|no icons|c"],["Dynamic island","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/dynamic-island",0,"",["dynamic-island",0,2,1],73,"misc","card|container,surface|icons|c"],["Emoji reactions","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/emoji-reactions",0,"",["emoji-reactions",0,3,1],76,"misc","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Escape","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/escape",0,"",["escape",0,4,1],8,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Eye tracker","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/eye-tracker",0,"",["eye-tracker",0,5,1],45,"misc","tracker|audio player,status,chart,dashboard|no icons|c"],["Folding bill","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/",0,"",0,0],["Generate","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/generate",0,"",["generate",0,6,1],59,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Glass bubble","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/glass-bubble",0,"",["glass-bubble",0,7,1],92,"misc","background|animated background,effect,hero background|no icons|c"],["Heat word","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/heat-word",0,"",["heat-word",0,0,2],82,"text","text effect|text animation,typography,animated text|no icons|c"],["Image accordion","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/image-accordion",0,"",["image-accordion",0,1,2],90,"accordion","accordion|image,collapsible,expand,faq|no icons,images,monochrome,minimal|c"],["Image compare","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/image-compare",0,"",["image-compare",0,2,2],87,"media","image compare|content section,before after,slider,image|icons,images|c"],["Label input","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/label-input",0,"",["label-input",0,3,2],9,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Like","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/like",0,"",["like",0,4,2],10,"misc","card|container,surface|icons,monochrome,minimal|c"],["Liq create","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/liq-create",0,"",["liq-create",0,5,2],7,"misc","card|container,surface|icons,monochrome|c"],["Liq toggle","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/liq-toggle",0,"",["liq-toggle",0,6,2],3,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Magnet select","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/magnet-select",0,"",["magnet-select",0,7,2],50,"dropdown","select|dropdown,options,form|no icons,avatar,monochrome,minimal|c"],["One time code","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/one-time-code",0,"",["one-time-code",0,0,3],2,"misc","code block|otp input,code,syntax highlight|icons,monochrome,minimal|c"],["Palette","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/palette",0,"",["palette",0,1,3],92,"command","command menu|command palette,search,cmdk|icons|c"],["Particles","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/particles",0,"",["particles",0,2,3],60,"background","background|animated background,effect,hero background|no icons|c"],["Picker","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/picker",0,"",["picker",0,3,3],81,"misc","select|dropdown,options,form|icons,avatar,images,monochrome|c"],["Pull","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/pull",0,"",["pull",0,4,3],83,"misc","card|container,pricing,surface|no icons|c"],["Rolling counter","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/rolling-counter",0,"",["rolling-counter",0,5,3],57,"text","number ticker|counter,text effect,animated number|icons,monochrome|c"],["Seek","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/seek",0,"",["seek",0,6,3],6,"misc","card|container,surface|icons,monochrome,minimal|c"],["Signature","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/signature",0,"",["signature",0,7,3],55,"misc","card|container,surface|no icons|c"],["Slide confirm","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/slide-confirm",0,"",["slide-confirm",0,0,4],63,"dialog","alert dialog|carousel,dialog,modal,confirm|icons,monochrome,minimal|c"],["Slingshot","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/slingshot",0,"",["slingshot",0,1,4],16,"misc","card|container,surface|no icons|c"],["Slosh","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/slosh",0,"",["slosh",0,2,4],53,"misc","slider|range,input|no icons,monochrome,minimal|c"],["Sound","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/sound",0,"",["sound",0,3,4],68,"misc","card|container,surface|icons,monochrome|c"],["Stacked bars","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/stacked-bars",0,"",["stacked-bars",0,4,4],99,"misc","bar chart|chart,timeline data,graph,dashboard|no icons,animated,colorful|c"],["Step player","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/step-player",0,"",["step-player",0,5,4],9,"media","video player|stepper,video,media player|icons,monochrome,minimal|c"],["Tilt","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/tilt",0,"",["tilt",0,6,4],92,"card","card|container,surface|no icons,monochrome,minimal|c"],["Time scrubber","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/time-scrubber",0,"",["time-scrubber",0,7,4],74,"misc","slider|range,input|no icons|c"],["Toast stack","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/toast-stack",0,"",["toast-stack",0,0,5],74,"toast","toast|notification,upload,alert,message|icons,animated|c"],["Todo tower","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/todo-tower",0,"",["todo-tower",0,1,5],70,"misc","card|container,tasks,surface|no icons,monochrome|c"],["Upload dropzone","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/upload-dropzone",0,"",["upload-dropzone",0,2,5],79,"upload","file upload|dropzone,upload,drag and drop|icons,animated,monochrome,minimal|c"],["Voice note","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/voice-note",0,"",["voice-note",0,3,5],53,"misc","voice|audio,ai|icons,monochrome,minimal|c"],["Wake slider","bencho","Free interactive block from Bencho.","Copy from Bencho","https://bencho.dev/blocks/wake-slider",0,"",["wake-slider",0,4,5],17,"input","slider|range,input|no icons,monochrome,minimal|c"],["Agent Screen","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#agent-screen",0,"",["agent-screen",0,0,0],99,"thinking","ai prompt|ai,chat,input|icons,animated,monochrome|c"],["Approval Card","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#approval-card",0,"",["approval-card",0,1,0],84,"card","card|container,surface|icons,monochrome|c"],["Chat Composer","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#chat-composer",0,"",["chat-composer",0,3,0],62,"thinking","chat|messages,ai,input|icons,animated,monochrome|c"],["Code Block","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#code-block",0,"",["code-block",0,5,0],82,"thinking|b","code block|content section,code,syntax highlight|icons,monochrome|c"],["Context Cards","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#context-cards",0,"",["context-cards",0,6,0],66,"card","card|container,surface|icons,animated,monochrome|c"],["Diff Table","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#diff-table",0,"",["diff-table",0,7,0],99,"table","data table|table,rows,spreadsheet|icons,animated,monochrome|c"],["Filter Table","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#filter-table",0,"",["filter-table",0,1,1],87,"table","data table|table,tasks,calendar,rows,spreadsheet|no icons|c"],["Fine Tune Card","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#fine-tune-card",0,"",["fine-tune-card",0,2,1],72,"card","card|container,surface|icons,monochrome|c"],["Flowchart","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#flowchart",0,"",["flowchart",0,3,1],58,"thinking","sankey chart|chart,dashboard|icons|c"],["Glide Menu","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#glide-menu",0,"",["glide-menu",0,4,1],58,"dropdown","ai prompt|dropdown menu,ai,chat,input|no icons,monochrome,minimal|c"],["Insight Cards","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#insight-cards",0,"",["insight-cards",0,5,1],74,"card","card|container,pricing,surface|icons|c"],["Loading State","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#loading-state",0,"",["loading-state",0,6,1],35,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Prompt Bar","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#prompt-bar",0,"",["prompt-bar",0,0,2],74,"thinking","ai prompt|ai,upload,analytics,chat,input|icons|c"],["Recommendation Card","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#recommendation-card",0,"",["recommendation-card",0,1,2],86,"card","card|container,surface|no icons|c"],["Records Table","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#records-table",0,"",["records-table",0,2,2],78,"table","data table|table,rows,spreadsheet|icons,monochrome|c"],["Search List","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#search-list",0,"",["search-list",0,3,2],67,"thinking","list|items,search,rows|icons,animated,monochrome|c"],["Selection Actions","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#selection-actions",0,"",["selection-actions",0,5,2],69,"thinking","select|dropdown,options,form|icons,monochrome|c"],["Sidebar Nav","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#sidebar-nav",0,"",["sidebar-nav",0,7,2],78,"section|b","navbar|sidebar,header,navigation,menu|icons,monochrome|b"],["Streaming Text","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#streaming-text",0,"",["streaming-text",0,2,3],72,"thinking","text effect|text animation,typography,animated text|icons,avatar,images,monochrome|c"],["Task Rows","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#task-rows",0,"",["task-rows",0,4,3],74,"table","ai prompt|ai,tasks,chat,input|icons,animated,monochrome|c"],["Thinking State","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#thinking-state",0,"",["thinking-state",0,6,3],48,"thinking","ai prompt|ai,chat,input|icons,animated,monochrome|c"],["Tool Chips","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#tool-chips",0,"",["tool-chips",0,7,3],58,"thinking","tag|label,chip,pill|icons,monochrome|c"],["Button","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#button",0,"",["button",0,2,0],70,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Chip","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#chip",0,"",["chip",0,4,0],52,"thinking","tag|label,chip,pill|no icons,monochrome,minimal|c"],["Entity Chip","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#entity-chip",0,"",["entity-chip",0,0,1],59,"thinking","tag|label,chip,pill|no icons|c"],["Progress Ring","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#progress-ring",0,"",["progress-ring",0,7,1],52,"loader","activity ring|progress bar,progress,ring,chart,dashboard|icons,monochrome|c"],["Segmented Control","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#segmented-control",0,"",["segmented-control",0,4,2],34,"tabs","segmented control|tabs,toggle group|no icons,monochrome,minimal|c"],["Shimmer","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#shimmer",0,"",["shimmer",0,6,2],40,"thinking","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Status Pill","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#status-pill",0,"",["status-pill",0,0,3],64,"thinking","badge|tag,label,status,pill|no icons,monochrome,minimal|c"],["Stream Text","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#stream-text",0,"",["stream-text",0,1,3],37,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Switch","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#switch",0,"",["switch",0,3,3],41,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Text Row","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#text-row",0,"",["text-row",0,5,3],53,"text","text effect|text animation,pricing,typography,animated text|no icons,monochrome,minimal|c"],["Value Pill","beautiful","Crafted component for agent interfaces.","Copy from Beautiful UI","https://www.beautifului.dev/#value-pill",0,"",["value-pill",0,0,4],56,"thinking","tag|label,chip,pill|no icons,monochrome|c"],["3d Marqueewith Custom Components","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-MarqueewithCustomComponents","https://lightswind.com/components/3d-marquee",0,"",["3d-marqueewithcustomcomponents",0,7,0],96,"misc","marquee|infinite scroll,logos,animation|no icons,animated,monochrome|c"],["3d carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-carousel","https://lightswind.com/components/3d-carousel",0,"",["3d-carousel",0,0,0],75,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["3d hover gallery","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-hover-gallery","https://lightswind.com/components/3d-hover-gallery",0,"",["3d-hover-gallery",0,1,0],0,"carousel","gallery|images,grid,photos||c"],["3d image carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-image-carousel","https://lightswind.com/components/3d-image-carousel",0,"",["3d-image-carousel",0,2,0],38,"carousel","carousel|image,slider,gallery,swipe|icons,animated,monochrome|c"],["3d image gallery","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-image-gallery","https://lightswind.com/components",0,"",["3d-image-gallery",0,3,0],0,"carousel","gallery|image,images,grid,photos|no icons,images,monochrome,minimal|c"],["3d image ring","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-image-ring","https://lightswind.com/components/3d-image-ring",0,"",["3d-image-ring",0,4,0],0,"media","image|media,mockup|no icons,animated,monochrome,minimal|c"],["3d image slider","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-image-slider","https://lightswind.com/components/3d-image-slider",0,"",["3d-image-slider",0,5,0],92,"carousel","carousel|image,slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["3d marquee","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-marquee","https://lightswind.com/components/3d-marquee",0,"",["3d-marquee",0,6,0],92,"carousel","marquee|infinite scroll,logos,animation|no icons,images,animated,monochrome,minimal|c"],["3d model viewer","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-model-viewer","https://lightswind.com/",0,"",0,0],["3d perspective card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-perspective-card","https://lightswind.com/components/3d-perspective-card",0,"",["3d-perspective-card",0,0,1],83,"card","card|container,surface|no icons,monochrome,minimal|c"],["3d scroll trigger","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-scroll-trigger","https://lightswind.com/components/3d-scroll-trigger",0,"",["3d-scroll-trigger",0,1,1],62,"misc","card|container,surface|no icons,monochrome|c"],["3d slider","lightswind","Animated React component from Lightswind.","npx lightswind@latest add 3d-slider","https://lightswind.com/components/3d-slider",0,"",["3d-slider",0,2,1],86,"carousel","slider|range,input|no icons,images,monochrome,minimal|c"],["Cinematic Scroll","lightswind","Animated React component from Lightswind.","npx lightswind@latest add CinematicScroll","https://lightswind.com/components/cinematic-scroll",0,"",["cinematicscroll",0,2,5],40,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Dock","lightswind","Animated React component from Lightswind.","npx lightswind@latest add Dock","https://lightswind.com/components/dock",0,"",["dock",0,7,6],69,"misc","dock|navigation,icons,magnify|icons,monochrome|c"],["Hanging Id Card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add HangingIdCard","https://lightswind.com/components/hanging-id-card",0,"",["hangingidcard",0,1,10],99,"card","card|container,surface|no icons,avatar|c"],["Scroll Snap Carousel Pin","lightswind","Animated React component from Lightswind.","npx lightswind@latest add ScrollSnapCarouselPin","https://lightswind.com/",0,"",0,0],["Scroll Velocity Container","lightswind","Animated React component from Lightswind.","npx lightswind@latest add ScrollVelocityContainer","https://lightswind.com/components",0,"",["scrollvelocitycontainer",1,2,5],62,"misc","scroll effect|scroll,animation|no icons,monochrome|c"],["Sparkle Cursor","lightswind","Animated React component from Lightswind.","npx lightswind@latest add SparkleCursor","https://lightswind.com/components/sparkle-cursor",0,"",["sparklecursor",1,6,7],0,"misc","cursor effect|cursor,interaction,animation|no icons|c"],["Spectrum Loader","lightswind","Animated React component from Lightswind.","npx lightswind@latest add SpectrumLoader","https://lightswind.com/components/spectrum-loader",0,"",["spectrumloader",1,7,7],22,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Three DImage Carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add ThreeDImageCarousel","https://lightswind.com/components/3d-image-carousel",0,"",["threedimagecarousel",1,4,9],0,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Accordion","lightswind","Animated React component from Lightswind.","npx lightswind@latest add accordion","https://lightswind.com/components/accordion",0,"",["accordion",0,3,1],57,"accordion","accordion|collapsible,expand,faq|icons,animated,monochrome|c"],["Ai prompt","lightswind","Animated React component from Lightswind.","npx lightswind@latest add ai-prompt","https://lightswind.com/components",0,"",["ai-prompt",0,4,1],78,"thinking","ai prompt|ai,search,chat,input|icons|c"],["Alert dialog","lightswind","Animated React component from Lightswind.","npx lightswind@latest add alert-dialog","https://lightswind.com/components/alert-dialog",0,"",["alert-dialog",0,6,1],9,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert","lightswind","Animated React component from Lightswind.","npx lightswind@latest add alert","https://lightswind.com/components/alert",0,"",["alert",0,5,1],82,"toast","alert|message,banner,callout|icons|c"],["Angled slider","lightswind","Animated React component from Lightswind.","npx lightswind@latest add angled-slider","https://lightswind.com/components/angled-slider",0,"",["angled-slider",0,7,1],92,"input","slider|range,input|no icons,images,monochrome|c"],["Animated blob background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add animated-blob-background","https://lightswind.com/components",0,"",["animated-blob-background",0,0,2],98,"background","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Animated bubble particles","lightswind","Animated React component from Lightswind.","npx lightswind@latest add animated-bubble-particles","https://lightswind.com/components/animated-bubble-particles",0,"",["animated-bubble-particles",0,1,2],76,"background","background|animated background,effect,hero background|no icons,animated|c"],["Animated copy button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add animated-copy-button","https://lightswind.com/components/animated-copy-button",0,"",["animated-copy-button",0,2,2],5,"button","copy button|button,clipboard|icons,animated,monochrome,minimal|c"],["Animated notification","lightswind","Animated React component from Lightswind.","npx lightswind@latest add animated-notification","https://lightswind.com/components/animated-notification",0,"",["animated-notification",0,3,2],83,"toast","toast|notification,notifications,alert,message|icons,avatar,animated|c"],["Animated ocean waves","lightswind","Animated React component from Lightswind.","npx lightswind@latest add animated-ocean-waves","https://lightswind.com/components",0,"",["animated-ocean-waves",0,4,2],0,"background","background|animated background,effect,hero background||c"],["Animated range input","lightswind","Animated React component from Lightswind.","npx lightswind@latest add animated-range-input","https://lightswind.com/components/input",0,"",["animated-range-input",0,5,2],48,"input","input|slider,text field,form,form control|no icons,animated|c"],["Animated wave","lightswind","Animated React component from Lightswind.","npx lightswind@latest add animated-wave","https://lightswind.com/components/animated-wave",0,"",["animated-wave",0,6,2],57,"misc","background|animated background,effect,hero background|no icons,animated|c"],["Ascii wave","lightswind","Animated React component from Lightswind.","npx lightswind@latest add ascii-wave","https://lightswind.com/components/ascii-wave",0,"",["ascii-wave",0,7,2],85,"misc","background|animated background,effect,hero background|no icons|c"],["Aspect ratio","lightswind","Animated React component from Lightswind.","npx lightswind@latest add aspect-ratio","https://lightswind.com/components/aspect-ratio",0,"",["aspect-ratio",0,0,3],84,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Aurora background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add aurora-background","https://lightswind.com/components",0,"",["aurora-background",0,1,3],55,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Aurora shader","lightswind","Animated React component from Lightswind.","npx lightswind@latest add aurora-shader","https://lightswind.com/components/aurora-shader",0,"",["aurora-shader",0,2,3],100,"background","background|animated background,effect,hero background|no icons|c"],["Aurora text effect","lightswind","Animated React component from Lightswind.","npx lightswind@latest add aurora-text-effect","https://lightswind.com/components/aurora-text-effect",0,"",["aurora-text-effect",0,3,3],92,"background","text effect|background,text animation,typography,animated text|no icons,animated|c"],["Avatar","lightswind","Animated React component from Lightswind.","npx lightswind@latest add avatar","https://lightswind.com/components/avatar",0,"",["avatar",0,4,3],47,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","lightswind","Animated React component from Lightswind.","npx lightswind@latest add badge","https://lightswind.com/components/badge",0,"",["badge",0,5,3],79,"misc","badge|label,status,pill|icons|c"],["Beam circle","lightswind","Animated React component from Lightswind.","npx lightswind@latest add beam-circle","https://lightswind.com/components/beam-circle",0,"",["beam-circle",0,6,3],76,"background","background|animated background,effect,hero background|icons,animated,monochrome|c"],["Beam grid background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add beam-grid-background","https://lightswind.com/components/beam-grid-background",0,"",["beam-grid-background",0,7,3],59,"background","background|animated background,effect,hero background|no icons|c"],["Border beam","lightswind","Animated React component from Lightswind.","npx lightswind@latest add border-beam","https://lightswind.com/components/border-beam",0,"",["border-beam",0,0,4],25,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Breadcrumb","lightswind","Animated React component from Lightswind.","npx lightswind@latest add breadcrumb","https://lightswind.com/components/breadcrumb",0,"",["breadcrumb",0,1,4],40,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add button","https://lightswind.com/components/button",0,"",["button",0,2,4],10,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Calendar","lightswind","Animated React component from Lightswind.","npx lightswind@latest add calendar","https://lightswind.com/components/calendar",0,"",["calendar",0,3,4],84,"datepicker","calendar|date,date picker,schedule|icons|c"],["Canvas confetti cursor","lightswind","Animated React component from Lightswind.","npx lightswind@latest add canvas-confetti-cursor","https://lightswind.com/components/canvas-confetti-cursor",0,"",["canvas-confetti-cursor",0,4,4],60,"misc","cursor effect|cursor,interaction,animation|no icons|c"],["Card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add card","https://lightswind.com/components/card",0,"",["card",0,5,4],92,"card","card|container,login,surface|no icons|c"],["Carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add carousel","https://lightswind.com/components/carousel",0,"",["carousel",0,6,4],16,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Chain carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add chain-carousel","https://lightswind.com/components/chain-carousel",0,"",["chain-carousel",0,7,4],72,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Chart","lightswind","Animated React component from Lightswind.","npx lightswind@latest add chart","https://lightswind.com/components/chart",0,"",["chart",0,0,5],100,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Checkbox","lightswind","Animated React component from Lightswind.","npx lightswind@latest add checkbox","https://lightswind.com/components/checkbox",0,"",["checkbox",0,1,5],78,"input","checkbox|form,notifications,checklist|icons,animated|c"],["Code hover cards","lightswind","Animated React component from Lightswind.","npx lightswind@latest add code-hover-cards","https://lightswind.com/components/code-hover-cards",0,"",["code-hover-cards",0,3,5],6,"card","hover card|code block,popover,hover,card|no icons,monochrome,minimal|c"],["Collapsible","lightswind","Animated React component from Lightswind.","npx lightswind@latest add collapsible","https://lightswind.com/components/collapsible",0,"",["collapsible",0,4,5],56,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Command","lightswind","Animated React component from Lightswind.","npx lightswind@latest add command","https://lightswind.com/components/command",0,"",["command",0,5,5],68,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Confetti button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add confetti-button","https://lightswind.com/components/confetti-button",0,"",["confetti-button",0,6,5],19,"button","button|cta,click,action|no icons|c"],["Connection graph","lightswind","Animated React component from Lightswind.","npx lightswind@latest add connection-graph","https://lightswind.com/components",0,"",["connection-graph",0,7,5],82,"chart","chart|graph,data,dashboard|no icons|c"],["Context menu","lightswind","Animated React component from Lightswind.","npx lightswind@latest add context-menu","https://lightswind.com/components/context-menu",0,"",["context-menu",0,0,6],57,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Cool theme toggle","lightswind","Animated React component from Lightswind.","npx lightswind@latest add cool-theme-toggle","https://lightswind.com/components/toggle",0,"",["cool-theme-toggle",0,1,6],22,"switch","theme switcher|switch,dark mode,light mode|icons,monochrome|c"],["Cosmic dust","lightswind","Animated React component from Lightswind.","npx lightswind@latest add cosmic-dust","https://lightswind.com/components/cosmic-dust",0,"",["cosmic-dust",0,2,6],54,"misc","background|animated background,effect,hero background|no icons|c"],["Cosmic singularity background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add cosmic-singularity-background","https://lightswind.com/components/cosmic-singularity",0,"",["cosmic-singularity-background",0,3,6],35,"background","background|animated background,effect,hero background|no icons|c"],["Count up","lightswind","Animated React component from Lightswind.","npx lightswind@latest add count-up","https://lightswind.com/components/count-up",0,"",["count-up",0,4,6],27,"text","number ticker|counter,pricing,text effect,animated number|no icons,monochrome,minimal|c"],["Cyber hive background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add cyber-hive-background","https://lightswind.com/components/cyber-hive",0,"",["cyber-hive-background",0,5,6],69,"background","background|animated background,effect,hero background|no icons|c"],["Dialog","lightswind","Animated React component from Lightswind.","npx lightswind@latest add dialog","https://lightswind.com/components/dialog",0,"",["dialog",0,6,6],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dot grid background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add dot-grid-background","https://lightswind.com/components/dot-grid-background",0,"",["dot-grid-background",0,0,7],55,"background","background|animated background,effect,hero background|no icons|c"],["Dot pattern","lightswind","Animated React component from Lightswind.","npx lightswind@latest add dot-pattern","https://lightswind.com/components",0,"",["dot-pattern",0,1,7],40,"misc","background|animated background,effect,hero background|no icons|c"],["Drag order list","lightswind","Animated React component from Lightswind.","npx lightswind@latest add drag-order-list","https://lightswind.com/components/drag-order-list",0,"",["drag-order-list",0,2,7],62,"misc","list|ecommerce,items,rows|icons,monochrome|c"],["Draggable reorder list","lightswind","Animated React component from Lightswind.","npx lightswind@latest add draggable-reorder-list","https://lightswind.com/components/draggable-reorder-list",0,"",["draggable-reorder-list",0,3,7],60,"misc","list|items,rows|icons,monochrome|c"],["Drawer","lightswind","Animated React component from Lightswind.","npx lightswind@latest add drawer","https://lightswind.com/components/drawer",0,"",["drawer",0,4,7],10,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Dropdown menu","lightswind","Animated React component from Lightswind.","npx lightswind@latest add dropdown-menu","https://lightswind.com/components/dropdown-menu",0,"",["dropdown-menu",0,5,7],7,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Electro border","lightswind","Animated React component from Lightswind.","npx lightswind@latest add electro-border","https://lightswind.com/components/electro-border",0,"",["electro-border",0,6,7],15,"misc","card|container,surface||c"],["Ether waves background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add ether-waves-background","https://lightswind.com/components/ether-waves",0,"",["ether-waves-background",0,7,7],66,"background","background|animated background,effect,hero background|no icons|c"],["Expandable search bar","lightswind","Animated React component from Lightswind.","npx lightswind@latest add expandable-search-bar","https://lightswind.com/components/expandable-search-bar",0,"",["expandable-search-bar",0,0,8],1,"command","search input|accordion,input,search|icons,monochrome,minimal|c"],["Expandable speed dial","lightswind","Animated React component from Lightswind.","npx lightswind@latest add expandable-speed-dial","https://lightswind.com/components/expandable-speed-dial",0,"",["expandable-speed-dial",0,1,8],22,"misc","accordion|collapsible,expand,faq|icons|c"],["Fall beam background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add fall-beam-background","https://lightswind.com/components/fall-beam-background",0,"",["fall-beam-background",0,2,8],50,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Fluid button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add fluid-button","https://lightswind.com/components/fluid-button",0,"",["fluid-button",0,3,8],29,"button","button|background,cta,click,action|no icons,animated,monochrome,minimal|c"],["Fluid chrome background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add fluid-chrome-background","https://lightswind.com/components/fluid-chrome",0,"",["fluid-chrome-background",0,4,8],80,"background","background|animated background,effect,hero background|no icons|c"],["Form","lightswind","Animated React component from Lightswind.","npx lightswind@latest add form","https://lightswind.com/components/form",0,"",["form",0,5,8],85,"input","form|inputs,fields|no icons|c"],["Glass folder","lightswind","Animated React component from Lightswind.","npx lightswind@latest add glass-folder","https://lightswind.com/components/glass-folder",0,"",["glass-folder",0,6,8],95,"misc","tree view|file tree,nested list|no icons,monochrome,minimal|c"],["Glitch button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add glitch-button","https://lightswind.com/components/glitch-button",0,"",["glitch-button",0,7,8],33,"button","button|text effect,cta,click,action|no icons|c"],["Globe","lightswind","Animated React component from Lightswind.","npx lightswind@latest add globe","https://lightswind.com/components/globe",0,"",["globe",0,0,9],79,"map","map|globe,location|no icons|c"],["Glowing background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add glowing-background","https://lightswind.com/components",0,"",["glowing-background",0,1,9],88,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Glowing cards","lightswind","Animated React component from Lightswind.","npx lightswind@latest add glowing-cards","https://lightswind.com/components/glowing-cards",0,"",["glowing-cards",0,2,9],63,"card","card|background,container,surface|no icons,monochrome|c"],["Glowing lights","lightswind","Animated React component from Lightswind.","npx lightswind@latest add glowing-lights","https://lightswind.com/components",0,"",["glowing-lights",0,3,9],56,"misc","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Gradient background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add gradient-background","https://lightswind.com/components/gradient-background",0,"",["gradient-background",0,4,9],100,"background","background|animated background,effect,hero background|no icons|c"],["Gradient btn home","lightswind","Animated React component from Lightswind.","npx lightswind@latest add gradient-btn-home","https://lightswind.com/components",0,"",["gradient-btn-home",0,5,9],65,"background","button|background,cta,click,action|no icons,monochrome,minimal|c"],["Gradient button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add gradient-button","https://lightswind.com/components/gradient-button",0,"",["gradient-button",0,6,9],75,"background","button|background,cta,click,action|no icons,animated,monochrome,minimal|c"],["Grid dot backgrounds","lightswind","Animated React component from Lightswind.","npx lightswind@latest add grid-dot-backgrounds","https://lightswind.com/components/grid-dot-backgrounds",0,"",["grid-dot-backgrounds",0,7,9],48,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Hamburger menu overlay","lightswind","Animated React component from Lightswind.","npx lightswind@latest add hamburger-menu-overlay","https://lightswind.com/components/hamburger-menu-overlay",0,"",["hamburger-menu-overlay",0,0,10],47,"dialog","dialog|dropdown menu,modal,overlay,popup|icons|c"],["Hell background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add hell-background","https://lightswind.com/components/hell-background",0,"",["hell-background",0,2,10],100,"background","background|animated background,effect,hero background|no icons|c"],["Holo button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add holo-button","https://lightswind.com/components/holo-button",0,"",["holo-button",0,3,10],26,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Holographic wave","lightswind","Animated React component from Lightswind.","npx lightswind@latest add holographic-wave","https://lightswind.com/components/holographic-wave",0,"",["holographic-wave",0,4,10],67,"misc","background|animated background,effect,hero background|no icons|c"],["Hover card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add hover-card","https://lightswind.com/components/hover-card",0,"",["hover-card",0,5,10],14,"card","hover card|popover,hover,card|no icons|c"],["Image reveal","lightswind","Animated React component from Lightswind.","npx lightswind@latest add image-reveal","https://lightswind.com/components/image-reveal",0,"",["image-reveal",0,6,10],66,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Image sliding marquee","lightswind","Animated React component from Lightswind.","npx lightswind@latest add image-sliding-marquee","https://lightswind.com/components",0,"",["image-sliding-marquee",0,7,10],92,"carousel","marquee|image,infinite scroll,logos,animation|no icons,images,monochrome,minimal|c"],["Image trail effect","lightswind","Animated React component from Lightswind.","npx lightswind@latest add image-trail-effect","https://lightswind.com/components/image-trail-effect",0,"",["image-trail-effect",0,0,11],0,"media","cursor effect|image,cursor,interaction,animation||c"],["In view stagger","lightswind","Animated React component from Lightswind.","npx lightswind@latest add in-view-stagger","https://lightswind.com/components",0,"",["in-view-stagger",0,1,11],70,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Infinite drift","lightswind","Animated React component from Lightswind.","npx lightswind@latest add infinite-drift","https://lightswind.com/components/infinite-drift",0,"",["infinite-drift",0,2,11],93,"misc","background|animated background,effect,hero background|no icons|c"],["Input","lightswind","Animated React component from Lightswind.","npx lightswind@latest add input","https://lightswind.com/components/input",0,"",["input",0,3,11],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Interactive card gallery","lightswind","Animated React component from Lightswind.","npx lightswind@latest add interactive-card-gallery","https://lightswind.com/components/interactive-card",0,"",["interactive-card-gallery",0,5,11],87,"carousel","gallery|card,images,grid,photos|no icons,monochrome|c"],["Interactive card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add interactive-card","https://lightswind.com/components/interactive-card",0,"",["interactive-card",0,4,11],36,"card","card|container,surface|no icons,monochrome|c"],["Interactive gradient card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add interactive-gradient-card","https://lightswind.com/components/interactive-gradient-card",0,"",["interactive-gradient-card",0,6,11],0,"background","card|background,container,surface||c"],["Interactive grid background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add interactive-grid-background","https://lightswind.com/components/interactive-grid-background",0,"",["interactive-grid-background",0,7,11],65,"background","background|animated background,effect,hero background|no icons|c"],["Iphone16 pro","lightswind","Animated React component from Lightswind.","npx lightswind@latest add iphone16-pro","https://lightswind.com/components/iphone16-pro",0,"",["iphone16-pro",1,0,0],69,"misc","image|media,mockup|no icons|c"],["Label","lightswind","Animated React component from Lightswind.","npx lightswind@latest add label","https://lightswind.com/components/label",0,"",["label",1,1,0],11,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Lens","lightswind","Animated React component from Lightswind.","npx lightswind@latest add lens","https://lightswind.com/components/lens",0,"",["lens",1,2,0],87,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Liquid fluid","lightswind","Animated React component from Lightswind.","npx lightswind@latest add liquid-fluid","https://lightswind.com/components",0,"",["liquid-fluid",1,3,0],21,"misc","background|animated background,effect,hero background|no icons|c"],["Liquid surface","lightswind","Animated React component from Lightswind.","npx lightswind@latest add liquid-surface","https://lightswind.com/components/liquid-surface",0,"",["liquid-surface",1,4,0],97,"misc","background|animated background,effect,hero background|no icons|c"],["Looping words","lightswind","Animated React component from Lightswind.","npx lightswind@latest add looping-words","https://lightswind.com/components/looping-words",0,"",["looping-words",1,5,0],94,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Magic card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add magic-card","https://lightswind.com/components/magic-card",0,"",["magic-card",1,6,0],83,"card","card|container,surface|no icons,images,monochrome,minimal|c"],["Magic loader","lightswind","Animated React component from Lightswind.","npx lightswind@latest add magic-loader","https://lightswind.com/components/magic-loader",0,"",["magic-loader",1,7,0],66,"loader","loader|spinner,loading,progress|no icons|c"],["Magnetic button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add magnetic-button","https://lightswind.com/components/magnetic-button",0,"",["magnetic-button",1,0,1],45,"button","button|cta,click,action|no icons,animated|c"],["Magnetic field background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add magnetic-field-background","https://lightswind.com/components/magnetic-field",0,"",["magnetic-field-background",1,1,1],0,"background","background|input,animated background,effect,hero background|no icons,animated|c"],["Marquee menu","lightswind","Animated React component from Lightswind.","npx lightswind@latest add marquee-menu","https://lightswind.com/components/marquee-menu",0,"",["marquee-menu",1,2,1],0,"carousel","dropdown menu|marquee,menu,dropdown,actions||c"],["Menubar","lightswind","Animated React component from Lightswind.","npx lightswind@latest add menubar","https://lightswind.com/components",0,"",["menubar",1,3,1],47,"misc","menubar|dropdown menu,toolbar,menu|no icons,monochrome,minimal|c"],["Morphing navigation","lightswind","Animated React component from Lightswind.","npx lightswind@latest add morphing-navigation","https://lightswind.com/components/morphing-navigation",0,"",["morphing-navigation",1,4,1],61,"navbar|b","navbar|header,navigation,menu|no icons,animated,monochrome,minimal|b"],["Nav effect","lightswind","Animated React component from Lightswind.","npx lightswind@latest add nav-effect","https://lightswind.com/components",0,"",["nav-effect",1,5,1],43,"navbar","navbar|header,navigation,menu|no icons,monochrome,minimal|c"],["Navigation menu","lightswind","Animated React component from Lightswind.","npx lightswind@latest add navigation-menu","https://lightswind.com/components/navigation-menu",0,"",["navigation-menu",1,6,1],37,"navbar|b","navigation menu|dropdown menu,navigation,menu,navbar|icons,monochrome|b"],["Nebula flow","lightswind","Animated React component from Lightswind.","npx lightswind@latest add nebula-flow","https://lightswind.com/components/nebula-flow",0,"",["nebula-flow",1,7,1],96,"misc","background|animated background,effect,hero background|no icons|c"],["Neural link background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add neural-link-background","https://lightswind.com/components/neural-link",0,"",["neural-link-background",1,0,2],0,"background","background|link,animated background,effect,hero background|no icons|c"],["Orbit card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add orbit-card","https://lightswind.com/components/orbit-card",0,"",["orbit-card",1,1,2],99,"card","card|background,container,surface|no icons,monochrome,minimal|c"],["Pagination","lightswind","Animated React component from Lightswind.","npx lightswind@latest add pagination","https://lightswind.com/components/pagination",0,"",["pagination",1,2,2],46,"misc","pagination|pages,navigation|icons,monochrome|c"],["Particle orbit effect","lightswind","Animated React component from Lightswind.","npx lightswind@latest add particle-orbit-effect","https://lightswind.com/components/particle-orbit-effect",0,"",["particle-orbit-effect",1,3,2],40,"misc","background|animated background,effect,hero background|no icons|c"],["Particles background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add particles-background","https://lightswind.com/components/particles-background",0,"",["particles-background",1,4,2],0,"background","background|animated background,effect,hero background||c"],["Plasma globe","lightswind","Animated React component from Lightswind.","npx lightswind@latest add plasma-globe","https://lightswind.com/components/plasma-globe",0,"",["plasma-globe",1,5,2],73,"map","map|globe,location|no icons|c"],["Popover","lightswind","Animated React component from Lightswind.","npx lightswind@latest add popover","https://lightswind.com/components/popover",0,"",["popover",1,6,2],11,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Progress","lightswind","Animated React component from Lightswind.","npx lightswind@latest add progress","https://lightswind.com/components/progress",0,"",["progress",1,7,2],61,"loader","progress bar|progress,meter,loading|no icons|c"],["Quantum field","lightswind","Animated React component from Lightswind.","npx lightswind@latest add quantum-field","https://lightswind.com/components/quantum-field",0,"",["quantum-field",1,0,3],91,"input","input|text field,form,form control|no icons|c"],["Radio group","lightswind","Animated React component from Lightswind.","npx lightswind@latest add radio-group","https://lightswind.com/components/radio-group",0,"",["radio-group",1,1,3],54,"input","radio group|radio,options,form|no icons|c"],["Rays background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add rays-background","https://lightswind.com/components/rays-background",0,"",["rays-background",1,2,3],92,"background","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Reflect background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add reflect-background","https://lightswind.com/components/reflect-background",0,"",["reflect-background",1,3,3],100,"background","background|animated background,effect,hero background|no icons|c"],["Resizable","lightswind","Animated React component from Lightswind.","npx lightswind@latest add resizable","https://lightswind.com/components/resizable",0,"",["resizable",1,4,3],62,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Ripple button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add ripple-button","https://lightswind.com/components/ripple-button",0,"",["ripple-button",1,5,3],23,"button","button|background,cta,click,action|no icons|c"],["Ripple loader","lightswind","Animated React component from Lightswind.","npx lightswind@latest add ripple-loader","https://lightswind.com/components/ripple-loader",0,"",["ripple-loader",1,6,3],84,"loader","loader|background,spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Rolling text 3d","lightswind","Animated React component from Lightswind.","npx lightswind@latest add rolling-text-3d","https://lightswind.com/components/rolling-text-3d",0,"",["rolling-text-3d",1,7,3],29,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Satin flow","lightswind","Animated React component from Lightswind.","npx lightswind@latest add satin-flow","https://lightswind.com/components/satin-flow",0,"",["satin-flow",1,0,4],95,"misc","background|animated background,effect,hero background|no icons|c"],["Scroll area","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-area","https://lightswind.com/components/scroll-area",0,"",["scroll-area",1,1,4],64,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll cards","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-cards","https://lightswind.com/components/scroll-cards",0,"",["scroll-cards",1,2,4],0,"card","card|container,surface|no icons,images,monochrome,minimal|c"],["Scroll carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-carousel","https://lightswind.com/components/scroll-carousel",0,"",["scroll-carousel",1,3,4],88,"carousel","carousel|slider,gallery,swipe|no icons,images,animated,monochrome|c"],["Scroll list","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-list","https://lightswind.com/components/scroll-list",0,"",["scroll-list",1,4,4],69,"misc","list|items,rows|no icons,monochrome|c"],["Scroll para 3d","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-para-3d","https://lightswind.com/components",0,"",["scroll-para-3d",1,6,4],0,"misc","card|container,surface|no icons|c"],["Scroll para","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-para","https://lightswind.com/components",0,"",["scroll-para",1,5,4],41,"misc","card|container,surface||c"],["Scroll reveal","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-reveal","https://lightswind.com/components/scroll-reveal",0,"",["scroll-reveal",1,7,4],0,"misc","scroll effect|scroll,animation|no icons,animated,monochrome|c"],["Scroll timeline","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-timeline","https://lightswind.com/components/scroll-timeline",0,"",["scroll-timeline",1,0,5],75,"misc","timeline|history,steps,activity|icons,avatar,animated|c"],["Scroll trigger carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add scroll-trigger-carousel","https://lightswind.com/components/carousel",0,"",["scroll-trigger-carousel",1,1,5],0,"carousel","carousel|slider,gallery,swipe||c"],["Seasonal hover cards","lightswind","Animated React component from Lightswind.","npx lightswind@latest add seasonal-hover-cards","https://lightswind.com/components/seasonal-hover-cards",0,"",["seasonal-hover-cards",1,3,5],62,"card","hover card|popover,hover,card|no icons,images,animated,monochrome|c"],["Select","lightswind","Animated React component from Lightswind.","npx lightswind@latest add select","https://lightswind.com/components/select",0,"",["select",1,4,5],9,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","lightswind","Animated React component from Lightswind.","npx lightswind@latest add separator","https://lightswind.com/components/separator",0,"",["separator",1,5,5],57,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Shader background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add shader-background","https://lightswind.com/components/shader-background",0,"",["shader-background",1,6,5],100,"background","background|animated background,effect,hero background|no icons|c"],["Sheet","lightswind","Animated React component from Lightswind.","npx lightswind@latest add sheet","https://lightswind.com/components/sheet",0,"",["sheet",1,7,5],7,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Shine button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add shine-button","https://lightswind.com/components/shine-button",0,"",["shine-button",1,0,6],41,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Shiny text","lightswind","Animated React component from Lightswind.","npx lightswind@latest add shiny-text","https://lightswind.com/components/shiny-text",0,"",["shiny-text",1,1,6],66,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Sidebar","lightswind","Animated React component from Lightswind.","npx lightswind@latest add sidebar","https://lightswind.com/components/sidebar",0,"",["sidebar",1,2,6],58,"section|b","sidebar|navigation,settings,notifications,menu,layout|icons,monochrome|b"],["Skeleton","lightswind","Animated React component from Lightswind.","npx lightswind@latest add skeleton","https://lightswind.com/components/skeleton",0,"",["skeleton",1,3,6],28,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Slide to confirm","lightswind","Animated React component from Lightswind.","npx lightswind@latest add slide-to-confirm","https://lightswind.com/components/slide-to-confirm",0,"",["slide-to-confirm",1,4,6],58,"dialog","alert dialog|carousel,dialog,modal,confirm|icons,monochrome,minimal|c"],["Slider","lightswind","Animated React component from Lightswind.","npx lightswind@latest add slider","https://lightswind.com/components/slider",0,"",["slider",1,5,6],58,"input","slider|range,input|no icons|c"],["Sliding cards","lightswind","Animated React component from Lightswind.","npx lightswind@latest add sliding-cards","https://lightswind.com/components/sliding-cards",0,"",["sliding-cards",1,6,6],94,"card","card|container,surface|no icons|c"],["Sliding logo marquee","lightswind","Animated React component from Lightswind.","npx lightswind@latest add sliding-logo-marquee","https://lightswind.com/components/sliding-logo-marquee",0,"",["sliding-logo-marquee",1,7,6],48,"carousel","marquee|infinite scroll,logos,animation|icons,monochrome|c"],["Smokey background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add smokey-background","https://lightswind.com/components/smokey-background",0,"",["smokey-background",1,0,7],100,"background","background|animated background,effect,hero background|no icons|c"],["Smokey cursor hero","lightswind","Animated React component from Lightswind.","npx lightswind@latest add smokey-cursor-hero","https://lightswind.com/components/smokey-cursor",0,"",["smokey-cursor-hero",1,2,7],54,"section|b","hero section|cursor effect,background,landing page,header,headline|no icons|b"],["Smokey cursor","lightswind","Animated React component from Lightswind.","npx lightswind@latest add smokey-cursor","https://lightswind.com/components/smokey-cursor",0,"",["smokey-cursor",1,1,7],0,"misc","cursor effect|background,cursor,interaction,animation|no icons|c"],["Smooth cursor","lightswind","Animated React component from Lightswind.","npx lightswind@latest add smooth-cursor","https://lightswind.com/components/smooth-cursor",0,"",["smooth-cursor",1,3,7],0,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Sparkle navbar","lightswind","Animated React component from Lightswind.","npx lightswind@latest add sparkle-navbar","https://lightswind.com/components/sparkle-navbar",0,"",["sparkle-navbar",1,4,7],59,"navbar","navbar|header,navigation,menu|no icons|c"],["Sparkle particles","lightswind","Animated React component from Lightswind.","npx lightswind@latest add sparkle-particles","https://lightswind.com/components/sparkle-particles",0,"",["sparkle-particles",1,5,7],9,"background","background|animated background,effect,hero background|no icons|c"],["Stack list","lightswind","Animated React component from Lightswind.","npx lightswind@latest add stack-list","https://lightswind.com/components/stack-list",0,"",["stack-list",1,0,8],68,"carousel","list|items,rows|icons,monochrome|c"],["Stardust button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add stardust-button","https://lightswind.com/components/stardust-button",0,"",["stardust-button",1,1,8],22,"button","button|cta,click,action|no icons|c"],["Stepper","lightswind","Animated React component from Lightswind.","npx lightswind@latest add stepper","https://lightswind.com/components/stepper",0,"",["stepper",1,2,8],9,"misc","stepper|steps,progress,onboarding|icons,monochrome|c"],["Stripes background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add stripes-background","https://lightswind.com/components/stripes-background",0,"",["stripes-background",1,3,8],42,"background","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Stylish carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add stylish-carousel","https://lightswind.com/components/stylish-carousel",0,"",["stylish-carousel",1,4,8],0,"carousel","carousel|slider,gallery,swipe||c"],["Switch","lightswind","Animated React component from Lightswind.","npx lightswind@latest add switch","https://lightswind.com/components/switch",0,"",["switch",1,5,8],11,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Table","lightswind","Animated React component from Lightswind.","npx lightswind@latest add table","https://lightswind.com/components/table",0,"",["table",1,6,8],77,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Tabs","lightswind","Animated React component from Lightswind.","npx lightswind@latest add tabs","https://lightswind.com/components/tabs",0,"",["tabs",1,7,8],87,"tabs","tabs|tab bar,login,segmented control,navigation|no icons,animated|c"],["Team carousel","lightswind","Animated React component from Lightswind.","npx lightswind@latest add team-carousel","https://lightswind.com/components/team-carousel",0,"",["team-carousel",1,0,9],72,"carousel|b","team section|carousel,team,people,avatars|icons,images,animated|b"],["Terminal card","lightswind","Animated React component from Lightswind.","npx lightswind@latest add terminal-card","https://lightswind.com/components/terminal-card",0,"",["terminal-card",1,1,9],79,"card","card|terminal,container,surface|icons|c"],["Text scroll marquee","lightswind","Animated React component from Lightswind.","npx lightswind@latest add text-scroll-marquee","https://lightswind.com/components/text-scroll-marquee",0,"",["text-scroll-marquee",1,2,9],56,"carousel","marquee|text effect,infinite scroll,logos,animation|no icons,monochrome|c"],["Textarea","lightswind","Animated React component from Lightswind.","npx lightswind@latest add textarea","https://lightswind.com/components/textarea",0,"",["textarea",1,3,9],4,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Toast","lightswind","Animated React component from Lightswind.","npx lightswind@latest add toast","https://lightswind.com/components/toast",0,"",["toast",1,5,9],49,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toaster","lightswind","Animated React component from Lightswind.","npx lightswind@latest add toaster","https://lightswind.com/components",0,"",["toaster",1,6,9],49,"misc","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle group","lightswind","Animated React component from Lightswind.","npx lightswind@latest add toggle-group","https://lightswind.com/components/toggle-group",0,"",["toggle-group",1,0,10],9,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle theme","lightswind","Animated React component from Lightswind.","npx lightswind@latest add toggle-theme","https://lightswind.com/components/toggle",0,"",["toggle-theme",1,1,10],6,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle","lightswind","Animated React component from Lightswind.","npx lightswind@latest add toggle","https://lightswind.com/components/toggle",0,"",["toggle",1,7,9],10,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Tooltip","lightswind","Animated React component from Lightswind.","npx lightswind@latest add tooltip","https://lightswind.com/components/tooltip",0,"",["tooltip",1,2,10],44,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Top loader","lightswind","Animated React component from Lightswind.","npx lightswind@latest add top-loader","https://lightswind.com/components/top-loader",0,"",["top-loader",1,3,10],0,"loader","loader|spinner,loading,progress||c"],["Top sticky bar","lightswind","Animated React component from Lightswind.","npx lightswind@latest add top-sticky-bar","https://lightswind.com/components/top-sticky-bar",0,"",["top-sticky-bar",1,4,10],0,"misc","card|container,surface||c"],["Trial button","lightswind","Animated React component from Lightswind.","npx lightswind@latest add trial-button","https://lightswind.com/components/trial-button",0,"",["trial-button",1,5,10],28,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Trusted users","lightswind","Animated React component from Lightswind.","npx lightswind@latest add trusted-users","https://lightswind.com/components/trusted-users",0,"",["trusted-users",1,6,10],79,"misc","card|container,surface|icons,avatar,images|c"],["Typing text","lightswind","Animated React component from Lightswind.","npx lightswind@latest add typing-text","https://lightswind.com/components/typing-text",0,"",["typing-text",1,7,10],39,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Vector flow","lightswind","Animated React component from Lightswind.","npx lightswind@latest add vector-flow","https://lightswind.com/components/vector-flow",0,"",["vector-flow",1,0,11],0,"misc","background|animated background,effect,hero background|no icons|c"],["Video modal","lightswind","Animated React component from Lightswind.","npx lightswind@latest add video-modal","https://lightswind.com/components",0,"",["video-modal",1,1,11],87,"dialog","dialog|video player,modal,overlay,popup|no icons,monochrome,minimal|c"],["Video text","lightswind","Animated React component from Lightswind.","npx lightswind@latest add video-text","https://lightswind.com/components/video-text",0,"",["video-text",1,2,11],0,"media","text effect|video player,text animation,typography,animated text||c"],["Wave background","lightswind","Animated React component from Lightswind.","npx lightswind@latest add wave-background","https://lightswind.com/components/wave-background",0,"",["wave-background",1,3,11],100,"background","background|animated background,effect,hero background|no icons|c"],["Woofy hover image","lightswind","Animated React component from Lightswind.","npx lightswind@latest add woofy-hover-image","https://lightswind.com/components/woofy-hover-image",0,"",["woofy-hover-image",1,4,11],84,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Button","uiarc","A clear, responsive action with quiet secondary states.","npx shadcn@latest add @uiarc/button","https://uiarc.dev/components/button",0,"",["button",0,0,2],9,"button","button|cta,click,action||c"],["Action swap","uiarc","Swap an action label while preserving its place and intent.","npx shadcn@latest add @uiarc/action-swap","https://uiarc.dev/components/action-swap",0,"",["action-swap",0,2,0],18,"misc","input|text field,form,form control|icons,monochrome,minimal|c"],["Action button","uiarc","A compact button for frequent toolbar actions.","npx shadcn@latest add @uiarc/action-button","https://uiarc.dev/components/action-button",0,"",["action-button",0,1,0],20,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Split button","uiarc","A primary action with a menu of nearby alternatives.","npx shadcn@latest add @uiarc/split-button","https://uiarc.dev/components/split-button",0,"",["split-button",1,3,2],29,"button","button group|button,buttons,toolbar|icons,monochrome,minimal|c"],["Button group","uiarc","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.","npx shadcn@latest add @uiarc/button-group","https://uiarc.dev/components/button-group",0,"",["button-group",0,1,2],12,"button","button group|button,buttons,toolbar|icons,monochrome,minimal|c"],["Floating button group","uiarc","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.","npx shadcn@latest add @uiarc/floating-button-group","https://uiarc.dev/components/floating-button-group",0,"",["floating-button-group",0,0,7],43,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Expanding button group","uiarc","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.","npx shadcn@latest add @uiarc/expanding-button-group","https://uiarc.dev/components/expanding-button-group",0,"",["expanding-button-group",0,2,6],45,"button","button group|button,accordion,buttons,toolbar|icons,monochrome|c"],["Dropdown menu","uiarc","A focused list of actions anchored to a trigger.","npx shadcn@latest add @uiarc/dropdown-menu","https://uiarc.dev/components/dropdown-menu",0,"",["dropdown-menu",0,4,5],7,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Context menu","uiarc","Secondary actions kept close to the selected object.","npx shadcn@latest add @uiarc/context-menu","https://uiarc.dev/components/context-menu",0,"",["context-menu",0,2,4],4,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Copy button","uiarc","Copy a value with immediate confirmation.","npx shadcn@latest add @uiarc/copy-button","https://uiarc.dev/components/copy-button",0,"",["copy-button",0,4,4],10,"button","copy button|button,clipboard|icons,monochrome,minimal|c"],["Drawer","uiarc","A temporary side surface for focused work.","npx shadcn@latest add @uiarc/drawer","https://uiarc.dev/components/drawer",0,"",["drawer",0,3,5],10,"misc","drawer|sheet,settings,overlay,panel|no icons,monochrome,minimal|c"],["Theme switcher","uiarc","Four smooth ways to move between light and dark appearance.","npx shadcn@latest add @uiarc/theme-switch","https://uiarc.dev/components/theme-switch",0,"",["theme-switch",1,7,3],10,"tabs","theme switcher|switch,dark mode,light mode|icons,monochrome,minimal|c"],["Eclipse","uiarc","The next appearance crosses the page like an eclipse.","npx shadcn@latest add @uiarc/theme-switch-eclipse","https://uiarc.dev/components/theme-switch-eclipse",0,"",["theme-switch-eclipse",1,0,4],10,"misc","card|container,surface|icons,monochrome,minimal|c"],["Split","uiarc","The next appearance opens from a slim center seam.","npx shadcn@latest add @uiarc/theme-switch-split","https://uiarc.dev/components/theme-switch-split",0,"",["theme-switch-split",1,2,4],10,"misc","card|container,surface|icons,monochrome,minimal|c"],["Rise","uiarc","The next appearance rises into place.","npx shadcn@latest add @uiarc/theme-switch-rise","https://uiarc.dev/components/theme-switch-rise",0,"",["theme-switch-rise",1,1,4],10,"misc","card|container,surface|icons,monochrome,minimal|c"],["Avatar","uiarc","A compact identity marker for people and accounts.","npx shadcn@latest add @uiarc/avatar","https://uiarc.dev/components/avatar",0,"",["avatar",0,7,0],63,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar group","uiarc","Show a team or set of contributors in a small space.","npx shadcn@latest add @uiarc/avatar-group","https://uiarc.dev/components/avatar-group",0,"",["avatar-group",0,0,1],54,"media","avatar group|avatar,team,users|no icons,monochrome,minimal|c"],["Input","uiarc","A single line field with clear labels and useful states.","npx shadcn@latest add @uiarc/input","https://uiarc.dev/components/input",0,"",["input",0,1,8],55,"input","input|text field,form,form control|no icons,monochrome|c"],["Textarea","uiarc","A multiline field for notes, descriptions, and longer text.","npx shadcn@latest add @uiarc/textarea","https://uiarc.dev/components/textarea",0,"",["textarea",1,6,3],63,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Select","uiarc","A compact choice field with a keyboard friendly menu.","npx shadcn@latest add @uiarc/select","https://uiarc.dev/components/select",0,"",["select",1,6,0],46,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Combobox","uiarc","Search and select from a list without leaving the field.","npx shadcn@latest add @uiarc/combobox","https://uiarc.dev/components/combobox",0,"",["combobox",0,4,3],49,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Checkbox","uiarc","A binary choice with a precise, legible state.","npx shadcn@latest add @uiarc/checkbox","https://uiarc.dev/components/checkbox",0,"",["checkbox",0,0,3],0,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Switch","uiarc","A tactile toggle for settings that take effect immediately.","npx shadcn@latest add @uiarc/switch","https://uiarc.dev/components/switch",0,"",["switch",1,0,3],2,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Multi-select","uiarc","Select several values while keeping the field readable.","npx shadcn@latest add @uiarc/multi-select","https://uiarc.dev/components/multi-select",0,"",["multi-select",0,2,9],50,"dropdown","multi select|select,combobox,tags|icons,monochrome|c"],["Number field","uiarc","Enter a bounded number with clear increment controls.","npx shadcn@latest add @uiarc/number-field","https://uiarc.dev/components/number-field",0,"",["number-field",0,5,9],47,"input","number input|input,stepper|icons,monochrome|c"],["Password field","uiarc","Capture sensitive text with a visible reveal control.","npx shadcn@latest add @uiarc/password-field","https://uiarc.dev/components/password-field",0,"",["password-field",0,2,10],55,"input","input|password input,login,text field,form,form control|icons,monochrome,minimal|c"],["Search field","uiarc","A recognizable search entry point with clear affordances.","npx shadcn@latest add @uiarc/search-field","https://uiarc.dev/components/search-field",0,"",["search-field",1,4,0],51,"input","search input|input,search|icons,monochrome|c"],["Tag input","uiarc","Turn short text values into removable tags.","npx shadcn@latest add @uiarc/tag-input","https://uiarc.dev/components/tag-input",0,"",["tag-input",1,2,3],61,"input","tag input|tag,input,tags,chips|icons,monochrome|c"],["File dropzone","uiarc","A generous target for dropping one or more files.","npx shadcn@latest add @uiarc/file-dropzone","https://uiarc.dev/components/file-dropzone",0,"",["file-dropzone",0,5,6],64,"upload","file upload|dropzone,upload,drag and drop|icons,animated|c"],["Radio group","uiarc","Choose one option from a visible set.","npx shadcn@latest add @uiarc/radio-group","https://uiarc.dev/components/radio-group",0,"",["radio-group",0,1,11],62,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Segmented control","uiarc","Switch between a small set of related views.","npx shadcn@latest add @uiarc/segmented-control","https://uiarc.dev/components/segmented-control",0,"",["segmented-control",1,5,0],49,"tabs","segmented control|tabs,toggle group|no icons,monochrome,minimal|c"],["Calendar","uiarc","Browse dates in a clear, compact month view.","npx shadcn@latest add @uiarc/calendar","https://uiarc.dev/components/calendar",0,"",["calendar",0,2,2],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Date picker","uiarc","Choose a date without losing context.","npx shadcn@latest add @uiarc/date-picker","https://uiarc.dev/components/date-picker",0,"",["date-picker",0,7,4],49,"datepicker","date picker|select,calendar,date input|icons,monochrome|c"],["Time picker","uiarc","Choose a time with sensible keyboard behavior.","npx shadcn@latest add @uiarc/time-picker","https://uiarc.dev/components/time-picker",0,"",["time-picker",1,3,4],47,"misc","time picker|select,time input,clock|icons,monochrome|c"],["Accordion","uiarc","Progressively reveal supporting information in place.","npx shadcn@latest add @uiarc/accordion","https://uiarc.dev/components/accordion",0,"",["accordion",0,0,0],61,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Dialog","uiarc","A focused surface for decisions that need attention.","npx shadcn@latest add @uiarc/dialog","https://uiarc.dev/components/dialog",0,"",["dialog",0,1,5],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Popover","uiarc","A small anchored surface for contextual information.","npx shadcn@latest add @uiarc/popover","https://uiarc.dev/components/popover",0,"",["popover",0,6,10],7,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Tooltip","uiarc","Short supporting text for unfamiliar controls.","npx shadcn@latest add @uiarc/tooltip","https://uiarc.dev/components/tooltip",0,"",["tooltip",1,0,5],7,"text","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tabs","uiarc","Switch between related content in the same context.","npx shadcn@latest add @uiarc/tabs","https://uiarc.dev/components/tabs",0,"",["tabs",1,1,3],65,"tabs","tabs|tab bar,settings,segmented control,navigation|no icons,monochrome|c"],["Expandable card","uiarc","Give a dense card more room when requested.","npx shadcn@latest add @uiarc/expandable-card","https://uiarc.dev/components/expandable-card",0,"",["expandable-card",0,0,6],7,"card","card|accordion,analytics,container,surface|icons,monochrome|c"],["Breadcrumb","uiarc","Show where a page sits in a hierarchy.","npx shadcn@latest add @uiarc/breadcrumb","https://uiarc.dev/components/breadcrumb",0,"",["breadcrumb",0,6,1],39,"misc","breadcrumb|navigation,settings,path|icons,monochrome|c"],["Alert","uiarc","A persistent message that helps people recover or continue.","npx shadcn@latest add @uiarc/alert","https://uiarc.dev/components/alert",0,"",["alert",0,4,0],66,"toast","alert|message,banner,callout|icons,monochrome|c"],["Toast","uiarc","Brief confirmation for a completed background action.","npx shadcn@latest add @uiarc/toast","https://uiarc.dev/components/toast",0,"",["toast",1,5,4],58,"toast","toast|notification,alert,message|icons,monochrome|c"],["Rating","uiarc","A simple, accessible way to capture a numeric opinion.","npx shadcn@latest add @uiarc/rating","https://uiarc.dev/components/rating",0,"",["rating",0,3,11],63,"input","rating|stars,review,input|icons,monochrome|c"],["Progress","uiarc","Show how much of a known task is complete.","npx shadcn@latest add @uiarc/progress","https://uiarc.dev/components/progress",0,"",["progress",0,7,10],0,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Skeleton","uiarc","Reserve space while content is still loading.","npx shadcn@latest add @uiarc/skeleton","https://uiarc.dev/components/skeleton",0,"",["skeleton",1,5,1],10,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Badge","uiarc","A small label for status, category, or metadata.","npx shadcn@latest add @uiarc/badge","https://uiarc.dev/components/badge",0,"",["badge",0,1,1],0,"misc","badge|label,status,pill||c"],["Card","uiarc","A contained group of related content and actions.","npx shadcn@latest add @uiarc/card","https://uiarc.dev/components/card",0,"",["card",0,3,2],65,"card","card|container,tasks,surface|no icons,monochrome|c"],["Metric card","uiarc","A compact summary for a number that needs context.","npx shadcn@latest add @uiarc/metric-card","https://uiarc.dev/components/metric-card",0,"",["metric-card",0,7,8],75,"card","stat card|kpi,pricing,metrics,dashboard,card|no icons,monochrome,minimal|c"],["Empty state","uiarc","A useful next step when there is nothing to show yet.","npx shadcn@latest add @uiarc/empty-state","https://uiarc.dev/components/empty-state",0,"",["empty-state",0,6,5],53,"misc","empty state|placeholder,illustration|icons,monochrome|c"],["Tree view","uiarc","Navigate nested folders and structured content.","npx shadcn@latest add @uiarc/tree-view","https://uiarc.dev/components/tree-view",0,"",["tree-view",1,2,5],53,"misc","tree view|file tree,nested list|icons,monochrome|c"],["Pagination","uiarc","Move through a long collection with clear bounds.","npx shadcn@latest add @uiarc/pagination","https://uiarc.dev/components/pagination",0,"",["pagination",0,1,10],36,"misc","pagination|pages,navigation|icons,monochrome|c"],["Filter toolbar","uiarc","Keep collection filters close and easy to reset.","npx shadcn@latest add @uiarc/filter-toolbar","https://uiarc.dev/components/filter-toolbar",0,"",["filter-toolbar",0,7,6],51,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Sortable data table","uiarc","Compare structured records with sortable columns.","npx shadcn@latest add @uiarc/sortable-data-table","https://uiarc.dev/components/sortable-data-table",0,"",["sortable-data-table",1,1,2],73,"table","data table|table,analytics,pricing,rows,spreadsheet|icons,animated,monochrome|c"],["Sparkline","uiarc","Show a compact trend beside a value.","npx shadcn@latest add @uiarc/sparkline","https://uiarc.dev/components/sparkline",0,"",["sparkline",1,2,2],79,"misc","sparkline|chart,dashboard|no icons|c"],["Gauge","uiarc","Show a value against a known range.","npx shadcn@latest add @uiarc/gauge","https://uiarc.dev/components/gauge",0,"",["gauge",0,1,7],84,"misc","radial chart|chart,gauge,dashboard|no icons|c"],["Animated counter","uiarc","Give changing totals a clear sense of movement.","npx shadcn@latest add @uiarc/animated-counter","https://uiarc.dev/components/animated-counter",0,"",["animated-counter",0,5,0],46,"text","number ticker|counter,pricing,text effect,animated number|no icons,animated,monochrome,minimal|c"],["Code block","uiarc","Present code with legible hierarchy and copy access.","npx shadcn@latest add @uiarc/code-block","https://uiarc.dev/components/code-block",0,"",["code-block",0,2,3],74,"misc","code block|content section,code,syntax highlight|icons,monochrome|c"],["Reorderable list","uiarc","Organize items with direct drag and drop.","npx shadcn@latest add @uiarc/reorderable-list","https://uiarc.dev/components/reorderable-list",0,"",["reorderable-list",0,5,11],66,"misc","list|items,rows|icons,monochrome|c"],["Text reveal","uiarc","Reveal a short piece of content with restrained motion.","npx shadcn@latest add @uiarc/text-reveal","https://uiarc.dev/components/text-reveal",0,"",["text-reveal",1,4,3],50,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["In-view title","uiarc","Bring a section title in as it scrolls into view.","npx shadcn@latest add @uiarc/in-view-title","https://uiarc.dev/components/in-view-title",0,"",["in-view-title",0,7,7],52,"section","card|content section,container,surface|no icons,monochrome,minimal|c"],["Text morph","uiarc","Morph a label into its next state, letter by letter.","npx shadcn@latest add @uiarc/text-morph","https://uiarc.dev/components/text-morph",0,"",["text-morph",1,3,3],11,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text shimmer","uiarc","Show ongoing work with a calm light across the words.","npx shadcn@latest add @uiarc/text-shimmer","https://uiarc.dev/components/text-shimmer",0,"",["text-shimmer",1,5,3],8,"text","skeleton|text effect,loading,placeholder|no icons,monochrome,minimal|c"],["Hold to confirm","uiarc","Confirm a destructive action by holding, not tapping.","npx shadcn@latest add @uiarc/hold-to-confirm","https://uiarc.dev/components/hold-to-confirm",0,"",["hold-to-confirm",0,3,7],17,"dialog","alert dialog|dialog,modal,confirm|icons,monochrome|c"],["Swipe actions","uiarc","Reveal row actions with a swipe, or from the same actions in a menu.","npx shadcn@latest add @uiarc/swipe-actions","https://uiarc.dev/components/swipe-actions",0,"",["swipe-actions",1,7,2],65,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Reactions","uiarc","Acknowledge a post in one tap, with counts that roll.","npx shadcn@latest add @uiarc/reactions","https://uiarc.dev/components/reactions",0,"",["reactions",0,4,11],42,"misc","dialog|modal,overlay,popup|icons,animated,monochrome|c"],["Slider","uiarc","Pick a value or a range on a track that follows your finger.","npx shadcn@latest add @uiarc/slider","https://uiarc.dev/components/slider",0,"",["slider",1,6,1],51,"input","slider|range,input|no icons,monochrome,minimal|c"],["Elastic slider","uiarc","A slider that stretches like rubber past its ends, with a swaying value tag and detents the thumb clicks into.","npx shadcn@latest add @uiarc/elastic-slider","https://uiarc.dev/components/elastic-slider",0,"",["elastic-slider",0,5,5],53,"input","slider|range,input|icons,monochrome|c"],["Range histogram slider","uiarc","A price range over a live histogram of the data, lighting the bars inside the range and settling on bar edges.","npx shadcn@latest add @uiarc/range-histogram-slider","https://uiarc.dev/components/range-histogram-slider",0,"",["range-histogram-slider",0,2,11],83,"input","bar chart|slider,pricing,chart,graph,dashboard|no icons,monochrome,minimal|c"],["Ruler slider","uiarc","A tape of ticks that slides under a fixed needle, with momentum, snapping, and a rolling readout.","npx shadcn@latest add @uiarc/ruler-slider","https://uiarc.dev/components/ruler-slider",0,"",["ruler-slider",1,1,0],64,"input","slider|divider,range,input|no icons,monochrome|c"],["Inline edit","uiarc","Rename in place: the text becomes a field without moving.","npx shadcn@latest add @uiarc/inline-edit","https://uiarc.dev/components/inline-edit",0,"",["inline-edit",0,0,8],11,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Expanding search","uiarc","An icon that morphs into a search field with results beneath it.","npx shadcn@latest add @uiarc/expanding-search","https://uiarc.dev/components/expanding-search",0,"",["expanding-search",0,3,6],34,"input","accordion|collapsible,search,expand,faq|icons,monochrome,minimal|c"],["Chip group","uiarc","Filter by a few facets with chips that morph as you pick them.","npx shadcn@latest add @uiarc/chip-group","https://uiarc.dev/components/chip-group",0,"",["chip-group",0,1,3],64,"misc","tag|label,chip,pill|icons,monochrome|c"],["Password strength","uiarc","Show how strong a new password is while it is typed.","npx shadcn@latest add @uiarc/password-strength","https://uiarc.dev/components/password-strength",0,"",["password-strength",0,3,10],81,"misc","password input|input,form,login|icons,monochrome|c"],["Bottom sheet","uiarc","A sheet that rests at a peek or full height and follows your finger.","npx shadcn@latest add @uiarc/bottom-sheet","https://uiarc.dev/components/bottom-sheet",0,"",["bottom-sheet",0,5,1],8,"misc","drawer|sheet,e-commerce,pricing,overlay,panel|no icons,monochrome,minimal|c"],["Hover card","uiarc","Preview a person or link on hover or focus without leaving the page.","npx shadcn@latest add @uiarc/hover-card","https://uiarc.dev/components/hover-card",0,"",["hover-card",0,4,7],50,"card","hover card|popover,hover,card|no icons|c"],["Resizable panels","uiarc","Trade space between panes by dragging the divider between them.","npx shadcn@latest add @uiarc/resizable-panels","https://uiarc.dev/components/resizable-panels",0,"",["resizable-panels",0,6,11],2,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Toast stack","uiarc","Stack short results at the edge until you reach for them.","npx shadcn@latest add @uiarc/toast-stack","https://uiarc.dev/components/toast-stack",0,"",["toast-stack",1,6,4],82,"toast","toast|notification,account,alert,message|icons,monochrome|c"],["Usage meter","uiarc","Show what fills an allowance and how close it is to the limit.","npx shadcn@latest add @uiarc/usage-meter","https://uiarc.dev/components/usage-meter",0,"",["usage-meter",1,4,5],76,"misc","progress bar|progress,meter,loading|no icons,monochrome|c"],["Onboarding checklist","uiarc","Guide a new workspace through setup, one step at a time.","npx shadcn@latest add @uiarc/onboarding-checklist","https://uiarc.dev/components/onboarding-checklist",0,"",["onboarding-checklist",0,6,9],80,"misc","checkbox|onboarding,team,form,checklist|icons,monochrome|c"],["Image compare","uiarc","Drag a divider across two images to see what changed.","npx shadcn@latest add @uiarc/image-compare","https://uiarc.dev/components/image-compare",0,"",["image-compare",0,6,7],98,"media","image compare|content section,before after,slider,image|icons,monochrome|c"],["Carousel","uiarc","Browse a row of slides by dragging, flicking, or arrowing through them.","npx shadcn@latest add @uiarc/carousel","https://uiarc.dev/components/carousel",0,"",["carousel",0,5,2],100,"carousel","carousel|slider,gallery,swipe|icons|c"],["Card stack","uiarc","Review a deck one card at a time, with a throw and an undo.","npx shadcn@latest add @uiarc/card-stack","https://uiarc.dev/components/card-stack",0,"",["card-stack",0,4,2],54,"carousel","carousel|card,slider,gallery,swipe|icons,monochrome|c"],["Bar chart","uiarc","Compare one measure across days and scrub any bar for its value.","npx shadcn@latest add @uiarc/bar-chart","https://uiarc.dev/components/bar-chart",0,"",["bar-chart",0,2,1],75,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Activity heatmap","uiarc","See a year of activity at a glance, one square per day.","npx shadcn@latest add @uiarc/activity-heatmap","https://uiarc.dev/components/activity-heatmap",0,"",["activity-heatmap",0,3,0],72,"misc","heatmap|chart,calendar,dashboard|no icons,monochrome|c"],["Timeline","uiarc","Follow what happened, newest first, grouped by day.","npx shadcn@latest add @uiarc/timeline","https://uiarc.dev/components/timeline",0,"",["timeline",1,4,4],65,"misc","timeline|history,steps,activity|icons,monochrome|c"],["User menu","uiarc","Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.","npx shadcn@latest add @uiarc/user-menu","https://uiarc.dev/components/user-menu",0,"",["user-menu",1,5,5],0,"dropdown","user menu|dropdown menu,account,avatar|no icons,monochrome,minimal|c"],["Stepper","uiarc","Show where a person is in a multi-step flow and what is done.","npx shadcn@latest add @uiarc/stepper","https://uiarc.dev/components/stepper",0,"",["stepper",1,5,2],54,"misc","stepper|steps,progress,onboarding|icons,monochrome|c"],["Signature pad","uiarc","Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.","npx shadcn@latest add @uiarc/signature-pad","https://uiarc.dev/components/signature-pad",0,"",["signature-pad",1,1,1],70,"misc","radio group|radio,options,form|icons|c"],["Icon morph","uiarc","Icons that morph between states: menu to close, play to pause, copy to check, and more.","npx shadcn@latest add @uiarc/icon-morph","https://uiarc.dev/components/icon-morph",0,"",["icon-morph",0,5,7],45,"dropdown","animated icon|icon,animation|icons,animated,monochrome|c"],["Date range picker","uiarc","A range picker that grows from its trigger into two months with presets and a stretching range highlight.","npx shadcn@latest add @uiarc/date-range-picker","https://uiarc.dev/components/date-range-picker",0,"",["date-range-picker",0,0,5],6,"datepicker","select|slider,calendar,date range picker,dropdown,options,form|icons,monochrome|c"],["Color picker","uiarc","A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.","npx shadcn@latest add @uiarc/color-picker","https://uiarc.dev/components/color-picker",0,"",["color-picker",0,3,3],56,"input","color picker|select,color input,swatches|no icons,avatar|c"],["Morph select","uiarc","A select whose trigger grows into the list, with a gliding highlight and type-ahead.","npx shadcn@latest add @uiarc/morph-select","https://uiarc.dev/components/morph-select",0,"",["morph-select",0,1,9],40,"dropdown","select|dropdown,options,form|icons,animated,monochrome|c"],["Line chart","uiarc","A multi-series line chart with a gliding crosshair, legend toggles, and paths that morph between ranges.","npx shadcn@latest add @uiarc/line-chart","https://uiarc.dev/components/line-chart",0,"",["line-chart",0,3,8],83,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Donut chart","uiarc","A donut whose arcs morph between datasets, with the active value rolling into the center.","npx shadcn@latest add @uiarc/donut-chart","https://uiarc.dev/components/donut-chart",0,"",["donut-chart",0,2,5],86,"chart","pie chart|chart,search,donut,dashboard|no icons,animated|c"],["Streamgraph","uiarc","Layered streams on a wiggle baseline that morph between ranges, with a layer you can isolate and read week by week.","npx shadcn@latest add @uiarc/streamgraph","https://uiarc.dev/components/streamgraph",0,"",["streamgraph",1,6,2],99,"misc","data table|table,rows,spreadsheet|no icons|c"],["Brush chart","uiarc","A dense time series with an overview strip: drag a window to zoom, resize it by its handles, and read events in place.","npx shadcn@latest add @uiarc/brush-chart","https://uiarc.dev/components/brush-chart",0,"",["brush-chart",0,7,1],80,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Ridgeline","uiarc","Overlapping distributions, one ridge per group: hover to lift a ridge and read its quartiles, switch datasets and every curve morphs.","npx shadcn@latest add @uiarc/ridgeline","https://uiarc.dev/components/ridgeline",0,"",["ridgeline",1,0,0],87,"switch","data table|table,rows,spreadsheet|no icons|c"],["Treemap","uiarc","A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrumb back and metrics that morph every tile.","npx shadcn@latest add @uiarc/treemap","https://uiarc.dev/components/treemap",0,"",["treemap",1,3,5],97,"chart","sankey chart|tree view,chart,dashboard|no icons,monochrome|c"],["Waffle chart","uiarc","A ten by ten unit chart where every cell is one percent, and cells fly to their new group when the data changes.","npx shadcn@latest add @uiarc/waffle-chart","https://uiarc.dev/components/waffle-chart",0,"",["waffle-chart",1,6,5],98,"chart","chart|graph,data,dashboard|no icons,monochrome|c"],["Slope chart","uiarc","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.","npx shadcn@latest add @uiarc/slope-chart","https://uiarc.dev/components/slope-chart",0,"",["slope-chart",1,7,1],62,"chart","chart|graph,data,dashboard|icons,animated|c"],["Countdown","uiarc","A launch countdown with rolling digits that morphs into a live state at zero.","npx shadcn@latest add @uiarc/countdown","https://uiarc.dev/components/countdown",0,"",["countdown",0,5,4],67,"misc","card|container,surface|no icons,animated,monochrome,minimal|c"],["Cookie consent","uiarc","A consent bar that morphs into preferences and folds into a reopen button.","npx shadcn@latest add @uiarc/cookie-consent","https://uiarc.dev/components/cookie-consent",0,"",["cookie-consent",0,3,4],54,"button","cookie banner|banner,settings,consent|no icons,monochrome|c"],["Announcement bar","uiarc","A top banner that rotates messages, counts down, and collapses smoothly when dismissed.","npx shadcn@latest add @uiarc/announcement-bar","https://uiarc.dev/components/announcement-bar",0,"",["announcement-bar",0,6,0],47,"accordion","alert|message,banner,callout|icons,monochrome|c"],["JSON viewer","uiarc","A collapsible JSON tree with search, paging for long arrays, and copy value or path.","npx shadcn@latest add @uiarc/json-viewer","https://uiarc.dev/components/json-viewer",0,"",["json-viewer",0,2,8],71,"accordion","input|text field,form,form control|icons,monochrome|c"],["Scrub input","uiarc","A Figma-style number field: drag the label to scrub, or type values, units, and arithmetic.","npx shadcn@latest add @uiarc/scrub-input","https://uiarc.dev/components/scrub-input",0,"",["scrub-input",1,3,0],43,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Tree table","uiarc","A table with nested rows, tri-state selection, hierarchy-preserving sort, and lazy-loaded children.","npx shadcn@latest add @uiarc/tree-table","https://uiarc.dev/components/tree-table",0,"",["tree-table",1,1,5],60,"table","data table|tree view,table,rows,spreadsheet|icons,monochrome|c"],["Phone input","uiarc","A phone field with a country picker, formatting as you type, and E.164 output.","npx shadcn@latest add @uiarc/phone-input","https://uiarc.dev/components/phone-input",0,"",["phone-input",0,4,10],61,"input","phone input|input,form|icons,monochrome|c"],["Money input","uiarc","A currency field with live grouping, stable width, rolling digits, and minor-unit output.","npx shadcn@latest add @uiarc/money-input","https://uiarc.dev/components/money-input",0,"",["money-input",0,0,9],66,"input","input|text field,pricing,form,form control|icons,monochrome,minimal|c"],["Shortcut recorder","uiarc","Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.","npx shadcn@latest add @uiarc/shortcut-recorder","https://uiarc.dev/components/shortcut-recorder",0,"",["shortcut-recorder",1,7,0],52,"misc","keyboard key|shortcut,keyboard|icons,monochrome,minimal|c"],["Confirm morph","uiarc","A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.","npx shadcn@latest add @uiarc/confirm-morph","https://uiarc.dev/components/confirm-morph",0,"",["confirm-morph",0,0,4],10,"dialog","alert dialog|dialog,modal,confirm|icons,animated,monochrome,minimal|c"],["Mention input","uiarc","A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.","npx shadcn@latest add @uiarc/mention-input","https://uiarc.dev/components/mention-input",0,"",["mention-input",0,6,8],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Chat thread","uiarc","A chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.","npx shadcn@latest add @uiarc/chat-thread","https://uiarc.dev/components/chat-thread",0,"",["chat-thread",0,7,2],78,"thinking","chat|messages,ai,input|icons,monochrome|c"],["Rich text editor","uiarc","A lightweight editor with markdown shortcuts, a floating toolbar, a slash menu, and HTML and markdown output.","npx shadcn@latest add @uiarc/rich-text-editor","https://uiarc.dev/components/rich-text-editor",0,"",["rich-text-editor",0,7,11],0,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Billing toggle","uiarc","A monthly and yearly switch with a savings badge and prices that roll to the new amount.","npx shadcn@latest add @uiarc/billing-toggle","https://uiarc.dev/components/billing-toggle",0,"",["billing-toggle",0,3,1],59,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Scroll area","uiarc","A native scroll container with thin overlay scrollbars and edge fades that appear only when content overflows.","npx shadcn@latest add @uiarc/scroll-area","https://uiarc.dev/components/scroll-area",0,"",["scroll-area",1,2,0],60,"dialog","scroll area|scroll,container|no icons,monochrome|c"],["Radio cards","uiarc","Selectable option cards with a sliding selection ring, price and description slots, and radio keyboard behavior.","npx shadcn@latest add @uiarc/radio-cards","https://uiarc.dev/components/radio-cards",0,"",["radio-cards",0,0,11],60,"input","card|radio group,pricing,container,surface|no icons,monochrome|c"],["Comment thread","uiarc","Threaded comments with replies, reactions, mentions, inline edit, and resolve.","npx shadcn@latest add @uiarc/comment-thread","https://uiarc.dev/components/comment-thread",0,"",["comment-thread",0,6,3],67,"misc","select|dropdown,options,form|icons,monochrome|c"],["Slot text","uiarc","Text and numbers that spin into their new value on staggered slot machine reels.","npx shadcn@latest add @uiarc/slot-text","https://uiarc.dev/components/slot-text",0,"",["slot-text",1,0,2],14,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Toggle group","uiarc","A row of icon or text toggles, single or multiple: one pressed fill glides between options, or each fades in on its own and neighbours join, as in a formatting toolbar.","npx shadcn@latest add @uiarc/toggle-group","https://uiarc.dev/components/toggle-group",0,"",["toggle-group",1,7,4],0,"switch","toggle group|switch,button group,segmented control,toggle||c"],["Expandable text","uiarc","Long text clamped to a few lines with a soft fade that glides open with Read more and closes with Show less, shown only when the text overflows.","npx shadcn@latest add @uiarc/expandable-text","https://uiarc.dev/components/expandable-text",0,"",["expandable-text",0,1,6],56,"text","text effect|accordion,text animation,typography,animated text|icons,monochrome|c"],["Sign up form","uiarc","An account creation flow with field validation, password strength, and a clear completion state.","npx shadcn@latest add @uiarc/signup-form","https://uiarc.dev/components/blocks/signup-form",0,"",["signup-form",1,2,1],89,"input|b","login|form,team,sign in,sign up,auth form|icons,monochrome|b"],["Logo marquee","uiarc","A quiet, continuously moving row of brand marks with a pause control.","npx shadcn@latest add @uiarc/logo-marquee","https://uiarc.dev/components/blocks/logo-marquee",0,"",["logo-marquee",0,5,8],65,"carousel","marquee|infinite scroll,media,logos,animation|icons,avatar,images|c"],["Plan comparison","uiarc","Compare meaningful differences between plans and billing periods.","npx shadcn@latest add @uiarc/plan-comparison","https://uiarc.dev/components/blocks/plan-comparison",0,"",["plan-comparison",0,5,10],76,"pricing|b","pricing section|content section,pricing,plans,subscription|icons,monochrome|b"],["Command palette","uiarc","A complete keyboard driven action surface with search, grouped results, and shortcuts.","npx shadcn@latest add @uiarc/command-palette","https://uiarc.dev/components/blocks/command-palette",0,"",["command-palette",0,5,3],68,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Notification center","uiarc","A home for updates with read state, grouped information, and animated disclosure.","npx shadcn@latest add @uiarc/notification-center","https://uiarc.dev/components/blocks/notification-center",0,"",["notification-center",0,4,9],39,"toast","toast|notification,notifications,alert,message|icons,monochrome,minimal|c"],["File upload","uiarc","A complete file selection flow with constraints, progress, and error feedback.","npx shadcn@latest add @uiarc/file-upload","https://uiarc.dev/components/blocks/file-upload",0,"",["file-upload",0,6,6],49,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome,minimal|c"],["OTP input","uiarc","A six digit verification flow with paste support and keyboard navigation.","npx shadcn@latest add @uiarc/otp-input","https://uiarc.dev/components/blocks/otp-input",0,"",["otp-input",0,7,9],53,"input","input|otp input,account,text field,form,form control|no icons,monochrome|c"],["Changelog feed","uiarc","Release notes you can filter, open in place, and scroll through month by month.","npx shadcn@latest add @uiarc/changelog-feed","https://uiarc.dev/components/blocks/changelog-feed",0,"",["changelog-feed",0,6,2],76,"misc","timeline|history,calendar,steps,activity|icons,monochrome|c"],["Sign in","uiarc","A sign in card that morphs from email to a six digit code to your account.","npx shadcn@latest add @uiarc/sign-in","https://uiarc.dev/components/blocks/sign-in",0,"",["sign-in",1,0,1],87,"card|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Page header","uiarc","A project page header that folds into a compact bar as you scroll, with tabs whose counts roll.","npx shadcn@latest add @uiarc/page-header","https://uiarc.dev/components/blocks/page-header",0,"",["page-header",0,0,10],80,"navbar|b","content section|navbar,calendar,e-commerce,section,landing page|icons,avatar,monochrome|b"],["Empty states","uiarc","Four empty states in one illustration whose shapes morph between scenes as you switch tabs.","npx shadcn@latest add @uiarc/empty-states","https://uiarc.dev/components/blocks/empty-states",0,"",["empty-states",0,7,5],69,"switch","empty state|placeholder,illustration|no icons|c"],["Centered login","uiarc","A passkey-first login card on a quiet ring backdrop that morphs through email and code.","npx shadcn@latest add @uiarc/login-centered","https://uiarc.dev/components/blocks/login-centered",0,"",["login-centered",0,4,8],89,"section|b","login|sign in,sign up,auth form|icons|b"],["Site header","uiarc","A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet.","npx shadcn@latest add @uiarc/site-header","https://uiarc.dev/components/blocks/site-header",0,"",["site-header",1,4,1],56,"navbar|b","navbar|header,login,navigation,menu|icons,monochrome|b"],["Site footer","uiarc","A website footer with link columns and newsletter, a minimal layout, and a large fading Arc mark.","npx shadcn@latest add @uiarc/site-footer","https://uiarc.dev/components/blocks/site-footer",0,"",["site-footer",1,3,1],78,"section|b","footer|links,site footer|icons,monochrome|b"],["Hero section","uiarc","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","npx shadcn@latest add @uiarc/hero-section","https://uiarc.dev/components/blocks/hero-section",0,"",["hero-section",0,2,7],86,"section|b","hero section|content section,search,analytics,landing page,header,headline|icons,avatar|b"],["FAQ section","uiarc","FAQs as an accordion, a topic rail, or a searchable list that highlights matches.","npx shadcn@latest add @uiarc/faq-section","https://uiarc.dev/components/blocks/faq-section",0,"",["faq-section",0,4,6],81,"section|b","content section|faq section,accordion,section,landing page|icons,monochrome|b"],["Contact section","uiarc","A validated contact form that morphs into a confirmation, support channels, and office cards with local times.","npx shadcn@latest add @uiarc/contact-section","https://uiarc.dev/components/blocks/contact-section",0,"",["contact-section",0,1,4],86,"section|b","contact section|content section,team,account,contact form,form|icons,monochrome|b"],["Blog grid","uiarc","A blog index with a featured post, category filter, post cards, pagination and an in-place reader.","npx shadcn@latest add @uiarc/blog-grid","https://uiarc.dev/components/blocks/blog-grid",0,"",["blog-grid",0,4,1],88,"section|b","blog section|articles,calendar,posts,cards|icons,avatar,images,monochrome|b"],["Comparison table","uiarc","An us versus them table with a sticky header, a highlighted column, and a stacked phone view.","npx shadcn@latest add @uiarc/comparison-table","https://uiarc.dev/components/blocks/comparison-table",0,"",["comparison-table",0,7,3],76,"table","data table|content section,pricing,table,rows,spreadsheet|icons,monochrome|c"],["Stats band","uiarc","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.","npx shadcn@latest add @uiarc/stats-band","https://uiarc.dev/components/blocks/stats-band",0,"",["stats-band",1,4,2],79,"chart|b","stats section|numbers,metrics|no icons,animated,monochrome|b"],["CTA section","uiarc","A call to action as a centered closing section, a split beside a setup card that completes itself, or a dismissible banner.","npx shadcn@latest add @uiarc/cta-section","https://uiarc.dev/components/blocks/cta-section",0,"",["cta-section",0,6,4],86,"section|b","cta section|content section,team,call to action,banner|icons,avatar,images,monochrome|b"],["Newsletter signup","uiarc","An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front.","npx shadcn@latest add @uiarc/newsletter-signup","https://uiarc.dev/components/blocks/newsletter-signup",0,"",["newsletter-signup",0,3,9],76,"section|b","login|newsletter,settings,blog section,sign in,sign up,auth form|icons,avatar,images,monochrome|b"],["Activity feed","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/activity-feed","https://github.com/overtrue/ui",0,"",["activity-feed",0,0,0],55,"section","timeline|history,steps,activity|no icons|c"],["Activity heatmap","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/activity-heatmap","https://github.com/overtrue/ui",0,"",["activity-heatmap",0,1,0],88,"section|b","heatmap|chart,calendar,dashboard|no icons,monochrome|c"],["Activity rings","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/activity-rings","https://github.com/overtrue/ui",0,"",["activity-rings",0,2,0],100,"section","activity ring|progress,ring,chart,dashboard|no icons,animated|c"],["Advanced data table","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/advanced-data-table","https://github.com/overtrue/ui",0,"",["advanced-data-table",0,3,0],59,"table","data table|table,search,rows,spreadsheet|icons,monochrome|c"],["Analytics card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/analytics-card","https://github.com/overtrue/ui",0,"",["analytics-card",0,4,0],60,"chart","card|container,search,surface|icons|c"],["Analytics chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/analytics-chart","https://github.com/overtrue/ui",0,"",["analytics-chart",0,5,0],89,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Analytics overview","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/analytics-overview","https://github.com/overtrue/ui",0,"",["analytics-overview",0,6,0],85,"chart","chart|graph,timeline data,analytics,data,dashboard|icons|c"],["Analytics tabs","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/analytics-tabs","https://github.com/overtrue/ui",0,"",["analytics-tabs",0,7,0],100,"chart","tabs|tab bar,pricing,segmented control,navigation|no icons,monochrome,minimal|c"],["Approval queue","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/approval-queue","https://github.com/overtrue/ui",0,"",["approval-queue",0,0,1],89,"section|b","dashboard|admin,analytics,app layout,app|icons|b"],["Assistant panel","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/assistant-panel","https://github.com/overtrue/ui",0,"",["assistant-panel",0,1,1],66,"thinking","card|ai prompt,tasks,e-commerce,container,surface|icons,animated|c"],["Audit trail","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/audit-trail","https://github.com/overtrue/ui",0,"",["audit-trail",0,2,1],77,"section|b","cursor effect|cursor,upload,interaction,animation|icons,avatar,images,monochrome|c"],["Avatar stack","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/avatar-stack","https://github.com/overtrue/ui",0,"",["avatar-stack",0,3,1],59,"media","avatar group|avatar,team,users|no icons,avatar,monochrome,minimal|c"],["Bar chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/bar-chart","https://github.com/overtrue/ui",0,"",["bar-chart",0,4,1],89,"chart","bar chart|chart,timeline data,pricing,graph,dashboard|no icons|c"],["Bar list","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/bar-list","https://github.com/overtrue/ui",0,"",["bar-list",0,5,1],89,"section","bar list|list,chart,ranking,dashboard|no icons,animated,monochrome|c"],["Bullet chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/bullet-chart","https://github.com/overtrue/ui",0,"",["bullet-chart",0,6,1],98,"chart","chart|graph,pricing,data,dashboard|no icons,animated|c"],["Chart legend","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/chart-legend","https://github.com/overtrue/ui",0,"",["chart-legend",0,7,1],52,"chart","chart|graph,data,dashboard|no icons|c"],["Cohort grid","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/cohort-grid","https://github.com/overtrue/ui",0,"",["cohort-grid",0,0,2],95,"section|b","data table|table,calendar,rows,spreadsheet|no icons,monochrome|b"],["Command palette","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/command-palette","https://github.com/overtrue/ui",0,"",["command-palette",0,1,2],65,"command","command menu|command palette,search,cmdk|icons,monochrome|c"],["Composed chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/composed-chart","https://github.com/overtrue/ui",0,"",["composed-chart",0,2,2],89,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Conversion funnel","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/conversion-funnel","https://github.com/overtrue/ui",0,"",["conversion-funnel",0,3,2],89,"section|b","sankey chart|chart,analytics,dashboard|no icons,animated,monochrome|c"],["Corner frame","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/corner-frame","https://github.com/overtrue/ui",0,"",["corner-frame",0,4,2],77,"section|b","image|media,mockup|icons,animated|c"],["Dashboard","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/dashboard","https://github.com/overtrue/ui",0,"",["dashboard",0,5,2],83,"section|b","dashboard|admin,analytics,app layout,pricing,app|icons|b"],["Data table","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/data-table","https://github.com/overtrue/ui",0,"",["data-table",0,6,2],59,"table","data table|table,search,rows,spreadsheet|icons,monochrome|c"],["Date range picker","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/date-range-picker","https://github.com/overtrue/ui",0,"",["date-range-picker",0,7,2],91,"datepicker","select|slider,calendar,date range picker,dropdown,options,form|icons|c"],["Delta badge","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/delta-badge","https://github.com/overtrue/ui",0,"",["delta-badge",0,0,3],78,"section|b","badge|label,analytics,pricing,status,pill|icons,monochrome|c"],["Deploy pipeline","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/deploy-pipeline","https://github.com/overtrue/ui",0,"",["deploy-pipeline",0,1,3],80,"kanban","progress bar|progress,meter,loading|icons,animated|c"],["Detail list","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/detail-list","https://github.com/overtrue/ui",0,"",["detail-list",0,2,3],72,"section","list|items,tasks,account,rows|no icons|c"],["Distribution bar","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/distribution-bar","https://github.com/overtrue/ui",0,"",["distribution-bar",0,3,3],86,"section","card|content section,container,surface|no icons|c"],["Donut chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/donut-chart","https://github.com/overtrue/ui",0,"",["donut-chart",0,4,3],100,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Dot plot","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/dot-plot","https://github.com/overtrue/ui",0,"",["dot-plot",0,5,3],86,"section","chart|graph,data,dashboard|no icons|c"],["Empty state","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/empty-state","https://github.com/overtrue/ui",0,"",["empty-state",0,6,3],93,"section|b","empty state|placeholder,illustration|icons|c"],["Event calendar","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/event-calendar","https://github.com/overtrue/ui",0,"",["event-calendar",0,7,3],81,"datepicker","calendar|date,date picker,schedule|icons,colorful|c"],["Event timeline","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/event-timeline","https://github.com/overtrue/ui",0,"",["event-timeline",0,0,4],81,"section","timeline|calendar,history,steps,activity|icons|c"],["Experiment result","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/experiment-result","https://github.com/overtrue/ui",0,"",["experiment-result",0,1,4],95,"section|b","data table|table,e-commerce,rows,spreadsheet|icons,animated|b"],["Feature card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/feature-card","https://github.com/overtrue/ui",0,"",["feature-card",0,2,4],93,"section|b","features section|card,features,grid,landing page|icons|b"],["Feature flags","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/feature-flags","https://github.com/overtrue/ui",0,"",["feature-flags",0,3,4],73,"section|b","features section|features,e-commerce,grid,landing page|icons|b"],["File browser","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/file-browser","https://github.com/overtrue/ui",0,"",["file-browser",0,4,4],68,"upload","checkbox|form,checklist|icons,avatar,images,monochrome|c"],["File list","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/file-list","https://github.com/overtrue/ui",0,"",["file-list",0,5,4],59,"upload","list|items,rows|icons,monochrome|c"],["File upload","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/file-upload","https://github.com/overtrue/ui",0,"",["file-upload",0,6,4],79,"upload","file upload|dropzone,upload,drag and drop|icons,avatar,images,animated|c"],["Filter bar","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/filter-bar","https://github.com/overtrue/ui",0,"",["filter-bar",0,7,4],83,"section|b","select|dropdown,notifications,login,options,form|icons|c"],["Filter tabs","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/filter-tabs","https://github.com/overtrue/ui",0,"",["filter-tabs",0,0,5],70,"tabs","tabs|tab bar,segmented control,navigation|no icons|c"],["Flame graph","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/flame-graph","https://github.com/overtrue/ui",0,"",["flame-graph",0,1,5],91,"chart","chart|graph,e-commerce,data,dashboard|icons,monochrome|c"],["Funnel chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/funnel-chart","https://github.com/overtrue/ui",0,"",["funnel-chart",0,2,5],97,"chart","sankey chart|chart,dashboard|icons,monochrome|c"],["Gantt chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/gantt-chart","https://github.com/overtrue/ui",0,"",["gantt-chart",0,3,5],88,"chart","chart|graph,timeline data,e-commerce,data,dashboard|icons,colorful|c"],["Geo map","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/geo-map","https://github.com/overtrue/ui",0,"",["geo-map",0,4,5],74,"map","map|globe,location|no icons,animated|c"],["Heatmap chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/heatmap-chart","https://github.com/overtrue/ui",0,"",["heatmap-chart",0,5,5],97,"chart","heatmap|chart,calendar,dashboard|no icons,animated,monochrome|c"],["Host map","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/host-map","https://github.com/overtrue/ui",0,"",["host-map",0,6,5],94,"map","map|globe,location|no icons|c"],["Incident review","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/incident-review","https://github.com/overtrue/ui",0,"",["incident-review",0,7,5],84,"section|b","testimonials|reviews,e-commerce,social proof,quotes|icons,animated,colorful|b"],["Insight card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/insight-card","https://github.com/overtrue/ui",0,"",["insight-card",0,0,6],63,"card","card|container,analytics,surface|icons,animated|c"],["Integration list","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/integration-list","https://github.com/overtrue/ui",0,"",["integration-list",0,1,6],83,"section|b","integrations|list,team,logos,apps|icons,monochrome|b"],["Invoice list","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/invoice-list","https://github.com/overtrue/ui",0,"",["invoice-list",0,2,6],83,"section|b","list|items,calendar,pricing,rows|icons,monochrome|c"],["Json viewer","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/json-viewer","https://github.com/overtrue/ui",0,"",["json-viewer",0,3,6],82,"section|b","input|text field,e-commerce,form,form control|icons|c"],["Kanban board","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/kanban-board","https://github.com/overtrue/ui",0,"",["kanban-board",0,4,6],70,"kanban","kanban board|board,calendar,tasks,drag and drop|icons,colorful|c"],["Kpi card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/kpi-card","https://github.com/overtrue/ui",0,"",["kpi-card",0,5,6],82,"card","card|stat card,pricing,container,surface|icons,monochrome|c"],["Latency histogram","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/latency-histogram","https://github.com/overtrue/ui",0,"",["latency-histogram",0,6,6],92,"section|b","bar chart|chart,graph,dashboard|no icons|c"],["Live chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/live-chart","https://github.com/overtrue/ui",0,"",["live-chart",0,7,6],88,"chart","chart|graph,data,dashboard|icons,animated|c"],["Log stream","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/log-stream","https://github.com/overtrue/ui",0,"",["log-stream",0,0,7],83,"section|b","input|text field,media,e-commerce,form,form control|icons,animated|c"],["Media card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/media-card","https://github.com/overtrue/ui",0,"",["media-card",0,1,7],93,"card","card|container,tasks,surface|icons,images|c"],["Member card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/member-card","https://github.com/overtrue/ui",0,"",["member-card",0,2,7],65,"card","card|container,surface|icons,avatar|c"],["Metric chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/metric-chart","https://github.com/overtrue/ui",0,"",["metric-chart",0,3,7],75,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Metric group","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/metric-group","https://github.com/overtrue/ui",0,"",["metric-group",0,4,7],73,"section|b","dashboard|admin,analytics,app layout,team,pricing,app|no icons,monochrome|b"],["Metric list","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/metric-list","https://github.com/overtrue/ui",0,"",["metric-list",0,5,7],78,"section","list|items,pricing,rows|no icons,monochrome|c"],["Metric value","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/metric-value","https://github.com/overtrue/ui",0,"",["metric-value",0,6,7],78,"section|b","dashboard|admin,analytics,app layout,pricing,app|no icons,monochrome|b"],["Model usage","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/model-usage","https://github.com/overtrue/ui",0,"",["model-usage",0,7,7],80,"section|b","data table|table,calendar,rows,spreadsheet|icons,animated,colorful|b"],["Multi select","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/multi-select","https://github.com/overtrue/ui",0,"",["multi-select",0,0,8],89,"dropdown","multi select|select,combobox,tags|icons,avatar,images|c"],["Notification center","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/notification-center","https://github.com/overtrue/ui",0,"",["notification-center",0,1,8],85,"toast","toast|notification,calendar,notifications,alert,message|icons,colorful|c"],["Notification preferences","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/notification-preferences","https://github.com/overtrue/ui",0,"",["notification-preferences",0,2,8],79,"toast","toast|settings page,settings,notifications,notification,alert,message|icons|c"],["Number ticker","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/number-ticker","https://github.com/overtrue/ui",0,"",["number-ticker",0,3,8],87,"text","number ticker|marquee,pricing,counter,text effect,animated number|icons,animated,monochrome|c"],["Page header","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/page-header","https://github.com/overtrue/ui",0,"",["page-header",0,4,8],79,"navbar|b","content section|navbar,team,section,landing page|icons|b"],["Period tabs","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/period-tabs","https://github.com/overtrue/ui",0,"",["period-tabs",0,5,8],100,"tabs","tabs|tab bar,pricing,segmented control,navigation|no icons,monochrome,minimal|c"],["Pricing card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/pricing-card","https://github.com/overtrue/ui",0,"",["pricing-card",0,6,8],100,"pricing|b","pricing section|card,pricing,plans,subscription|icons|b"],["Project portfolio","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/project-portfolio","https://github.com/overtrue/ui",0,"",["project-portfolio",0,7,8],92,"section|b","content section|section,tasks,login,landing page|icons,avatar,images|b"],["Radar chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/radar-chart","https://github.com/overtrue/ui",0,"",["radar-chart",0,0,9],80,"chart","radar chart|chart,dashboard|no icons|c"],["Radial gauge","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/radial-gauge","https://github.com/overtrue/ui",0,"",["radial-gauge",0,1,9],91,"section|b","radial chart|chart,gauge,dashboard|no icons|c"],["Range slider","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/range-slider","https://github.com/overtrue/ui",0,"",["range-slider",0,2,9],92,"input","slider|range,input|icons|c"],["Ranked list","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/ranked-list","https://github.com/overtrue/ui",0,"",["ranked-list",0,3,9],84,"section|b","list|items,search,rows|icons,animated,monochrome|c"],["Realtime monitor","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/realtime-monitor","https://github.com/overtrue/ui",0,"",["realtime-monitor",0,4,9],76,"section|b","input|text field,media,form,form control|icons,animated|c"],["Resource progress","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/resource-progress","https://github.com/overtrue/ui",0,"",["resource-progress",0,5,9],80,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Revenue overview","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/revenue-overview","https://github.com/overtrue/ui",0,"",["revenue-overview",0,6,9],87,"chart","data table|table,pricing,rows,spreadsheet|icons,animated,colorful|c"],["Ribbon card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/ribbon-card","https://github.com/overtrue/ui",0,"",["ribbon-card",0,7,9],71,"card","card|container,pricing,surface|no icons|c"],["Sankey chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/sankey-chart","https://github.com/overtrue/ui",0,"",["sankey-chart",0,0,10],97,"chart","sankey chart|chart,dashboard|no icons,animated|c"],["Scatter chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/scatter-chart","https://github.com/overtrue/ui",0,"",["scatter-chart",0,1,10],83,"chart","scatter chart|chart,pricing,dashboard|no icons|c"],["Search field","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/search-field","https://github.com/overtrue/ui",0,"",["search-field",0,2,10],56,"input","search input|input,search|icons,monochrome|c"],["Section card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/section-card","https://github.com/overtrue/ui",0,"",["section-card",0,3,10],82,"section|b","content section|card,section,landing page|no icons,monochrome|b"],["Segmented meter","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/segmented-meter","https://github.com/overtrue/ui",0,"",["segmented-meter",0,4,10],92,"tabs","progress bar|segmented control,progress,meter,loading|no icons,animated|c"],["Service explorer","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/service-explorer","https://github.com/overtrue/ui",0,"",["service-explorer",0,5,10],73,"section|b","chart|graph,search,e-commerce,data,dashboard|icons,animated|c"],["Service map","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/service-map","https://github.com/overtrue/ui",0,"",["service-map",0,6,10],71,"map","map|globe,search,e-commerce,location|icons,animated|c"],["Service status","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/service-status","https://github.com/overtrue/ui",0,"",["service-status",0,7,10],100,"section|b","dashboard|admin,analytics,app layout,app|no icons|b"],["Settings panel","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/settings-panel","https://github.com/overtrue/ui",0,"",["settings-panel",0,0,11],85,"section|b","settings page|card,settings,account,form|no icons|b"],["Settings section","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/settings-section","https://github.com/overtrue/ui",0,"",["settings-section",0,1,11],84,"section|b","settings page|content section,team,settings,account,form|no icons|b"],["Sparkline","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/sparkline","https://github.com/overtrue/ui",0,"",["sparkline",0,2,11],82,"section","sparkline|chart,pricing,dashboard|no icons,monochrome|c"],["Split view","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/split-view","https://github.com/overtrue/ui",0,"",["split-view",0,3,11],78,"section|b","dashboard|admin,analytics,app layout,app|no icons,monochrome|b"],["Spotlight card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/spotlight-card","https://github.com/overtrue/ui",0,"",["spotlight-card",0,4,11],95,"command","card|background,pricing,container,surface|icons|c"],["Stacked area chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/stacked-area-chart","https://github.com/overtrue/ui",0,"",["stacked-area-chart",0,5,11],89,"chart","area chart|chart,timeline data,graph,dashboard|icons,animated|c"],["Stat card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/stat-card","https://github.com/overtrue/ui",0,"",["stat-card",0,6,11],73,"card","stat card|stats section,pricing,kpi,metrics,dashboard,card|icons,animated,monochrome,minimal|c"],["Status badge","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/status-badge","https://github.com/overtrue/ui",0,"",["status-badge",0,7,11],77,"section|b","badge|label,tasks,status,pill|no icons|c"],["Status edge card","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/status-edge-card","https://github.com/overtrue/ui",0,"",["status-edge-card",1,0,0],66,"card","card|container,surface|no icons,monochrome|c"],["Steps","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/steps","https://github.com/overtrue/ui",0,"",["steps",1,1,0],46,"section|b","stepper|steps,progress,onboarding|icons|c"],["Storage meter","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/storage-meter","https://github.com/overtrue/ui",0,"",["storage-meter",1,2,0],83,"section|b","progress bar|progress,meter,loading|no icons|c"],["Task checklist","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/task-checklist","https://github.com/overtrue/ui",0,"",["task-checklist",1,3,0],84,"section|b","checkbox|form,tasks,checklist|no icons|c"],["Task list","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/task-list","https://github.com/overtrue/ui",0,"",["task-list",1,4,0],82,"section|b","list|items,tasks,rows|icons|c"],["Team access","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/team-access","https://github.com/overtrue/ui",0,"",["team-access",1,5,0],83,"section|b","team section|team,search,account,people,avatars|icons,avatar,monochrome|b"],["Team workload","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/team-workload","https://github.com/overtrue/ui",0,"",["team-workload",1,6,0],89,"section|b","team section|team,people,avatars|icons,avatar,images|b"],["Tick bar","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/tick-bar","https://github.com/overtrue/ui",0,"",["tick-bar",1,7,0],91,"section","progress bar|progress,meter,loading|no icons,animated,monochrome|c"],["Timeline","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/timeline","https://github.com/overtrue/ui",0,"",["timeline",1,0,1],81,"section","timeline|history,steps,activity|icons|c"],["Trace waterfall","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/trace-waterfall","https://github.com/overtrue/ui",0,"",["trace-waterfall",1,1,1],87,"section|b","dashboard|admin,analytics,app layout,e-commerce,app|icons,colorful|b"],["Tree view","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/tree-view","https://github.com/overtrue/ui",0,"",["tree-view",1,2,1],83,"section|b","tree view|file tree,nested list|icons|c"],["Treemap","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/treemap","https://github.com/overtrue/ui",0,"",["treemap",1,3,1],100,"section|b","sankey chart|tree view,search,pricing,chart,dashboard|icons,animated|c"],["Trend chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/trend-chart","https://github.com/overtrue/ui",0,"",["trend-chart",1,4,1],93,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Trend sparkline","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/trend-sparkline","https://github.com/overtrue/ui",0,"",["trend-sparkline",1,5,1],82,"section","sparkline|chart,pricing,dashboard|no icons,monochrome|c"],["Uptime history","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/uptime-history","https://github.com/overtrue/ui",0,"",["uptime-history",1,6,1],72,"section|b","timeline|tracker,history,steps,activity|no icons,monochrome|b"],["Waterfall chart","overtrue","Admin and dashboard component built on shadcn/ui.","npx shadcn@latest add @overtrue/waterfall-chart","https://github.com/overtrue/ui",0,"",["waterfall-chart",1,7,1],91,"chart","chart|graph,analytics,pricing,data,dashboard|no icons|c"],["Shimmering Text","bklit","Per-character shimmer animation for loading labels and badges","npx shadcn@latest add @bklit/shimmering-text","https://bklit.com/docs/components/line-chart",0,"",["shimmering-text",0,1,2],49,"text","text effect|skeleton,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Area Chart","bklit","A composable area chart with gradient fills and animations","npx shadcn@latest add @bklit/area-chart","https://bklit.com/docs/components/area-chart",0,"",["area-chart",0,0,0],91,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Composed Chart","bklit","Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts ComposedChart-style)","npx shadcn@latest add @bklit/composed-chart","https://bklit.com/docs/components/composed-chart",0,"",["composed-chart",0,4,0],100,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Bar Chart","bklit","A composable bar chart with horizontal/vertical orientations and animations","npx shadcn@latest add @bklit/bar-chart","https://bklit.com/docs/components/bar-chart",0,"",["bar-chart",0,1,0],93,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Line Chart","bklit","A composable line chart with multiple series support","npx shadcn@latest add @bklit/line-chart","https://bklit.com/docs/components/line-chart",0,"",["line-chart",0,0,1],67,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Profit/Loss Line","bklit","Sign-colored line segments for profit and loss on LineChart","npx shadcn@latest add @bklit/profit-loss-line","https://bklit.com/docs/components/profit-loss-line",0,"",["profit-loss-line",0,3,1],72,"misc","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Scatter Chart","bklit","A composable time-series scatter chart with hover dimming, optional offset rings, jitter, and animated enter","npx shadcn@latest add @bklit/scatter-chart","https://bklit.com/docs/components/scatter-chart",0,"",["scatter-chart",0,0,2],74,"chart","scatter chart|chart,calendar,dashboard|no icons|c"],["Live Line Chart","bklit","Real-time streaming line chart with smooth scrolling, crosshair, and animated axes","npx shadcn@latest add @bklit/live-line-chart","https://bklit.com/docs/components/live-line-chart",0,"",["live-line-chart",0,1,1],63,"chart","line chart|chart,pricing,graph,dashboard|no icons,animated|c"],["Candlestick Chart","bklit","A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interactions","npx shadcn@latest add @bklit/candlestick-chart","https://bklit.com/docs/components/candlestick-chart",0,"",["candlestick-chart",0,2,0],83,"chart","sankey chart|chart,calendar,dashboard|no icons|c"],["Pie Chart","bklit","A composable pie chart with animations and customizable slices","npx shadcn@latest add @bklit/pie-chart","https://bklit.com/docs/components/pie-chart",0,"",["pie-chart",0,2,1],98,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Radar Chart","bklit","A composable radar/spider chart with multiple data series","npx shadcn@latest add @bklit/radar-chart","https://bklit.com/docs/components/radar-chart",0,"",["radar-chart",0,4,1],92,"chart","radar chart|chart,dashboard|no icons,animated|c"],["Ring Chart","bklit","A composable donut/ring chart with progress indicators","npx shadcn@latest add @bklit/ring-chart","https://bklit.com/docs/components/ring-chart",0,"",["ring-chart",0,6,1],100,"chart","chart|graph,data,dashboard|no icons|c"],["Radial Chart","bklit","A composable polar chart with radial bars, ring bars, dot bars, lines, areas, axes, scrubber and legend","npx shadcn@latest add @bklit/radial-chart","https://bklit.com/docs/components/radial-chart",0,"",["radial-chart",0,5,1],99,"chart","radial chart|chart,calendar,gauge,dashboard|no icons,animated|c"],["Gauge","bklit","Notch-based radial or linear gauge with optional center label, patterns, and optional gradients","npx shadcn@latest add @bklit/gauge-chart","https://bklit.com/docs/components/gauge-chart",0,"",["gauge-chart",0,6,0],83,"background","radial chart|chart,gauge,dashboard|no icons,animated|c"],["Heatmap Chart","bklit","A contribution heatmap with animated cells and configurable level colors","npx shadcn@latest add @bklit/heatmap-chart","https://bklit.com/docs/components/heatmap-chart",0,"",["heatmap-chart",0,7,0],92,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Choropleth Map","bklit","A geographic map chart with zoom, pan, and data visualization","npx shadcn@latest add @bklit/choropleth-chart","https://bklit.com/docs/components/choropleth-chart",0,"",["choropleth-chart",0,3,0],94,"map","map|globe,location|icons|c"],["Funnel Chart","bklit","An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations","npx shadcn@latest add @bklit/funnel-chart","https://bklit.com/docs/components/funnel-chart",0,"",["funnel-chart",0,5,0],100,"chart","sankey chart|chart,dashboard|no icons,animated|c"],["Sankey Diagram","bklit","A flow diagram for visualizing data transfers between nodes","npx shadcn@latest add @bklit/sankey-chart","https://bklit.com/docs/components/sankey-chart",0,"",["sankey-chart",0,7,1],100,"misc","sankey chart|chart,e-commerce,dashboard|no icons,animated|c"],["Sunburst Chart","bklit","A composable hierarchical sunburst chart with drill-down zoom and animated segments","npx shadcn@latest add @bklit/sunburst-chart","https://bklit.com/docs/components/sunburst-chart",0,"",["sunburst-chart",0,3,2],95,"chart","sankey chart|chart,dashboard|no icons|c"],["Sparkline","bklit","Tiny inline line, area, and bar charts for tables, KPI cards, and dense dashboards, with hover sync and a shared resize observer","npx shadcn@latest add @bklit/sparkline","https://bklit.com/docs/components/sparkline",0,"",["sparkline",0,2,2],48,"chart","sparkline|chart,dashboard|no icons,animated,monochrome,minimal|c"],["Accordion 1","coss","Basic accordion","npx shadcn@latest add @coss/p-accordion-1","https://coss.com/ui/particles",0,"",["p-accordion-1",0,0,0],55,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 2","coss","Accordion with one panel open","npx shadcn@latest add @coss/p-accordion-2","https://coss.com/ui/particles",0,"",["p-accordion-2",0,1,0],33,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 3","coss","Accordion allowing multiple panels open","npx shadcn@latest add @coss/p-accordion-3","https://coss.com/ui/particles",0,"",["p-accordion-3",0,2,0],33,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 4","coss","Controlled accordion","npx shadcn@latest add @coss/p-accordion-4","https://coss.com/ui/particles",0,"",["p-accordion-4",0,3,0],57,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert 1","coss","Basic alert","npx shadcn@latest add @coss/p-alert-1","https://coss.com/ui/particles",0,"",["p-alert-1",0,4,0],35,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Alert 2","coss","Alert with icon","npx shadcn@latest add @coss/p-alert-2","https://coss.com/ui/particles",0,"",["p-alert-2",0,5,0],3,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 3","coss","Alert with icon and action buttons","npx shadcn@latest add @coss/p-alert-3","https://coss.com/ui/particles",0,"",["p-alert-3",0,6,0],45,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 4","coss","Info alert","npx shadcn@latest add @coss/p-alert-4","https://coss.com/ui/particles",0,"",["p-alert-4",0,7,0],15,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 5","coss","Success alert","npx shadcn@latest add @coss/p-alert-5","https://coss.com/ui/particles",0,"",["p-alert-5",0,0,1],16,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 6","coss","Warning alert","npx shadcn@latest add @coss/p-alert-6","https://coss.com/ui/particles",0,"",["p-alert-6",0,1,1],16,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 7","coss","Error alert","npx shadcn@latest add @coss/p-alert-7","https://coss.com/ui/particles",0,"",["p-alert-7",0,2,1],16,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert dialog 1","coss","Alert dialog","npx shadcn@latest add @coss/p-alert-dialog-1","https://coss.com/ui/particles",0,"",["p-alert-dialog-1",0,3,1],21,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 2","coss","Alert dialog with bare footer","npx shadcn@latest add @coss/p-alert-dialog-2","https://coss.com/ui/particles",0,"",["p-alert-dialog-2",0,4,1],21,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Autocomplete 1","coss","Basic autocomplete","npx shadcn@latest add @coss/p-autocomplete-1","https://coss.com/ui/particles",0,"",["p-autocomplete-1",0,5,1],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 2","coss","Disabled autocomplete","npx shadcn@latest add @coss/p-autocomplete-2","https://coss.com/ui/particles",0,"",["p-autocomplete-2",0,5,2],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 3","coss","Small autocomplete","npx shadcn@latest add @coss/p-autocomplete-3","https://coss.com/ui/particles",0,"",["p-autocomplete-3",0,6,2],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 4","coss","Large autocomplete","npx shadcn@latest add @coss/p-autocomplete-4","https://coss.com/ui/particles",0,"",["p-autocomplete-4",0,7,2],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 5","coss","Autocomplete with label","npx shadcn@latest add @coss/p-autocomplete-5","https://coss.com/ui/particles",0,"",["p-autocomplete-5",0,0,3],11,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 6","coss","Autocomplete autofilling the input with the highlighted item","npx shadcn@latest add @coss/p-autocomplete-6","https://coss.com/ui/particles",0,"",["p-autocomplete-6",0,1,3],0,"input","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 7","coss","Autocomplete auto highlighting the first option","npx shadcn@latest add @coss/p-autocomplete-7","https://coss.com/ui/particles",0,"",["p-autocomplete-7",0,2,3],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 8","coss","Autocomplete with clear button","npx shadcn@latest add @coss/p-autocomplete-8","https://coss.com/ui/particles",0,"",["p-autocomplete-8",0,3,3],0,"button","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 9","coss","Autocomplete with trigger and clear buttons","npx shadcn@latest add @coss/p-autocomplete-9","https://coss.com/ui/particles",0,"",["p-autocomplete-9",0,4,3],0,"button","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Autocomplete 10","coss","Autocomplete with grouped items","npx shadcn@latest add @coss/p-autocomplete-10","https://coss.com/ui/particles",0,"",["p-autocomplete-10",0,6,1],3,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 11","coss","Autocomplete with limited number of results","npx shadcn@latest add @coss/p-autocomplete-11","https://coss.com/ui/particles",0,"",["p-autocomplete-11",0,7,1],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 12","coss","Autocomplete with async items loading","npx shadcn@latest add @coss/p-autocomplete-12","https://coss.com/ui/particles",0,"",["p-autocomplete-12",0,0,2],0,"loader","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 13","coss","Autocomplete form","npx shadcn@latest add @coss/p-autocomplete-13","https://coss.com/ui/particles",0,"",["p-autocomplete-13",0,1,2],42,"input","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 14","coss","Autocomplete form","npx shadcn@latest add @coss/p-autocomplete-14","https://coss.com/ui/particles",0,"",["p-autocomplete-14",0,2,2],1,"input","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Autocomplete 15","coss","Pill-shaped autocomplete","npx shadcn@latest add @coss/p-autocomplete-15","https://coss.com/ui/particles",0,"",["p-autocomplete-15",0,3,2],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 16","coss","Address autocomplete with Google Maps Places API","npx shadcn@latest add @coss/p-autocomplete-16","https://coss.com/ui/particles",0,"",["p-autocomplete-16",0,4,2],2,"misc","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Avatar 1","coss","Avatar with image and fallback","npx shadcn@latest add @coss/p-avatar-1","https://coss.com/ui/particles",0,"",["p-avatar-1",0,5,3],1,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 2","coss","Fallback-only avatar","npx shadcn@latest add @coss/p-avatar-2","https://coss.com/ui/particles",0,"",["p-avatar-2",0,0,5],1,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 6","coss","Avatar with user icon fallback","npx shadcn@latest add @coss/p-avatar-6","https://coss.com/ui/particles",0,"",["p-avatar-6",0,6,5],2,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 3","coss","Avatars with different sizes","npx shadcn@latest add @coss/p-avatar-3","https://coss.com/ui/particles",0,"",["p-avatar-3",0,3,5],63,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 19","coss","Avatars sized from a parent element","npx shadcn@latest add @coss/p-avatar-19","https://coss.com/ui/particles",0,"",["p-avatar-19",0,7,4],60,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 4","coss","Avatars with different radii","npx shadcn@latest add @coss/p-avatar-4","https://coss.com/ui/particles",0,"",["p-avatar-4",0,4,5],8,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 17","coss","Avatar rendered as a button","npx shadcn@latest add @coss/p-avatar-17","https://coss.com/ui/particles",0,"",["p-avatar-17",0,5,4],2,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 18","coss","Avatar rendered as a link","npx shadcn@latest add @coss/p-avatar-18","https://coss.com/ui/particles",0,"",["p-avatar-18",0,6,4],2,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 20","coss","Avatar with a tooltip","npx shadcn@latest add @coss/p-avatar-20","https://coss.com/ui/particles",0,"",["p-avatar-20",0,1,5],2,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 7","coss","Avatar with emerald status dot","npx shadcn@latest add @coss/p-avatar-7","https://coss.com/ui/particles",0,"",["p-avatar-7",0,7,5],16,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 8","coss","Avatar with muted status dot","npx shadcn@latest add @coss/p-avatar-8","https://coss.com/ui/particles",0,"",["p-avatar-8",0,0,6],3,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 9","coss","Rounded avatar with top-right emerald status","npx shadcn@latest add @coss/p-avatar-9","https://coss.com/ui/particles",0,"",["p-avatar-9",0,1,6],15,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 10","coss","Avatar with notification badge","npx shadcn@latest add @coss/p-avatar-10","https://coss.com/ui/particles",0,"",["p-avatar-10",0,6,3],8,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 11","coss","Rounded avatar with notification badge","npx shadcn@latest add @coss/p-avatar-11","https://coss.com/ui/particles",0,"",["p-avatar-11",0,7,3],9,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 12","coss","Avatar with verified badge","npx shadcn@latest add @coss/p-avatar-12","https://coss.com/ui/particles",0,"",["p-avatar-12",0,0,4],8,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 5","coss","Overlapping avatar group","npx shadcn@latest add @coss/p-avatar-5","https://coss.com/ui/particles",0,"",["p-avatar-5",0,5,5],8,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 16","coss","Avatar group with a count and the last avatar on top","npx shadcn@latest add @coss/p-avatar-16","https://coss.com/ui/particles",0,"",["p-avatar-16",0,4,4],8,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 15","coss","Avatar group with the last avatar on top","npx shadcn@latest add @coss/p-avatar-15","https://coss.com/ui/particles",0,"",["p-avatar-15",0,3,4],7,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 21","coss","Avatar group with a tooltip per member","npx shadcn@latest add @coss/p-avatar-21","https://coss.com/ui/particles",0,"",["p-avatar-21",0,2,5],8,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 13","coss","Small overlapping avatar group","npx shadcn@latest add @coss/p-avatar-13","https://coss.com/ui/particles",0,"",["p-avatar-13",0,1,4],4,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 14","coss","Large overlapping avatar group","npx shadcn@latest add @coss/p-avatar-14","https://coss.com/ui/particles",0,"",["p-avatar-14",0,2,4],15,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge 1","coss","Basic badge","npx shadcn@latest add @coss/p-badge-1","https://coss.com/ui/particles",0,"",["p-badge-1",0,2,6],8,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 2","coss","Outline badge","npx shadcn@latest add @coss/p-badge-2","https://coss.com/ui/particles",0,"",["p-badge-2",0,5,7],6,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 3","coss","Secondary badge","npx shadcn@latest add @coss/p-badge-3","https://coss.com/ui/particles",0,"",["p-badge-3",0,7,7],5,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 4","coss","Destructive badge","npx shadcn@latest add @coss/p-badge-4","https://coss.com/ui/particles",0,"",["p-badge-4",0,0,8],20,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 5","coss","Info badge","npx shadcn@latest add @coss/p-badge-5","https://coss.com/ui/particles",0,"",["p-badge-5",0,1,8],15,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 6","coss","Success badge","npx shadcn@latest add @coss/p-badge-6","https://coss.com/ui/particles",0,"",["p-badge-6",0,2,8],14,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 7","coss","Warning badge","npx shadcn@latest add @coss/p-badge-7","https://coss.com/ui/particles",0,"",["p-badge-7",0,3,8],16,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 8","coss","Error badge","npx shadcn@latest add @coss/p-badge-8","https://coss.com/ui/particles",0,"",["p-badge-8",0,4,8],16,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 9","coss","Small badge","npx shadcn@latest add @coss/p-badge-9","https://coss.com/ui/particles",0,"",["p-badge-9",0,5,8],6,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 10","coss","Large badge","npx shadcn@latest add @coss/p-badge-10","https://coss.com/ui/particles",0,"",["p-badge-10",0,3,6],9,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 11","coss","Badge with icon","npx shadcn@latest add @coss/p-badge-11","https://coss.com/ui/particles",0,"",["p-badge-11",0,4,6],5,"misc","badge|label,status,pill|icons,monochrome,minimal|c"],["Badge 12","coss","Badge with link","npx shadcn@latest add @coss/p-badge-12","https://coss.com/ui/particles",0,"",["p-badge-12",0,5,6],8,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 13","coss","Badge with count","npx shadcn@latest add @coss/p-badge-13","https://coss.com/ui/particles",0,"",["p-badge-13",0,6,6],6,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 14","coss","Full rounded badge (pill)","npx shadcn@latest add @coss/p-badge-14","https://coss.com/ui/particles",0,"",["p-badge-14",0,7,6],8,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 15","coss","Badge with number after text","npx shadcn@latest add @coss/p-badge-15","https://coss.com/ui/particles",0,"",["p-badge-15",0,0,7],6,"text","badge|label,notifications,status,pill|no icons,monochrome,minimal|c"],["Badge 16","coss","Status badge - Paid","npx shadcn@latest add @coss/p-badge-16","https://coss.com/ui/particles",0,"",["p-badge-16",0,1,7],18,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 17","coss","Status badge - Pending","npx shadcn@latest add @coss/p-badge-17","https://coss.com/ui/particles",0,"",["p-badge-17",0,2,7],18,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 18","coss","Status badge - Failed","npx shadcn@latest add @coss/p-badge-18","https://coss.com/ui/particles",0,"",["p-badge-18",0,3,7],18,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 19","coss","Selectable badge with checkbox","npx shadcn@latest add @coss/p-badge-19","https://coss.com/ui/particles",0,"",["p-badge-19",0,4,7],10,"input","badge|label,status,pill|icons,monochrome|c"],["Badge 20","coss","Removable badge","npx shadcn@latest add @coss/p-badge-20","https://coss.com/ui/particles",0,"",["p-badge-20",0,6,7],10,"misc","badge|label,status,pill|icons,monochrome,minimal|c"],["Breadcrumb 1","coss","Breadcrumb with menu example","npx shadcn@latest add @coss/p-breadcrumb-1","https://coss.com/ui/particles",0,"",["p-breadcrumb-1",0,6,8],7,"dropdown","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 2","coss","Breadcrumb with custom separator","npx shadcn@latest add @coss/p-breadcrumb-2","https://coss.com/ui/particles",0,"",["p-breadcrumb-2",0,7,8],38,"misc","breadcrumb|navigation,path|no icons,monochrome,minimal|c"],["Breadcrumb 3","coss","Breadcrumb with home icon for home link only","npx shadcn@latest add @coss/p-breadcrumb-3","https://coss.com/ui/particles",0,"",["p-breadcrumb-3",0,0,9],39,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 4","coss","Breadcrumb with folders icon menu","npx shadcn@latest add @coss/p-breadcrumb-4","https://coss.com/ui/particles",0,"",["p-breadcrumb-4",0,1,9],39,"dropdown","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 5","coss","Breadcrumb with icons before text","npx shadcn@latest add @coss/p-breadcrumb-5","https://coss.com/ui/particles",0,"",["p-breadcrumb-5",0,2,9],8,"text","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 6","coss","Breadcrumb with dot separators","npx shadcn@latest add @coss/p-breadcrumb-6","https://coss.com/ui/particles",0,"",["p-breadcrumb-6",0,3,9],7,"misc","breadcrumb|navigation,path|icons,monochrome,minimal|c"],["Breadcrumb 7","coss","Breadcrumb with select dropdown","npx shadcn@latest add @coss/p-breadcrumb-7","https://coss.com/ui/particles",0,"",["p-breadcrumb-7",0,4,9],40,"dropdown","breadcrumb|navigation,path|icons,monochrome|c"],["Button 1","coss","Default button","npx shadcn@latest add @coss/p-button-1","https://coss.com/ui/particles",0,"",["p-button-1",0,5,9],12,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 2","coss","Outline button","npx shadcn@latest add @coss/p-button-2","https://coss.com/ui/particles",0,"",["p-button-2",0,0,11],6,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 3","coss","Secondary button","npx shadcn@latest add @coss/p-button-3","https://coss.com/ui/particles",0,"",["p-button-3",1,2,0],5,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 4","coss","Destructive button","npx shadcn@latest add @coss/p-button-4","https://coss.com/ui/particles",0,"",["p-button-4",1,5,1],22,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 5","coss","Destructive outline button","npx shadcn@latest add @coss/p-button-5","https://coss.com/ui/particles",0,"",["p-button-5",1,0,2],17,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 6","coss","Ghost button","npx shadcn@latest add @coss/p-button-6","https://coss.com/ui/particles",0,"",["p-button-6",1,1,2],5,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 7","coss","Link button","npx shadcn@latest add @coss/p-button-7","https://coss.com/ui/particles",0,"",["p-button-7",1,2,2],4,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 8","coss","Extra-small button","npx shadcn@latest add @coss/p-button-8","https://coss.com/ui/particles",0,"",["p-button-8",1,3,2],10,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 9","coss","Small button","npx shadcn@latest add @coss/p-button-9","https://coss.com/ui/particles",0,"",["p-button-9",1,4,2],11,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 10","coss","Large button","npx shadcn@latest add @coss/p-button-10","https://coss.com/ui/particles",0,"",["p-button-10",0,6,9],13,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 11","coss","Extra-large button","npx shadcn@latest add @coss/p-button-11","https://coss.com/ui/particles",0,"",["p-button-11",0,7,9],15,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 12","coss","Disabled button","npx shadcn@latest add @coss/p-button-12","https://coss.com/ui/particles",0,"",["p-button-12",0,0,10],9,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 13","coss","Icon button","npx shadcn@latest add @coss/p-button-13","https://coss.com/ui/particles",0,"",["p-button-13",0,1,10],9,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 14","coss","Small icon button","npx shadcn@latest add @coss/p-button-14","https://coss.com/ui/particles",0,"",["p-button-14",0,2,10],8,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 15","coss","Large icon button","npx shadcn@latest add @coss/p-button-15","https://coss.com/ui/particles",0,"",["p-button-15",0,3,10],10,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 16","coss","Button with icon","npx shadcn@latest add @coss/p-button-16","https://coss.com/ui/particles",0,"",["p-button-16",0,4,10],16,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 17","coss","Link rendered as button","npx shadcn@latest add @coss/p-button-17","https://coss.com/ui/particles",0,"",["p-button-17",0,5,10],11,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 41","coss","Button using the built-in loading prop","npx shadcn@latest add @coss/p-button-41","https://coss.com/ui/particles",0,"",["p-button-41",1,7,1],12,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 18","coss","Custom loading button with manual Spinner","npx shadcn@latest add @coss/p-button-18","https://coss.com/ui/particles",0,"",["p-button-18",0,6,10],12,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 19","coss","Expandable show more/less toggle button","npx shadcn@latest add @coss/p-button-19","https://coss.com/ui/particles",0,"",["p-button-19",0,7,10],5,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 20","coss","Back link button with chevron","npx shadcn@latest add @coss/p-button-20","https://coss.com/ui/particles",0,"",["p-button-20",0,1,11],36,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 21","coss","Card-style button with heading and description","npx shadcn@latest add @coss/p-button-21","https://coss.com/ui/particles",0,"",["p-button-21",0,2,11],48,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 22","coss","Directional pad control buttons","npx shadcn@latest add @coss/p-button-22","https://coss.com/ui/particles",0,"",["p-button-22",0,3,11],39,"button","button|cta,click,action|icons,monochrome|c"],["Button 23","coss","Outline like button with count","npx shadcn@latest add @coss/p-button-23","https://coss.com/ui/particles",0,"",["p-button-23",0,4,11],7,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 24","coss","Social login icon buttons","npx shadcn@latest add @coss/p-button-24","https://coss.com/ui/particles",0,"",["p-button-24",0,5,11],10,"button","button|cta,click,action|icons,monochrome|c"],["Button 26","coss","Star button with count badge","npx shadcn@latest add @coss/p-button-26","https://coss.com/ui/particles",0,"",["p-button-26",0,6,11],15,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 27","coss","Button group with QR code icon and sign in","npx shadcn@latest add @coss/p-button-27","https://coss.com/ui/particles",0,"",["p-button-27",0,7,11],15,"button","button|cta,login,click,action|icons,monochrome,minimal|c"],["Button 28","coss","Button with avatar","npx shadcn@latest add @coss/p-button-28","https://coss.com/ui/particles",0,"",["p-button-28",1,0,0],19,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 29","coss","Pill-shaped button with rounded-full styling","npx shadcn@latest add @coss/p-button-29","https://coss.com/ui/particles",0,"",["p-button-29",1,1,0],14,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 30","coss","Button with animated arrow on hover","npx shadcn@latest add @coss/p-button-30","https://coss.com/ui/particles",0,"",["p-button-30",1,3,0],17,"button","button|cta,click,action|icons,animated,monochrome,minimal|c"],["Button 31","coss","Button with keyboard shortcut indicator","npx shadcn@latest add @coss/p-button-31","https://coss.com/ui/particles",0,"",["p-button-31",1,4,0],8,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 32","coss","Button with notification badge","npx shadcn@latest add @coss/p-button-32","https://coss.com/ui/particles",0,"",["p-button-32",1,5,0],10,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 33","coss","Paired buttons (Cancel/Save)","npx shadcn@latest add @coss/p-button-33","https://coss.com/ui/particles",0,"",["p-button-33",1,6,0],45,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 34","coss","Button with animated status dot","npx shadcn@latest add @coss/p-button-34","https://coss.com/ui/particles",0,"",["p-button-34",1,7,0],22,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 35","coss","Icon-only copy button with feedback","npx shadcn@latest add @coss/p-button-35","https://coss.com/ui/particles",0,"",["p-button-35",1,0,1],3,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 36","coss","Copy button with feedback","npx shadcn@latest add @coss/p-button-36","https://coss.com/ui/particles",0,"",["p-button-36",1,1,1],7,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 37","coss","Rotating icon button (FAB-style toggle)","npx shadcn@latest add @coss/p-button-37","https://coss.com/ui/particles",0,"",["p-button-37",1,2,1],1,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 39","coss","Hamburger menu button with animated icon","npx shadcn@latest add @coss/p-button-39","https://coss.com/ui/particles",0,"",["p-button-39",1,4,1],1,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 40","coss","Download button with progress and cancel action","npx shadcn@latest add @coss/p-button-40","https://coss.com/ui/particles",0,"",["p-button-40",1,6,1],9,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 38","coss","Social login buttons (Google, X, GitHub)","npx shadcn@latest add @coss/p-button-38","https://coss.com/ui/particles",0,"",["p-button-38",1,3,1],56,"button","button|cta,click,action|icons,monochrome|c"],["Calendar 1","coss","Basic calendar","npx shadcn@latest add @coss/p-calendar-1","https://coss.com/ui/particles",0,"",["p-calendar-1",1,5,2],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 3","coss","Calendar with date range selection","npx shadcn@latest add @coss/p-calendar-3","https://coss.com/ui/particles",0,"",["p-calendar-3",1,7,4],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 4","coss","Calendar with month/year dropdown navigation","npx shadcn@latest add @coss/p-calendar-4","https://coss.com/ui/particles",0,"",["p-calendar-4",1,0,5],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 5","coss","Calendar with custom Select dropdown for month/year","npx shadcn@latest add @coss/p-calendar-5","https://coss.com/ui/particles",0,"",["p-calendar-5",1,1,5],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 6","coss","Calendar with Combobox dropdown for month/year","npx shadcn@latest add @coss/p-calendar-6","https://coss.com/ui/particles",0,"",["p-calendar-6",1,2,5],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 7","coss","Calendar with disabled dates","npx shadcn@latest add @coss/p-calendar-7","https://coss.com/ui/particles",0,"",["p-calendar-7",1,3,5],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 8","coss","Calendar with multiple date selection","npx shadcn@latest add @coss/p-calendar-8","https://coss.com/ui/particles",0,"",["p-calendar-8",1,4,5],71,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 2","coss","Calendar with custom cell size","npx shadcn@latest add @coss/p-calendar-2","https://coss.com/ui/particles",0,"",["p-calendar-2",1,0,4],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 9","coss","Calendar with rounded day buttons","npx shadcn@latest add @coss/p-calendar-9","https://coss.com/ui/particles",0,"",["p-calendar-9",1,5,5],66,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 10","coss","Calendar with rounded range selection style","npx shadcn@latest add @coss/p-calendar-10","https://coss.com/ui/particles",0,"",["p-calendar-10",1,6,2],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 11","coss","Calendar with right-aligned navigation","npx shadcn@latest add @coss/p-calendar-11","https://coss.com/ui/particles",0,"",["p-calendar-11",1,7,2],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 12","coss","Calendar with week numbers","npx shadcn@latest add @coss/p-calendar-12","https://coss.com/ui/particles",0,"",["p-calendar-12",1,0,3],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 13","coss","Calendar with year-only combobox dropdown","npx shadcn@latest add @coss/p-calendar-13","https://coss.com/ui/particles",0,"",["p-calendar-13",1,1,3],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 14","coss","Calendar without arrow navigation (dropdown only)","npx shadcn@latest add @coss/p-calendar-14","https://coss.com/ui/particles",0,"",["p-calendar-14",1,2,3],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 15","coss","Calendar with current month button","npx shadcn@latest add @coss/p-calendar-15","https://coss.com/ui/particles",0,"",["p-calendar-15",1,3,3],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 16","coss","Calendar with today button","npx shadcn@latest add @coss/p-calendar-16","https://coss.com/ui/particles",0,"",["p-calendar-16",1,4,3],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 17","coss","Calendar with date input","npx shadcn@latest add @coss/p-calendar-17","https://coss.com/ui/particles",0,"",["p-calendar-17",1,5,3],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 18","coss","Calendar with time input","npx shadcn@latest add @coss/p-calendar-18","https://coss.com/ui/particles",0,"",["p-calendar-18",1,6,3],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 19","coss","Calendar with time slots (appointment picker)","npx shadcn@latest add @coss/p-calendar-19","https://coss.com/ui/particles",0,"",["p-calendar-19",1,7,3],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 20","coss","Calendar with date presets","npx shadcn@latest add @coss/p-calendar-20","https://coss.com/ui/particles",0,"",["p-calendar-20",1,1,4],70,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 21","coss","Range calendar with date presets","npx shadcn@latest add @coss/p-calendar-21","https://coss.com/ui/particles",0,"",["p-calendar-21",1,2,4],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 22","coss","Two months calendar","npx shadcn@latest add @coss/p-calendar-22","https://coss.com/ui/particles",0,"",["p-calendar-22",1,3,4],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 23","coss","Three months calendar","npx shadcn@latest add @coss/p-calendar-23","https://coss.com/ui/particles",0,"",["p-calendar-23",1,4,4],65,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 24","coss","Pricing calendar with custom day buttons","npx shadcn@latest add @coss/p-calendar-24","https://coss.com/ui/particles",0,"",["p-calendar-24",1,5,4],71,"datepicker","calendar|date,pricing,date picker,schedule|icons,monochrome|c"],["Calendar 25","coss","Calendar with 24-hour autocomplete time input","npx shadcn@latest add @coss/p-calendar-25","https://coss.com/ui/particles",0,"",["p-calendar-25",1,6,4],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Date picker 1","coss","Basic date picker","npx shadcn@latest add @coss/p-date-picker-1","https://coss.com/ui/particles",0,"",["p-date-picker-1",2,5,1],6,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 2","coss","Date range picker","npx shadcn@latest add @coss/p-date-picker-2","https://coss.com/ui/particles",0,"",["p-date-picker-2",2,6,1],7,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 9","coss","Two months calendar with range date","npx shadcn@latest add @coss/p-date-picker-9","https://coss.com/ui/particles",0,"",["p-date-picker-9",2,5,2],7,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 3","coss","Date picker with field and dropdown navigation","npx shadcn@latest add @coss/p-date-picker-3","https://coss.com/ui/particles",0,"",["p-date-picker-3",2,7,1],44,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 4","coss","Date picker with presets","npx shadcn@latest add @coss/p-date-picker-4","https://coss.com/ui/particles",0,"",["p-date-picker-4",2,0,2],7,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 5","coss","Date picker with input","npx shadcn@latest add @coss/p-date-picker-5","https://coss.com/ui/particles",0,"",["p-date-picker-5",2,1,2],5,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 6","coss","Date picker that closes on select","npx shadcn@latest add @coss/p-date-picker-6","https://coss.com/ui/particles",0,"",["p-date-picker-6",2,2,2],6,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 7","coss","Multiple dates picker","npx shadcn@latest add @coss/p-date-picker-7","https://coss.com/ui/particles",0,"",["p-date-picker-7",2,3,2],5,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 8","coss","Date picker with select-like trigger","npx shadcn@latest add @coss/p-date-picker-8","https://coss.com/ui/particles",0,"",["p-date-picker-8",2,4,2],0,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Card 1","coss","A basic card with header and footer","npx shadcn@latest add @coss/p-card-1","https://coss.com/ui/particles",0,"",["p-card-1",1,6,5],80,"card","card|container,surface|icons,monochrome|c"],["Card 2","coss","Authentication card with actions","npx shadcn@latest add @coss/p-card-2","https://coss.com/ui/particles",0,"",["p-card-2",1,1,6],86,"card","card|container,login,surface|no icons,monochrome,minimal|c"],["Card 3","coss","Authentication card with separators","npx shadcn@latest add @coss/p-card-3","https://coss.com/ui/particles",0,"",["p-card-3",1,2,6],76,"card","card|container,login,surface|icons,monochrome|c"],["Card 4","coss","Framed card with footer","npx shadcn@latest add @coss/p-card-4","https://coss.com/ui/particles",0,"",["p-card-4",1,3,6],82,"card","card|container,surface|icons,monochrome|c"],["Card 5","coss","Framed card with header","npx shadcn@latest add @coss/p-card-5","https://coss.com/ui/particles",0,"",["p-card-5",1,4,6],85,"card","card|container,surface|icons,monochrome|c"],["Card 6","coss","Framed card with header and footer","npx shadcn@latest add @coss/p-card-6","https://coss.com/ui/particles",0,"",["p-card-6",1,5,6],84,"card","card|container,surface|icons,monochrome|c"],["Card 7","coss","Framed card with no rounded bottom","npx shadcn@latest add @coss/p-card-7","https://coss.com/ui/particles",0,"",["p-card-7",1,6,6],84,"card","card|container,surface|icons,monochrome|c"],["Card 8","coss","Card within a frame and footer","npx shadcn@latest add @coss/p-card-8","https://coss.com/ui/particles",0,"",["p-card-8",1,7,6],80,"card","card|container,surface|icons,monochrome|c"],["Card 9","coss","Card within a frame and footer","npx shadcn@latest add @coss/p-card-9","https://coss.com/ui/particles",0,"",["p-card-9",1,0,7],83,"card","card|container,surface|icons,monochrome|c"],["Card 10","coss","Card within a frame with header and footer","npx shadcn@latest add @coss/p-card-10","https://coss.com/ui/particles",0,"",["p-card-10",1,7,5],79,"card","card|container,surface|icons,monochrome|c"],["Card 11","coss","CardFrame with header action","npx shadcn@latest add @coss/p-card-11","https://coss.com/ui/particles",0,"",["p-card-11",1,0,6],63,"card","card|container,surface|icons,monochrome|c"],["Checkbox 1","coss","Basic checkbox","npx shadcn@latest add @coss/p-checkbox-1","https://coss.com/ui/particles",0,"",["p-checkbox-1",1,1,7],10,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox 2","coss","Disabled checkbox","npx shadcn@latest add @coss/p-checkbox-2","https://coss.com/ui/particles",0,"",["p-checkbox-2",1,2,7],42,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox 3","coss","Checkbox with description","npx shadcn@latest add @coss/p-checkbox-3","https://coss.com/ui/particles",0,"",["p-checkbox-3",1,3,7],51,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 4","coss","Card-style checkbox","npx shadcn@latest add @coss/p-checkbox-4","https://coss.com/ui/particles",0,"",["p-checkbox-4",1,4,7],56,"input","checkbox|form,notifications,checklist|icons,monochrome,minimal|c"],["Checkbox 5","coss","Checkbox form","npx shadcn@latest add @coss/p-checkbox-5","https://coss.com/ui/particles",0,"",["p-checkbox-5",1,5,7],65,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox group 1","coss","Basic checkbox group","npx shadcn@latest add @coss/p-checkbox-group-1","https://coss.com/ui/particles",0,"",["p-checkbox-group-1",1,6,7],43,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox group 2","coss","Checkbox group with disabled items","npx shadcn@latest add @coss/p-checkbox-group-2","https://coss.com/ui/particles",0,"",["p-checkbox-group-2",1,7,7],43,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox group 3","coss","Checkbox group with parent checkbox","npx shadcn@latest add @coss/p-checkbox-group-3","https://coss.com/ui/particles",0,"",["p-checkbox-group-3",1,0,8],47,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox group 4","coss","Nested checkbox group with parent","npx shadcn@latest add @coss/p-checkbox-group-4","https://coss.com/ui/particles",0,"",["p-checkbox-group-4",1,1,8],59,"input","checkbox|form,checklist|no icons,monochrome|c"],["Checkbox group 5","coss","Checkbox group form","npx shadcn@latest add @coss/p-checkbox-group-5","https://coss.com/ui/particles",0,"",["p-checkbox-group-5",1,2,8],65,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Collapsible 1","coss","Basic collapsible","npx shadcn@latest add @coss/p-collapsible-1","https://coss.com/ui/particles",0,"",["p-collapsible-1",1,3,8],8,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Combobox 1","coss","Basic combobox","npx shadcn@latest add @coss/p-combobox-1","https://coss.com/ui/particles",0,"",["p-combobox-1",1,4,8],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 2","coss","Disabled combobox","npx shadcn@latest add @coss/p-combobox-2","https://coss.com/ui/particles",0,"",["p-combobox-2",1,7,9],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 3","coss","Small combobox","npx shadcn@latest add @coss/p-combobox-3","https://coss.com/ui/particles",0,"",["p-combobox-3",1,1,10],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 4","coss","Large combobox","npx shadcn@latest add @coss/p-combobox-4","https://coss.com/ui/particles",0,"",["p-combobox-4",1,2,10],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 5","coss","Combobox with label","npx shadcn@latest add @coss/p-combobox-5","https://coss.com/ui/particles",0,"",["p-combobox-5",1,3,10],44,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 6","coss","Combobox auto highlighting the first option","npx shadcn@latest add @coss/p-combobox-6","https://coss.com/ui/particles",0,"",["p-combobox-6",1,4,10],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 7","coss","Combobox with clear button","npx shadcn@latest add @coss/p-combobox-7","https://coss.com/ui/particles",0,"",["p-combobox-7",1,5,10],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 8","coss","Combobox with grouped items","npx shadcn@latest add @coss/p-combobox-8","https://coss.com/ui/particles",0,"",["p-combobox-8",1,6,10],4,"dropdown","combobox|select,tasks,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 9","coss","Combobox with multiple selection","npx shadcn@latest add @coss/p-combobox-9","https://coss.com/ui/particles",0,"",["p-combobox-9",1,7,10],6,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 10","coss","Combobox with input inside popup","npx shadcn@latest add @coss/p-combobox-10","https://coss.com/ui/particles",0,"",["p-combobox-10",1,5,8],5,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 11","coss","Combobox form","npx shadcn@latest add @coss/p-combobox-11","https://coss.com/ui/particles",0,"",["p-combobox-11",1,6,8],75,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 12","coss","Combobox multiple form","npx shadcn@latest add @coss/p-combobox-12","https://coss.com/ui/particles",0,"",["p-combobox-12",1,7,8],43,"dropdown","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Combobox 13","coss","Combobox with start addon","npx shadcn@latest add @coss/p-combobox-13","https://coss.com/ui/particles",0,"",["p-combobox-13",1,0,9],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 14","coss","Combobox multiple with start addon","npx shadcn@latest add @coss/p-combobox-14","https://coss.com/ui/particles",0,"",["p-combobox-14",1,1,9],5,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 15","coss","Pill-shaped combobox","npx shadcn@latest add @coss/p-combobox-15","https://coss.com/ui/particles",0,"",["p-combobox-15",1,2,9],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 16","coss","Timezone combobox","npx shadcn@latest add @coss/p-combobox-16","https://coss.com/ui/particles",0,"",["p-combobox-16",1,3,9],6,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 17","coss","Timezone combobox with search input","npx shadcn@latest add @coss/p-combobox-17","https://coss.com/ui/particles",0,"",["p-combobox-17",1,4,9],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 18","coss","Combobox with select trigger","npx shadcn@latest add @coss/p-combobox-18","https://coss.com/ui/particles",0,"",["p-combobox-18",1,5,9],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 19","coss","Combobox multiple with stacked chips","npx shadcn@latest add @coss/p-combobox-19","https://coss.com/ui/particles",0,"",["p-combobox-19",1,6,9],49,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 20","coss","Combobox multiple with stacked divided chips","npx shadcn@latest add @coss/p-combobox-20","https://coss.com/ui/particles",0,"",["p-combobox-20",1,0,10],47,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Composer 1","coss","Composer with people, teams, and slash suggestions","npx shadcn@latest add @coss/p-composer-1","https://coss.com/ui/particles",0,"",["p-composer-1",1,2,11],38,"section|b","chat|messages,ai,input|icons,monochrome,minimal|c"],["Composer 2","coss","Composer with asynchronous mention suggestions","npx shadcn@latest add @coss/p-composer-2","https://coss.com/ui/particles",0,"",["p-composer-2",1,5,11],53,"misc","chat|messages,search,ai,input|icons,monochrome,minimal|c"],["Composer 3","coss","Composer pinned below scrollable drawer content","npx shadcn@latest add @coss/p-composer-3","https://coss.com/ui/particles",0,"",["p-composer-3",1,6,11],12,"misc","chat|messages,ai,input|no icons,monochrome,minimal|c"],["Composer 4","coss","Composer surface with a native textarea","npx shadcn@latest add @coss/p-composer-4","https://coss.com/ui/particles",0,"",["p-composer-4",1,7,11],17,"input","chat|messages,ai,input|icons,monochrome|c"],["Composer 5","coss","Composer with a custom suggestion list","npx shadcn@latest add @coss/p-composer-5","https://coss.com/ui/particles",0,"",["p-composer-5",2,0,0],17,"misc","chat|messages,ai,input|icons,monochrome,minimal|c"],["Composer 6","coss","Composer with distinct person, team, and action chips","npx shadcn@latest add @coss/p-composer-6","https://coss.com/ui/particles",0,"",["p-composer-6",2,1,0],38,"section|b","chat|messages,ai,input|icons,monochrome,minimal|c"],["Composer 7","coss","Contenteditable composer with Send beside a short draft","npx shadcn@latest add @coss/p-composer-7","https://coss.com/ui/particles",0,"",["p-composer-7",2,2,0],45,"misc","chat|messages,ai,input|icons,monochrome|c"],["Composer 8","coss","Textarea composer with Send beside a short draft","npx shadcn@latest add @coss/p-composer-8","https://coss.com/ui/particles",0,"",["p-composer-8",2,3,0],45,"input","chat|messages,ai,input|icons,monochrome|c"],["Composer 9","coss","Rounded adaptive composer with circular actions","npx shadcn@latest add @coss/p-composer-9","https://coss.com/ui/particles",0,"",["p-composer-9",2,4,0],45,"misc","chat|messages,ai,input|icons,monochrome|c"],["Composer 10","coss","Composer with leading buttons for mentions and slash actions","npx shadcn@latest add @coss/p-composer-10","https://coss.com/ui/particles",0,"",["p-composer-10",1,3,11],17,"button","chat|messages,ai,input|icons,monochrome|c"],["Composer 11","coss","Compact rounded adaptive composer with a circular send button","npx shadcn@latest add @coss/p-composer-11","https://coss.com/ui/particles",0,"",["p-composer-11",1,4,11],44,"button","chat|messages,ai,input|icons,monochrome,minimal|c"],["Command 1","coss","Command palette with dialog","npx shadcn@latest add @coss/p-command-1","https://coss.com/ui/particles",0,"",["p-command-1",1,0,11],14,"command","command menu|command palette,settings,search,cmdk|no icons,monochrome,minimal|c"],["Command 2","coss","Command palette with AI assistant","npx shadcn@latest add @coss/p-command-2","https://coss.com/ui/particles",0,"",["p-command-2",1,1,11],9,"command","command menu|command palette,settings,search,cmdk|no icons,monochrome,minimal|c"],["Dialog 1","coss","Dialog with form","npx shadcn@latest add @coss/p-dialog-1","https://coss.com/ui/particles",0,"",["p-dialog-1",2,6,2],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 6","coss","Dialog with bare footer","npx shadcn@latest add @coss/p-dialog-6","https://coss.com/ui/particles",0,"",["p-dialog-6",2,3,3],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 2","coss","Dialog opened from menu","npx shadcn@latest add @coss/p-dialog-2","https://coss.com/ui/particles",0,"",["p-dialog-2",2,7,2],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 3","coss","Nested dialogs","npx shadcn@latest add @coss/p-dialog-3","https://coss.com/ui/particles",0,"",["p-dialog-3",2,0,3],9,"dialog","dialog|modal,team,account,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 4","coss","Dialog with close confirmation","npx shadcn@latest add @coss/p-dialog-4","https://coss.com/ui/particles",0,"",["p-dialog-4",2,1,3],8,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 5","coss","Dialog with long content","npx shadcn@latest add @coss/p-dialog-5","https://coss.com/ui/particles",0,"",["p-dialog-5",2,2,3],11,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Drawer 1","coss","Simple bottom drawer with close button","npx shadcn@latest add @coss/p-drawer-1","https://coss.com/ui/particles",0,"",["p-drawer-1",2,4,3],9,"button","drawer|sheet,notifications,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 2","coss","Bottom drawer without drag bar","npx shadcn@latest add @coss/p-drawer-2","https://coss.com/ui/particles",0,"",["p-drawer-2",2,3,4],9,"misc","drawer|sheet,notifications,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 3","coss","Drawer with close button","npx shadcn@latest add @coss/p-drawer-3","https://coss.com/ui/particles",0,"",["p-drawer-3",2,4,4],9,"button","drawer|sheet,notifications,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 4","coss","Inset variant drawers for all four positions","npx shadcn@latest add @coss/p-drawer-4","https://coss.com/ui/particles",0,"",["p-drawer-4",2,5,4],14,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 5","coss","Straight variant drawers for all four positions","npx shadcn@latest add @coss/p-drawer-5","https://coss.com/ui/particles",0,"",["p-drawer-5",2,6,4],14,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 6","coss","Scrollable content with terms and conditions","npx shadcn@latest add @coss/p-drawer-6","https://coss.com/ui/particles",0,"",["p-drawer-6",2,7,4],11,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 7","coss","Nested bottom drawers with centered content","npx shadcn@latest add @coss/p-drawer-7","https://coss.com/ui/particles",0,"",["p-drawer-7",2,0,5],10,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 8","coss","Nested right drawers with inset variant","npx shadcn@latest add @coss/p-drawer-8","https://coss.com/ui/particles",0,"",["p-drawer-8",2,1,5],43,"misc","drawer|sheet,team,account,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 9","coss","Bottom drawer with snap points","npx shadcn@latest add @coss/p-drawer-9","https://coss.com/ui/particles",0,"",["p-drawer-9",2,2,5],11,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 10","coss","Edit profile form with default and bare footer variants","npx shadcn@latest add @coss/p-drawer-10","https://coss.com/ui/particles",0,"",["p-drawer-10",2,5,3],45,"section","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 11","coss","Mobile menu drawer from the left","npx shadcn@latest add @coss/p-drawer-11","https://coss.com/ui/particles",0,"",["p-drawer-11",2,6,3],9,"dropdown","drawer|sheet,settings,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 12","coss","Responsive edit profile: dialog on desktop, drawer on mobile","npx shadcn@latest add @coss/p-drawer-12","https://coss.com/ui/particles",0,"",["p-drawer-12",2,7,3],6,"dialog","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 13","coss","Responsive actions menu: menu on desktop, drawer on mobile","npx shadcn@latest add @coss/p-drawer-13","https://coss.com/ui/particles",0,"",["p-drawer-13",2,0,4],0,"dropdown","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Drawer 14","coss","Left drawer with swipe area","npx shadcn@latest add @coss/p-drawer-14","https://coss.com/ui/particles",0,"",["p-drawer-14",2,1,4],15,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 15","coss","Chat composer pinned above the mobile keyboard","npx shadcn@latest add @coss/p-drawer-15","https://coss.com/ui/particles",0,"",["p-drawer-15",2,2,4],11,"thinking","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Empty 1","coss","Empty state with icon and actions","npx shadcn@latest add @coss/p-empty-1","https://coss.com/ui/particles",0,"",["p-empty-1",2,3,5],70,"misc","empty state|placeholder,illustration|icons,monochrome|c"],["Field 1","coss","Field with description","npx shadcn@latest add @coss/p-field-1","https://coss.com/ui/particles",0,"",["p-field-1",2,4,5],47,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 2","coss","Field with required indicator","npx shadcn@latest add @coss/p-field-2","https://coss.com/ui/particles",0,"",["p-field-2",2,6,6],48,"input","input|text field,login,form,form control|no icons,monochrome,minimal|c"],["Field 3","coss","Field in disabled state","npx shadcn@latest add @coss/p-field-3","https://coss.com/ui/particles",0,"",["p-field-3",2,7,6],41,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 4","coss","Field showing validation error","npx shadcn@latest add @coss/p-field-4","https://coss.com/ui/particles",0,"",["p-field-4",2,0,7],12,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 5","coss","Show field validity state","npx shadcn@latest add @coss/p-field-5","https://coss.com/ui/particles",0,"",["p-field-5",2,1,7],61,"input","input|text field,form,form control|no icons,monochrome|c"],["Field 6","coss","Input group with field","npx shadcn@latest add @coss/p-field-6","https://coss.com/ui/particles",0,"",["p-field-6",2,2,7],46,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Field 7","coss","Field with autocomplete","npx shadcn@latest add @coss/p-field-7","https://coss.com/ui/particles",0,"",["p-field-7",2,3,7],45,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 8","coss","Field with combobox","npx shadcn@latest add @coss/p-field-8","https://coss.com/ui/particles",0,"",["p-field-8",2,4,7],46,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Field 9","coss","Field with multiple selection combobox","npx shadcn@latest add @coss/p-field-9","https://coss.com/ui/particles",0,"",["p-field-9",2,5,7],55,"input","input|text field,form,form control|icons,monochrome|c"],["Field 10","coss","Field with textarea","npx shadcn@latest add @coss/p-field-10","https://coss.com/ui/particles",0,"",["p-field-10",2,5,5],52,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 11","coss","Field with select","npx shadcn@latest add @coss/p-field-11","https://coss.com/ui/particles",0,"",["p-field-11",2,6,5],44,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Field 12","coss","Field with checkbox","npx shadcn@latest add @coss/p-field-12","https://coss.com/ui/particles",0,"",["p-field-12",2,7,5],10,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 13","coss","Field with checkbox group","npx shadcn@latest add @coss/p-field-13","https://coss.com/ui/particles",0,"",["p-field-13",2,0,6],14,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Field 14","coss","Field with radio group","npx shadcn@latest add @coss/p-field-14","https://coss.com/ui/particles",0,"",["p-field-14",2,1,6],56,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 15","coss","Field with toggle switch","npx shadcn@latest add @coss/p-field-15","https://coss.com/ui/particles",0,"",["p-field-15",2,2,6],40,"input","input|text field,notifications,form,form control|no icons,monochrome,minimal|c"],["Field 16","coss","Field with slider","npx shadcn@latest add @coss/p-field-16","https://coss.com/ui/particles",0,"",["p-field-16",2,3,6],47,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 17","coss","Field with number field","npx shadcn@latest add @coss/p-field-17","https://coss.com/ui/particles",0,"",["p-field-17",2,4,6],51,"input","input|text field,form,form control|icons,monochrome|c"],["Field 18","coss","Complete form built with field","npx shadcn@latest add @coss/p-field-18","https://coss.com/ui/particles",0,"",["p-field-18",2,5,6],84,"input","input|text field,form,form control|icons,monochrome|c"],["Fieldset 1","coss","Fieldset with multiple fields","npx shadcn@latest add @coss/p-fieldset-1","https://coss.com/ui/particles",0,"",["p-fieldset-1",2,6,7],60,"input","form|inputs,fields|no icons,monochrome|c"],["Form 1","coss","Input in a form","npx shadcn@latest add @coss/p-form-1","https://coss.com/ui/particles",0,"",["p-form-1",2,7,7],74,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Form 2","coss","Form with zod validation","npx shadcn@latest add @coss/p-form-2","https://coss.com/ui/particles",0,"",["p-form-2",2,0,8],85,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Frame 1","coss","Basic frame","npx shadcn@latest add @coss/p-frame-1","https://coss.com/ui/particles",0,"",["p-frame-1",2,1,8],49,"misc","image|media,mockup|no icons,monochrome|c"],["Frame 3","coss","Frame with multiple separated panels","npx shadcn@latest add @coss/p-frame-3","https://coss.com/ui/particles",0,"",["p-frame-3",2,3,8],63,"misc","image|media,mockup|no icons,monochrome|c"],["Frame 4","coss","Frame with multiple stacked panels","npx shadcn@latest add @coss/p-frame-4","https://coss.com/ui/particles",0,"",["p-frame-4",2,4,8],60,"misc","image|media,mockup|no icons,monochrome|c"],["Frame 2","coss","Frame with collapsible content and delete button","npx shadcn@latest add @coss/p-frame-2","https://coss.com/ui/particles",0,"",["p-frame-2",2,2,8],35,"accordion","image|media,mockup|icons,monochrome|c"],["Kbd 1","coss","Keyboard shortcuts display","npx shadcn@latest add @coss/p-kbd-1","https://coss.com/ui/particles",0,"",["p-kbd-1",3,2,5],49,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Group 1","coss","Basic group","npx shadcn@latest add @coss/p-group-1","https://coss.com/ui/particles",0,"",["p-group-1",2,5,8],11,"misc","card|container,surface|icons,monochrome|c"],["Group 2","coss","Group with input","npx shadcn@latest add @coss/p-group-2","https://coss.com/ui/particles",0,"",["p-group-2",2,0,10],43,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Group 3","coss","Small group","npx shadcn@latest add @coss/p-group-3","https://coss.com/ui/particles",0,"",["p-group-3",2,4,10],11,"misc","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Group 4","coss","Large group","npx shadcn@latest add @coss/p-group-4","https://coss.com/ui/particles",0,"",["p-group-4",2,5,10],12,"misc","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Group 5","coss","Group with disabled button","npx shadcn@latest add @coss/p-group-5","https://coss.com/ui/particles",0,"",["p-group-5",2,6,10],9,"button","button|cta,click,action|icons,monochrome|c"],["Group 6","coss","Group with default button","npx shadcn@latest add @coss/p-group-6","https://coss.com/ui/particles",0,"",["p-group-6",2,7,10],24,"button","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Group 7","coss","Group with start text","npx shadcn@latest add @coss/p-group-7","https://coss.com/ui/particles",0,"",["p-group-7",2,0,11],42,"text","input|text field,form,form control|no icons,monochrome,minimal|c"],["Group 8","coss","Group with end text","npx shadcn@latest add @coss/p-group-8","https://coss.com/ui/particles",0,"",["p-group-8",2,1,11],40,"text","input|text field,form,form control|no icons,monochrome,minimal|c"],["Group 9","coss","Vertical group","npx shadcn@latest add @coss/p-group-9","https://coss.com/ui/particles",0,"",["p-group-9",2,2,11],3,"misc","card|container,surface|icons,monochrome|c"],["Group 10","coss","Nested groups","npx shadcn@latest add @coss/p-group-10","https://coss.com/ui/particles",0,"",["p-group-10",2,6,8],10,"misc","card|container,surface|icons,monochrome|c"],["Group 11","coss","Group with popup","npx shadcn@latest add @coss/p-group-11","https://coss.com/ui/particles",0,"",["p-group-11",2,7,8],8,"dialog","dialog|modal,overlay,popup|icons,monochrome|c"],["Group 12","coss","Group with input group","npx shadcn@latest add @coss/p-group-12","https://coss.com/ui/particles",0,"",["p-group-12",2,0,9],40,"input","input|text field,form,form control|icons,monochrome|c"],["Group 13","coss","Group with menu","npx shadcn@latest add @coss/p-group-13","https://coss.com/ui/particles",0,"",["p-group-13",2,1,9],17,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Group 14","coss","Group with select","npx shadcn@latest add @coss/p-group-14","https://coss.com/ui/particles",0,"",["p-group-14",2,2,9],41,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Group 15","coss","Group with search","npx shadcn@latest add @coss/p-group-15","https://coss.com/ui/particles",0,"",["p-group-15",2,3,9],42,"misc","select|dropdown,options,form|icons,monochrome|c"],["Group 16","coss","Group with add button and input","npx shadcn@latest add @coss/p-group-16","https://coss.com/ui/particles",0,"",["p-group-16",2,4,9],37,"button","input|text field,form,form control|icons,monochrome,minimal|c"],["Group 17","coss","Group with input and currency text","npx shadcn@latest add @coss/p-group-17","https://coss.com/ui/particles",0,"",["p-group-17",2,5,9],40,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Group 18","coss","Group with select and input","npx shadcn@latest add @coss/p-group-18","https://coss.com/ui/particles",0,"",["p-group-18",2,6,9],42,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Group 19","coss","Group with input and select","npx shadcn@latest add @coss/p-group-19","https://coss.com/ui/particles",0,"",["p-group-19",2,7,9],40,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Group 20","coss","Group with input and text button","npx shadcn@latest add @coss/p-group-20","https://coss.com/ui/particles",0,"",["p-group-20",2,1,10],44,"button","input|text field,form,form control|no icons,monochrome,minimal|c"],["Group 22","coss","Group with two number inputs for range","npx shadcn@latest add @coss/p-group-22","https://coss.com/ui/particles",0,"",["p-group-22",2,2,10],43,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Group 23","coss","Group with filter label, combobox multi-select, and remove button","npx shadcn@latest add @coss/p-group-23","https://coss.com/ui/particles",0,"",["p-group-23",2,3,10],46,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Input 1","coss","Basic input","npx shadcn@latest add @coss/p-input-1","https://coss.com/ui/particles",0,"",["p-input-1",2,3,11],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 2","coss","Small input","npx shadcn@latest add @coss/p-input-2","https://coss.com/ui/particles",0,"",["p-input-2",3,6,0],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 3","coss","Large input","npx shadcn@latest add @coss/p-input-3","https://coss.com/ui/particles",0,"",["p-input-3",3,7,0],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 4","coss","Disabled input","npx shadcn@latest add @coss/p-input-4","https://coss.com/ui/particles",0,"",["p-input-4",3,0,1],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 5","coss","File input","npx shadcn@latest add @coss/p-input-5","https://coss.com/ui/particles",0,"",["p-input-5",3,1,1],5,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 6","coss","Input with label","npx shadcn@latest add @coss/p-input-6","https://coss.com/ui/particles",0,"",["p-input-6",3,2,1],12,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 7","coss","Input with button using Group","npx shadcn@latest add @coss/p-input-7","https://coss.com/ui/particles",0,"",["p-input-7",3,3,1],42,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 8","coss","Input with start text and end tooltip","npx shadcn@latest add @coss/p-input-8","https://coss.com/ui/particles",0,"",["p-input-8",3,4,1],35,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 9","coss","Password input with toggle visibility","npx shadcn@latest add @coss/p-input-9","https://coss.com/ui/particles",0,"",["p-input-9",3,5,1],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 10","coss","Input group mimicking a URL bar","npx shadcn@latest add @coss/p-input-10","https://coss.com/ui/particles",0,"",["p-input-10",2,4,11],3,"input","input|text field,form,form control|icons,monochrome|c"],["Input 11","coss","Input group with keyboard shortcut","npx shadcn@latest add @coss/p-input-11","https://coss.com/ui/particles",0,"",["p-input-11",2,5,11],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 12","coss","Input group with start loading spinner","npx shadcn@latest add @coss/p-input-12","https://coss.com/ui/particles",0,"",["p-input-12",2,6,11],0,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 13","coss","Input with label and required indicator","npx shadcn@latest add @coss/p-input-13","https://coss.com/ui/particles",0,"",["p-input-13",2,7,11],47,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 14","coss","Input with optional label","npx shadcn@latest add @coss/p-input-14","https://coss.com/ui/particles",0,"",["p-input-14",3,0,0],44,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 15","coss","Input with custom border and background","npx shadcn@latest add @coss/p-input-15","https://coss.com/ui/particles",0,"",["p-input-15",3,1,0],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 16","coss","Input group with end loading spinner","npx shadcn@latest add @coss/p-input-16","https://coss.com/ui/particles",0,"",["p-input-16",3,2,0],0,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 17","coss","Read-only input","npx shadcn@latest add @coss/p-input-17","https://coss.com/ui/particles",0,"",["p-input-17",3,3,0],6,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Otp field 1","coss","Basic OTP field","npx shadcn@latest add @coss/p-otp-field-1","https://coss.com/ui/particles",0,"",["p-otp-field-1",3,6,8],30,"input","input|otp input,login,text field,form,form control|no icons,monochrome,minimal|c"],["Otp field 2","coss","Large OTP field","npx shadcn@latest add @coss/p-otp-field-2","https://coss.com/ui/particles",0,"",["p-otp-field-2",3,0,9],0,"input","input|otp input,login,text field,form,form control|no icons,monochrome,minimal|c"],["Otp field 3","coss","OTP field with separator","npx shadcn@latest add @coss/p-otp-field-3","https://coss.com/ui/particles",0,"",["p-otp-field-3",3,1,9],30,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Otp field 4","coss","OTP field with label","npx shadcn@latest add @coss/p-otp-field-4","https://coss.com/ui/particles",0,"",["p-otp-field-4",3,2,9],49,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Otp field 6","coss","OTP field with custom sanitization","npx shadcn@latest add @coss/p-otp-field-6","https://coss.com/ui/particles",0,"",["p-otp-field-6",3,3,9],46,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Otp field 7","coss","OTP field with auto validation","npx shadcn@latest add @coss/p-otp-field-7","https://coss.com/ui/particles",0,"",["p-otp-field-7",3,4,9],49,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Otp field 8","coss","Alphanumeric OTP field","npx shadcn@latest add @coss/p-otp-field-8","https://coss.com/ui/particles",0,"",["p-otp-field-8",3,5,9],55,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Otp field 9","coss","OTP field with placeholder hints","npx shadcn@latest add @coss/p-otp-field-9","https://coss.com/ui/particles",0,"",["p-otp-field-9",3,6,9],55,"input","input|otp input,text field,form,form control|no icons,monochrome|c"],["Otp field 10","coss","Masked OTP field","npx shadcn@latest add @coss/p-otp-field-10","https://coss.com/ui/particles",0,"",["p-otp-field-10",3,7,8],51,"input","input|otp input,text field,form,form control|no icons,monochrome,minimal|c"],["Input group 1","coss","Basic input group","npx shadcn@latest add @coss/p-input-group-1","https://coss.com/ui/particles",0,"",["p-input-group-1",3,6,1],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 2","coss","Input group with end icon","npx shadcn@latest add @coss/p-input-group-2","https://coss.com/ui/particles",0,"",["p-input-group-2",3,1,3],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 3","coss","Input group with start text","npx shadcn@latest add @coss/p-input-group-3","https://coss.com/ui/particles",0,"",["p-input-group-3",3,3,4],1,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 4","coss","Input group with end text","npx shadcn@latest add @coss/p-input-group-4","https://coss.com/ui/particles",0,"",["p-input-group-4",3,4,4],33,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 5","coss","Input group with start and end text","npx shadcn@latest add @coss/p-input-group-5","https://coss.com/ui/particles",0,"",["p-input-group-5",3,5,4],1,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 6","coss","Input group with number field","npx shadcn@latest add @coss/p-input-group-6","https://coss.com/ui/particles",0,"",["p-input-group-6",3,6,4],33,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 7","coss","Input group with end tooltip","npx shadcn@latest add @coss/p-input-group-7","https://coss.com/ui/particles",0,"",["p-input-group-7",3,7,4],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 8","coss","Input group with icon button","npx shadcn@latest add @coss/p-input-group-8","https://coss.com/ui/particles",0,"",["p-input-group-8",3,0,5],37,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 9","coss","Input group with button","npx shadcn@latest add @coss/p-input-group-9","https://coss.com/ui/particles",0,"",["p-input-group-9",3,1,5],35,"input","input|text field,search,form,form control|no icons,monochrome,minimal|c"],["Input group 10","coss","Input group with badge","npx shadcn@latest add @coss/p-input-group-10","https://coss.com/ui/particles",0,"",["p-input-group-10",3,7,1],42,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 11","coss","Input group with keyboard shortcut","npx shadcn@latest add @coss/p-input-group-11","https://coss.com/ui/particles",0,"",["p-input-group-11",3,0,2],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 12","coss","Input group with inner label","npx shadcn@latest add @coss/p-input-group-12","https://coss.com/ui/particles",0,"",["p-input-group-12",3,1,2],6,"input","input|text field,notifications,form,form control|icons,monochrome,minimal|c"],["Input group 13","coss","Small input group","npx shadcn@latest add @coss/p-input-group-13","https://coss.com/ui/particles",0,"",["p-input-group-13",3,2,2],0,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 14","coss","Large input group","npx shadcn@latest add @coss/p-input-group-14","https://coss.com/ui/particles",0,"",["p-input-group-14",3,3,2],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 15","coss","Disabled input group","npx shadcn@latest add @coss/p-input-group-15","https://coss.com/ui/particles",0,"",["p-input-group-15",3,4,2],0,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 16","coss","Input group with loading spinner","npx shadcn@latest add @coss/p-input-group-16","https://coss.com/ui/particles",0,"",["p-input-group-16",3,5,2],0,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 17","coss","Input group with textarea","npx shadcn@latest add @coss/p-input-group-17","https://coss.com/ui/particles",0,"",["p-input-group-17",3,6,2],53,"input","input|text field,form,form control|icons,monochrome|c"],["Input group 18","coss","Input group with badge and menu","npx shadcn@latest add @coss/p-input-group-18","https://coss.com/ui/particles",0,"",["p-input-group-18",3,7,2],44,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 19","coss","Mini editor built with input group and toggle","npx shadcn@latest add @coss/p-input-group-19","https://coss.com/ui/particles",0,"",["p-input-group-19",3,0,3],43,"input","input|text field,form,form control|icons,monochrome|c"],["Input group 20","coss","Input group with search icon","npx shadcn@latest add @coss/p-input-group-20","https://coss.com/ui/particles",0,"",["p-input-group-20",3,2,3],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 21","coss","Input group with start tooltip","npx shadcn@latest add @coss/p-input-group-21","https://coss.com/ui/particles",0,"",["p-input-group-21",3,3,3],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 22","coss","Input group with clear button","npx shadcn@latest add @coss/p-input-group-22","https://coss.com/ui/particles",0,"",["p-input-group-22",3,4,3],4,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 23","coss","Search input group with loader and voice button","npx shadcn@latest add @coss/p-input-group-23","https://coss.com/ui/particles",0,"",["p-input-group-23",3,5,3],2,"input","input|text field,form,form control|icons,monochrome|c"],["Input group 24","coss","Input group with character counter","npx shadcn@latest add @coss/p-input-group-24","https://coss.com/ui/particles",0,"",["p-input-group-24",3,6,3],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 18","coss","Input with characters remaining counter","npx shadcn@latest add @coss/p-input-18","https://coss.com/ui/particles",0,"",["p-input-18",3,4,0],40,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 19","coss","Pill-shaped input","npx shadcn@latest add @coss/p-input-19","https://coss.com/ui/particles",0,"",["p-input-19",3,5,0],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 26","coss","Password input with strength indicator","npx shadcn@latest add @coss/p-input-group-26","https://coss.com/ui/particles",0,"",["p-input-group-26",3,7,3],65,"input","input|text field,login,form,form control|icons,monochrome|c"],["Input group 27","coss","Code snippet input with language selector","npx shadcn@latest add @coss/p-input-group-27","https://coss.com/ui/particles",0,"",["p-input-group-27",3,0,4],45,"input","input|text field,form,form control|icons,monochrome|c"],["Input group 28","coss","Message composer with attachment buttons","npx shadcn@latest add @coss/p-input-group-28","https://coss.com/ui/particles",0,"",["p-input-group-28",3,1,4],53,"input","input|text field,form,form control|icons,monochrome|c"],["Input group 29","coss","Chat input with voice and send buttons","npx shadcn@latest add @coss/p-input-group-29","https://coss.com/ui/particles",0,"",["p-input-group-29",3,2,4],53,"input","input|text field,form,form control|icons,monochrome|c"],["Meter 1","coss","Basic meter","npx shadcn@latest add @coss/p-meter-1","https://coss.com/ui/particles",0,"",["p-meter-1",3,4,6],48,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 2","coss","Simple meter","npx shadcn@latest add @coss/p-meter-2","https://coss.com/ui/particles",0,"",["p-meter-2",3,5,6],44,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 3","coss","Meter with formatted value","npx shadcn@latest add @coss/p-meter-3","https://coss.com/ui/particles",0,"",["p-meter-3",3,6,6],47,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 4","coss","Meter with range","npx shadcn@latest add @coss/p-meter-4","https://coss.com/ui/particles",0,"",["p-meter-4",3,7,6],48,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Menu 1","coss","Basic menu","npx shadcn@latest add @coss/p-menu-1","https://coss.com/ui/particles",0,"",["p-menu-1",3,3,5],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 2","coss","Menu with hover","npx shadcn@latest add @coss/p-menu-2","https://coss.com/ui/particles",0,"",["p-menu-2",3,4,5],8,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 3","coss","Menu with checkbox","npx shadcn@latest add @coss/p-menu-3","https://coss.com/ui/particles",0,"",["p-menu-3",3,5,5],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 9","coss","Menu with checkbox items as switches","npx shadcn@latest add @coss/p-menu-9","https://coss.com/ui/particles",0,"",["p-menu-9",3,3,6],9,"dropdown","dropdown menu|menu,notifications,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 4","coss","Menu with radio group","npx shadcn@latest add @coss/p-menu-4","https://coss.com/ui/particles",0,"",["p-menu-4",3,6,5],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 5","coss","Menu with link","npx shadcn@latest add @coss/p-menu-5","https://coss.com/ui/particles",0,"",["p-menu-5",3,7,5],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 6","coss","Menu with group labels","npx shadcn@latest add @coss/p-menu-6","https://coss.com/ui/particles",0,"",["p-menu-6",3,0,6],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 7","coss","Nested menu","npx shadcn@latest add @coss/p-menu-7","https://coss.com/ui/particles",0,"",["p-menu-7",3,1,6],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 8","coss","Menu close on click","npx shadcn@latest add @coss/p-menu-8","https://coss.com/ui/particles",0,"",["p-menu-8",3,2,6],9,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Context menu 1","coss","Basic context menu","npx shadcn@latest add @coss/p-context-menu-1","https://coss.com/ui/particles",0,"",["p-context-menu-1",2,5,0],0,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 2","coss","Context menu with link items","npx shadcn@latest add @coss/p-context-menu-2","https://coss.com/ui/particles",0,"",["p-context-menu-2",2,6,0],0,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 3","coss","Nested context menu","npx shadcn@latest add @coss/p-context-menu-3","https://coss.com/ui/particles",0,"",["p-context-menu-3",2,7,0],0,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 4","coss","Context menu with checkbox items","npx shadcn@latest add @coss/p-context-menu-4","https://coss.com/ui/particles",0,"",["p-context-menu-4",2,0,1],0,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 5","coss","Context menu with group labels","npx shadcn@latest add @coss/p-context-menu-5","https://coss.com/ui/particles",0,"",["p-context-menu-5",2,1,1],0,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 6","coss","Context menu with icons","npx shadcn@latest add @coss/p-context-menu-6","https://coss.com/ui/particles",0,"",["p-context-menu-6",2,2,1],0,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 7","coss","Context menu with radio group","npx shadcn@latest add @coss/p-context-menu-7","https://coss.com/ui/particles",0,"",["p-context-menu-7",2,3,1],0,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 8","coss","Context menu with switch checkbox items","npx shadcn@latest add @coss/p-context-menu-8","https://coss.com/ui/particles",0,"",["p-context-menu-8",2,4,1],0,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Number field 1","coss","Basic number field","npx shadcn@latest add @coss/p-number-field-1","https://coss.com/ui/particles",0,"",["p-number-field-1",3,3,7],1,"input","number input|input,stepper|icons,monochrome|c"],["Number field 2","coss","Small number field","npx shadcn@latest add @coss/p-number-field-2","https://coss.com/ui/particles",0,"",["p-number-field-2",3,6,7],0,"input","number input|input,stepper|icons,monochrome|c"],["Number field 3","coss","Large number field","npx shadcn@latest add @coss/p-number-field-3","https://coss.com/ui/particles",0,"",["p-number-field-3",3,7,7],0,"input","number input|input,stepper|icons,monochrome|c"],["Number field 4","coss","Disabled number field","npx shadcn@latest add @coss/p-number-field-4","https://coss.com/ui/particles",0,"",["p-number-field-4",3,0,8],0,"input","number input|input,stepper|icons,monochrome|c"],["Number field 5","coss","Number field with label","npx shadcn@latest add @coss/p-number-field-5","https://coss.com/ui/particles",0,"",["p-number-field-5",3,1,8],47,"input","number input|input,stepper|icons,monochrome|c"],["Number field 6","coss","Number field with scrub","npx shadcn@latest add @coss/p-number-field-6","https://coss.com/ui/particles",0,"",["p-number-field-6",3,2,8],39,"input","number input|input,stepper|icons,monochrome|c"],["Number field 7","coss","Number field with range","npx shadcn@latest add @coss/p-number-field-7","https://coss.com/ui/particles",0,"",["p-number-field-7",3,3,8],1,"input","number input|input,stepper|icons,monochrome|c"],["Number field 8","coss","Number field with formatted value","npx shadcn@latest add @coss/p-number-field-8","https://coss.com/ui/particles",0,"",["p-number-field-8",3,4,8],3,"input","number input|input,stepper|icons,monochrome|c"],["Number field 9","coss","Number field with step","npx shadcn@latest add @coss/p-number-field-9","https://coss.com/ui/particles",0,"",["p-number-field-9",3,5,8],62,"input","number input|input,stepper|icons,monochrome|c"],["Number field 10","coss","Number field in form","npx shadcn@latest add @coss/p-number-field-10","https://coss.com/ui/particles",0,"",["p-number-field-10",3,4,7],73,"input","number input|input,stepper|icons,monochrome|c"],["Number field 11","coss","Pill-shaped number field","npx shadcn@latest add @coss/p-number-field-11","https://coss.com/ui/particles",0,"",["p-number-field-11",3,5,7],0,"input","number input|input,stepper|icons,monochrome|c"],["Navigation 1","coss","Segmented navigation built with links","npx shadcn@latest add @coss/p-navigation-1","https://coss.com/ui/particles",0,"",["p-navigation-1",3,0,7],42,"navbar","navbar|header,settings,navigation,menu|no icons,monochrome,minimal|c"],["Navigation 2","coss","Small segmented navigation built with links","npx shadcn@latest add @coss/p-navigation-2","https://coss.com/ui/particles",0,"",["p-navigation-2",3,1,7],41,"navbar","navbar|header,settings,navigation,menu|no icons,monochrome,minimal|c"],["Navigation 3","coss","Large segmented navigation built with links","npx shadcn@latest add @coss/p-navigation-3","https://coss.com/ui/particles",0,"",["p-navigation-3",3,2,7],43,"navbar","navbar|header,settings,navigation,menu|no icons,monochrome,minimal|c"],["Pagination 1","coss","Pagination example","npx shadcn@latest add @coss/p-pagination-1","https://coss.com/ui/particles",0,"",["p-pagination-1",3,7,9],12,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 2","coss","Pagination with previous and next buttons only","npx shadcn@latest add @coss/p-pagination-2","https://coss.com/ui/particles",0,"",["p-pagination-2",3,0,10],35,"button","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Pagination 3","coss","Pagination with select, and previous and next buttons","npx shadcn@latest add @coss/p-pagination-3","https://coss.com/ui/particles",0,"",["p-pagination-3",3,1,10],44,"button","pagination|pages,navigation|icons,monochrome,minimal|c"],["Popover 1","coss","Popover with a form","npx shadcn@latest add @coss/p-popover-1","https://coss.com/ui/particles",0,"",["p-popover-1",3,2,10],10,"input","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Popover 2","coss","Popover with close button","npx shadcn@latest add @coss/p-popover-2","https://coss.com/ui/particles",0,"",["p-popover-2",3,3,10],10,"button","popover|overlay,notifications,popup,menu|no icons,monochrome,minimal|c"],["Popover 3","coss","Animated popovers","npx shadcn@latest add @coss/p-popover-3","https://coss.com/ui/particles",0,"",["p-popover-3",3,4,10],3,"misc","popover|overlay,notifications,popup,menu|icons,monochrome|c"],["Popover 4","coss","Split button with popover to confirm multiple occurrences","npx shadcn@latest add @coss/p-popover-4","https://coss.com/ui/particles",0,"",["p-popover-4",3,5,10],15,"dialog","popover|overlay,calendar,popup,menu|icons,monochrome,minimal|c"],["Preview card 1","coss","Preview card with popup","npx shadcn@latest add @coss/p-preview-card-1","https://coss.com/ui/particles",0,"",["p-preview-card-1",3,6,10],4,"card","hover card|popover,hover,card|icons,monochrome|c"],["Progress 1","coss","Basic progress bar","npx shadcn@latest add @coss/p-progress-1","https://coss.com/ui/particles",0,"",["p-progress-1",3,7,10],11,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress 2","coss","Progress with label and value","npx shadcn@latest add @coss/p-progress-2","https://coss.com/ui/particles",0,"",["p-progress-2",3,0,11],47,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress 3","coss","Progress with formatted value","npx shadcn@latest add @coss/p-progress-3","https://coss.com/ui/particles",0,"",["p-progress-3",3,1,11],48,"loader","progress bar|progress,upload,meter,loading|no icons,monochrome,minimal|c"],["Radio group 1","coss","Basic radio group","npx shadcn@latest add @coss/p-radio-group-1","https://coss.com/ui/particles",0,"",["p-radio-group-1",3,2,11],43,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 2","coss","Disabled radio group","npx shadcn@latest add @coss/p-radio-group-2","https://coss.com/ui/particles",0,"",["p-radio-group-2",3,4,11],46,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 3","coss","Radio group with description","npx shadcn@latest add @coss/p-radio-group-3","https://coss.com/ui/particles",0,"",["p-radio-group-3",3,5,11],50,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 4","coss","Radio group card","npx shadcn@latest add @coss/p-radio-group-4","https://coss.com/ui/particles",0,"",["p-radio-group-4",3,6,11],58,"input","radio group|radio,notifications,options,form|no icons,monochrome|c"],["Radio group 5","coss","Radio group in form","npx shadcn@latest add @coss/p-radio-group-5","https://coss.com/ui/particles",0,"",["p-radio-group-5",3,7,11],65,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 6","coss","Theme selector with image cards","npx shadcn@latest add @coss/p-radio-group-6","https://coss.com/ui/particles",0,"",["p-radio-group-6",4,0,0],89,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 7","coss","Small segmented control built with a radio group","npx shadcn@latest add @coss/p-radio-group-7","https://coss.com/ui/particles",0,"",["p-radio-group-7",4,1,0],40,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 8","coss","Segmented control built with a radio group","npx shadcn@latest add @coss/p-radio-group-8","https://coss.com/ui/particles",0,"",["p-radio-group-8",4,2,0],40,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 9","coss","Large segmented control built with a radio group","npx shadcn@latest add @coss/p-radio-group-9","https://coss.com/ui/particles",0,"",["p-radio-group-9",4,3,0],9,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 10","coss","Color palette radio cards in a four-column grid","npx shadcn@latest add @coss/p-radio-group-10","https://coss.com/ui/particles",0,"",["p-radio-group-10",3,3,11],73,"input","radio group|radio,options,form|no icons,colorful|c"],["Scroll area 1","coss","Basic scroll area","npx shadcn@latest add @coss/p-scroll-area-1","https://coss.com/ui/particles",0,"",["p-scroll-area-1",4,4,0],42,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 2","coss","Horizontal scroll area","npx shadcn@latest add @coss/p-scroll-area-2","https://coss.com/ui/particles",0,"",["p-scroll-area-2",4,5,0],25,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 3","coss","Scroll area with both directions","npx shadcn@latest add @coss/p-scroll-area-3","https://coss.com/ui/particles",0,"",["p-scroll-area-3",4,6,0],61,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 4","coss","Scroll area with fading edges","npx shadcn@latest add @coss/p-scroll-area-4","https://coss.com/ui/particles",0,"",["p-scroll-area-4",4,7,0],42,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 5","coss","Horizontal scroll area with scrollbar gutter","npx shadcn@latest add @coss/p-scroll-area-5","https://coss.com/ui/particles",0,"",["p-scroll-area-5",4,0,1],25,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select 1","coss","Basic select","npx shadcn@latest add @coss/p-select-1","https://coss.com/ui/particles",0,"",["p-select-1",4,1,1],3,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 2","coss","Small select","npx shadcn@latest add @coss/p-select-2","https://coss.com/ui/particles",0,"",["p-select-2",4,4,2],0,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 3","coss","Large select","npx shadcn@latest add @coss/p-select-3","https://coss.com/ui/particles",0,"",["p-select-3",4,2,3],3,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 4","coss","Disabled select","npx shadcn@latest add @coss/p-select-4","https://coss.com/ui/particles",0,"",["p-select-4",4,3,3],0,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 5","coss","Select without item alignment","npx shadcn@latest add @coss/p-select-5","https://coss.com/ui/particles",0,"",["p-select-5",4,4,3],2,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 6","coss","Select with groups","npx shadcn@latest add @coss/p-select-6","https://coss.com/ui/particles",0,"",["p-select-6",4,5,3],2,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 7","coss","Multiple select","npx shadcn@latest add @coss/p-select-7","https://coss.com/ui/particles",0,"",["p-select-7",4,6,3],5,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 8","coss","Select with icon","npx shadcn@latest add @coss/p-select-8","https://coss.com/ui/particles",0,"",["p-select-8",4,7,3],4,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 9","coss","Select options with icon","npx shadcn@latest add @coss/p-select-9","https://coss.com/ui/particles",0,"",["p-select-9",4,0,4],5,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 10","coss","Select with object values","npx shadcn@latest add @coss/p-select-10","https://coss.com/ui/particles",0,"",["p-select-10",4,2,1],37,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 12","coss","Select with disabled items","npx shadcn@latest add @coss/p-select-12","https://coss.com/ui/particles",0,"",["p-select-12",4,4,1],3,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 13","coss","Timezone select","npx shadcn@latest add @coss/p-select-13","https://coss.com/ui/particles",0,"",["p-select-13",4,5,1],6,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 14","coss","Status select with colored dot","npx shadcn@latest add @coss/p-select-14","https://coss.com/ui/particles",0,"",["p-select-14",4,6,1],11,"dropdown","select|dropdown,tasks,options,form|icons,monochrome,minimal|c"],["Select 15","coss","Pill-shaped select trigger","npx shadcn@latest add @coss/p-select-15","https://coss.com/ui/particles",0,"",["p-select-15",4,7,1],3,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 16","coss","Select with left text label","npx shadcn@latest add @coss/p-select-16","https://coss.com/ui/particles",0,"",["p-select-16",4,0,2],4,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 17","coss","Select with country flags","npx shadcn@latest add @coss/p-select-17","https://coss.com/ui/particles",0,"",["p-select-17",4,1,2],21,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 18","coss","Select with description in options only","npx shadcn@latest add @coss/p-select-18","https://coss.com/ui/particles",0,"",["p-select-18",4,2,2],3,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 19","coss","Select with avatars","npx shadcn@latest add @coss/p-select-19","https://coss.com/ui/particles",0,"",["p-select-19",4,3,2],5,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 20","coss","Rich select with avatars and usernames","npx shadcn@latest add @coss/p-select-20","https://coss.com/ui/particles",0,"",["p-select-20",4,5,2],8,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 21","coss","Auto width select","npx shadcn@latest add @coss/p-select-21","https://coss.com/ui/particles",0,"",["p-select-21",4,6,2],39,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 22","coss","Select with custom border and background","npx shadcn@latest add @coss/p-select-22","https://coss.com/ui/particles",0,"",["p-select-22",4,7,2],2,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 23","coss","Select with label","npx shadcn@latest add @coss/p-select-23","https://coss.com/ui/particles",0,"",["p-select-23",4,0,3],39,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 24","coss","Color palette select with three-color swatches","npx shadcn@latest add @coss/p-select-24","https://coss.com/ui/particles",0,"",["p-select-24",4,1,3],48,"dropdown","select|dropdown,options,form|icons|c"],["Select 11","coss","Select in form","npx shadcn@latest add @coss/p-select-11","https://coss.com/ui/particles",0,"",["p-select-11",4,3,1],78,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator 1","coss","Separator with horizontal and vertical orientations","npx shadcn@latest add @coss/p-separator-1","https://coss.com/ui/particles",0,"",["p-separator-1",4,1,4],56,"misc","divider|separator,line,layout|no icons,monochrome|c"],["Sheet 1","coss","Basic sheet","npx shadcn@latest add @coss/p-sheet-1","https://coss.com/ui/particles",0,"",["p-sheet-1",4,2,4],9,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 2","coss","Sheet inset","npx shadcn@latest add @coss/p-sheet-2","https://coss.com/ui/particles",0,"",["p-sheet-2",4,3,4],9,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 3","coss","Sheet position","npx shadcn@latest add @coss/p-sheet-3","https://coss.com/ui/particles",0,"",["p-sheet-3",4,4,4],18,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Skeleton 1","coss","Basic skeleton","npx shadcn@latest add @coss/p-skeleton-1","https://coss.com/ui/particles",0,"",["p-skeleton-1",4,5,4],62,"loader","skeleton|loading,placeholder|icons,monochrome|c"],["Skeleton 2","coss","Skeleton only","npx shadcn@latest add @coss/p-skeleton-2","https://coss.com/ui/particles",0,"",["p-skeleton-2",4,6,4],25,"loader","skeleton|loading,placeholder|no icons,avatar,animated,monochrome,minimal|c"],["Slider 1","coss","Basic slider","npx shadcn@latest add @coss/p-slider-1","https://coss.com/ui/particles",0,"",["p-slider-1",4,7,4],45,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 2","coss","Slider with label and value","npx shadcn@latest add @coss/p-slider-2","https://coss.com/ui/particles",0,"",["p-slider-2",4,2,6],44,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 3","coss","Disabled slider","npx shadcn@latest add @coss/p-slider-3","https://coss.com/ui/particles",0,"",["p-slider-3",4,7,6],42,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 4","coss","Slider with reference labels","npx shadcn@latest add @coss/p-slider-4","https://coss.com/ui/particles",0,"",["p-slider-4",4,0,7],44,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 5","coss","Slider with ticks","npx shadcn@latest add @coss/p-slider-5","https://coss.com/ui/particles",0,"",["p-slider-5",4,1,7],45,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 6","coss","Slider with labels above","npx shadcn@latest add @coss/p-slider-6","https://coss.com/ui/particles",0,"",["p-slider-6",4,2,7],43,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 7","coss","Range slider","npx shadcn@latest add @coss/p-slider-7","https://coss.com/ui/particles",0,"",["p-slider-7",4,3,7],14,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 8","coss","Slider with 3 thumbs","npx shadcn@latest add @coss/p-slider-8","https://coss.com/ui/particles",0,"",["p-slider-8",4,4,7],46,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 9","coss","Range slider with collision behavior none","npx shadcn@latest add @coss/p-slider-9","https://coss.com/ui/particles",0,"",["p-slider-9",4,5,7],14,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 10","coss","Range slider with collision behavior swap","npx shadcn@latest add @coss/p-slider-10","https://coss.com/ui/particles",0,"",["p-slider-10",4,0,5],14,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 11","coss","Slider with icons","npx shadcn@latest add @coss/p-slider-11","https://coss.com/ui/particles",0,"",["p-slider-11",4,1,5],46,"input","slider|range,input|icons,monochrome|c"],["Slider 12","coss","Slider with input","npx shadcn@latest add @coss/p-slider-12","https://coss.com/ui/particles",0,"",["p-slider-12",4,2,5],43,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 13","coss","Range slider with inputs","npx shadcn@latest add @coss/p-slider-13","https://coss.com/ui/particles",0,"",["p-slider-13",4,3,5],5,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 14","coss","Slider with increment and decrement buttons","npx shadcn@latest add @coss/p-slider-14","https://coss.com/ui/particles",0,"",["p-slider-14",4,4,5],49,"input","slider|range,pricing,input|icons,monochrome|c"],["Slider 15","coss","Price range slider","npx shadcn@latest add @coss/p-slider-15","https://coss.com/ui/particles",0,"",["p-slider-15",4,5,5],47,"input","slider|range,pricing,input|no icons,monochrome,minimal|c"],["Slider 16","coss","Emoji rating slider","npx shadcn@latest add @coss/p-slider-16","https://coss.com/ui/particles",0,"",["p-slider-16",4,6,5],66,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 17","coss","Vertical slider","npx shadcn@latest add @coss/p-slider-17","https://coss.com/ui/particles",0,"",["p-slider-17",4,7,5],40,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 18","coss","Vertical range slider","npx shadcn@latest add @coss/p-slider-18","https://coss.com/ui/particles",0,"",["p-slider-18",4,0,6],40,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 19","coss","Vertical slider with input","npx shadcn@latest add @coss/p-slider-19","https://coss.com/ui/particles",0,"",["p-slider-19",4,1,6],46,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 20","coss","Equalizer with vertical sliders","npx shadcn@latest add @coss/p-slider-20","https://coss.com/ui/particles",0,"",["p-slider-20",4,3,6],62,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 21","coss","Object position sliders with reset","npx shadcn@latest add @coss/p-slider-21","https://coss.com/ui/particles",0,"",["p-slider-21",4,4,6],67,"input","slider|range,input|icons,monochrome,minimal|c"],["Slider 22","coss","Price slider with histogram","npx shadcn@latest add @coss/p-slider-22","https://coss.com/ui/particles",0,"",["p-slider-22",4,5,6],73,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 23","coss","Slider in form","npx shadcn@latest add @coss/p-slider-23","https://coss.com/ui/particles",0,"",["p-slider-23",4,6,6],72,"input","slider|range,input|no icons,monochrome,minimal|c"],["Spinner 1","coss","Basic spinner","npx shadcn@latest add @coss/p-spinner-1","https://coss.com/ui/particles",0,"",["p-spinner-1",4,6,7],6,"loader","loader|spinner,loading,progress|icons,monochrome,minimal|c"],["Switch 1","coss","Basic switch","npx shadcn@latest add @coss/p-switch-1","https://coss.com/ui/particles",0,"",["p-switch-1",4,7,7],40,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 2","coss","Disabled switch","npx shadcn@latest add @coss/p-switch-2","https://coss.com/ui/particles",0,"",["p-switch-2",4,0,8],40,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 3","coss","Switch with description","npx shadcn@latest add @coss/p-switch-3","https://coss.com/ui/particles",0,"",["p-switch-3",4,1,8],51,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 4","coss","Switch card","npx shadcn@latest add @coss/p-switch-4","https://coss.com/ui/particles",0,"",["p-switch-4",4,2,8],56,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Switch 5","coss","Switch in form","npx shadcn@latest add @coss/p-switch-5","https://coss.com/ui/particles",0,"",["p-switch-5",4,3,8],64,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 6","coss","Custom size switch","npx shadcn@latest add @coss/p-switch-6","https://coss.com/ui/particles",0,"",["p-switch-6",4,4,8],0,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 7","coss","Weekly availability editor with time range combobox pickers","npx shadcn@latest add @coss/p-switch-7","https://coss.com/ui/particles",0,"",["p-switch-7",4,5,8],66,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Switch 8","coss","Weekly availability editor with grouped time range controls","npx shadcn@latest add @coss/p-switch-8","https://coss.com/ui/particles",0,"",["p-switch-8",4,6,8],67,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Switch 9","coss","Weekly availability editor with From/To labeled time groups","npx shadcn@latest add @coss/p-switch-9","https://coss.com/ui/particles",0,"",["p-switch-9",4,7,8],69,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Table 1","coss","Basic table","npx shadcn@latest add @coss/p-table-1","https://coss.com/ui/particles",0,"",["p-table-1",4,0,9],63,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 2","coss","Frame with card-style table","npx shadcn@latest add @coss/p-table-2","https://coss.com/ui/particles",0,"",["p-table-2",4,1,9],66,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 3","coss","Table with TanStack Table and checkboxes","npx shadcn@latest add @coss/p-table-3","https://coss.com/ui/particles",0,"",["p-table-3",4,2,9],67,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 4","coss","Table with TanStack Table, sorting, and pagination","npx shadcn@latest add @coss/p-table-4","https://coss.com/ui/particles",0,"",["p-table-4",4,3,9],63,"table","data table|table,rows,spreadsheet|icons,monochrome|c"],["Table 5","coss","Card-style table variant","npx shadcn@latest add @coss/p-table-5","https://coss.com/ui/particles",0,"",["p-table-5",4,4,9],65,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 7","coss","CardFrame with card-style table","npx shadcn@latest add @coss/p-table-7","https://coss.com/ui/particles",0,"",["p-table-7",4,6,9],70,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 6","coss","CardFrame with TanStack Table and checkboxes","npx shadcn@latest add @coss/p-table-6","https://coss.com/ui/particles",0,"",["p-table-6",4,5,9],71,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 8","coss","CardFrame with TanStack Table, sorting, and pagination","npx shadcn@latest add @coss/p-table-8","https://coss.com/ui/particles",0,"",["p-table-8",4,7,9],62,"table","data table|table,rows,spreadsheet|icons,monochrome|c"],["Tabs 1","coss","Segmented control built with tabs","npx shadcn@latest add @coss/p-tabs-1","https://coss.com/ui/particles",0,"",["p-tabs-1",4,0,10],41,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 2","coss","Tabs with underline","npx shadcn@latest add @coss/p-tabs-2","https://coss.com/ui/particles",0,"",["p-tabs-2",4,7,10],43,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 3","coss","Vertical tabs","npx shadcn@latest add @coss/p-tabs-3","https://coss.com/ui/particles",0,"",["p-tabs-3",4,0,11],5,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 4","coss","Vertical tabs with underline","npx shadcn@latest add @coss/p-tabs-4","https://coss.com/ui/particles",0,"",["p-tabs-4",4,1,11],5,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 5","coss","Tabs with full rounded triggers","npx shadcn@latest add @coss/p-tabs-5","https://coss.com/ui/particles",0,"",["p-tabs-5",4,2,11],41,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 6","coss","Tabs with icon before name","npx shadcn@latest add @coss/p-tabs-6","https://coss.com/ui/particles",0,"",["p-tabs-6",4,3,11],50,"tabs","tabs|tab bar,settings,segmented control,navigation|icons,monochrome|c"],["Tabs 7","coss","Tabs with icon before name and underline","npx shadcn@latest add @coss/p-tabs-7","https://coss.com/ui/particles",0,"",["p-tabs-7",4,4,11],49,"tabs","tabs|tab bar,settings,segmented control,navigation|icons,monochrome|c"],["Tabs 8","coss","Tabs with icon only","npx shadcn@latest add @coss/p-tabs-8","https://coss.com/ui/particles",0,"",["p-tabs-8",4,5,11],37,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 9","coss","Tabs with underline and icon on top","npx shadcn@latest add @coss/p-tabs-9","https://coss.com/ui/particles",0,"",["p-tabs-9",4,6,11],51,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 10","coss","Tabs with count badge","npx shadcn@latest add @coss/p-tabs-10","https://coss.com/ui/particles",0,"",["p-tabs-10",4,1,10],49,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 11","coss","Vertical tabs with underline and icon before name","npx shadcn@latest add @coss/p-tabs-11","https://coss.com/ui/particles",0,"",["p-tabs-11",4,2,10],40,"tabs","tabs|tab bar,settings,segmented control,navigation|icons,monochrome|c"],["Tabs 12","coss","Tabs with icon only and count badge","npx shadcn@latest add @coss/p-tabs-12","https://coss.com/ui/particles",0,"",["p-tabs-12",4,3,10],42,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 13","coss","Tabs with icon only and grouped tooltips","npx shadcn@latest add @coss/p-tabs-13","https://coss.com/ui/particles",0,"",["p-tabs-13",4,4,10],37,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 14","coss","Small segmented control built with tabs","npx shadcn@latest add @coss/p-tabs-14","https://coss.com/ui/particles",0,"",["p-tabs-14",4,5,10],40,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 15","coss","Large segmented control built with tabs","npx shadcn@latest add @coss/p-tabs-15","https://coss.com/ui/particles",0,"",["p-tabs-15",4,6,10],42,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Textarea 1","coss","Basic textarea","npx shadcn@latest add @coss/p-textarea-1","https://coss.com/ui/particles",0,"",["p-textarea-1",4,7,11],4,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 2","coss","Small textarea","npx shadcn@latest add @coss/p-textarea-2","https://coss.com/ui/particles",0,"",["p-textarea-2",5,6,0],4,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 3","coss","Large textarea","npx shadcn@latest add @coss/p-textarea-3","https://coss.com/ui/particles",0,"",["p-textarea-3",5,7,0],6,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 4","coss","Disabled textarea","npx shadcn@latest add @coss/p-textarea-4","https://coss.com/ui/particles",0,"",["p-textarea-4",5,0,1],1,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 5","coss","Textarea with label","npx shadcn@latest add @coss/p-textarea-5","https://coss.com/ui/particles",0,"",["p-textarea-5",5,1,1],47,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 6","coss","Textarea in form","npx shadcn@latest add @coss/p-textarea-6","https://coss.com/ui/particles",0,"",["p-textarea-6",5,2,1],79,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 7","coss","Textarea with label and required indicator","npx shadcn@latest add @coss/p-textarea-7","https://coss.com/ui/particles",0,"",["p-textarea-7",5,3,1],50,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 8","coss","Textarea with optional label","npx shadcn@latest add @coss/p-textarea-8","https://coss.com/ui/particles",0,"",["p-textarea-8",5,4,1],48,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 9","coss","Textarea with custom border and background","npx shadcn@latest add @coss/p-textarea-9","https://coss.com/ui/particles",0,"",["p-textarea-9",5,5,1],2,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 10","coss","Read-only textarea","npx shadcn@latest add @coss/p-textarea-10","https://coss.com/ui/particles",0,"",["p-textarea-10",5,0,0],41,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 11","coss","Textarea with characters remaining counter","npx shadcn@latest add @coss/p-textarea-11","https://coss.com/ui/particles",0,"",["p-textarea-11",5,1,0],43,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 12","coss","Textarea field with required indicator","npx shadcn@latest add @coss/p-textarea-12","https://coss.com/ui/particles",0,"",["p-textarea-12",5,2,0],50,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 13","coss","Shorter textarea with fixed height","npx shadcn@latest add @coss/p-textarea-13","https://coss.com/ui/particles",0,"",["p-textarea-13",5,3,0],3,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 14","coss","Textarea with button aligned right","npx shadcn@latest add @coss/p-textarea-14","https://coss.com/ui/particles",0,"",["p-textarea-14",5,4,0],56,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 15","coss","Textarea with button aligned left","npx shadcn@latest add @coss/p-textarea-15","https://coss.com/ui/particles",0,"",["p-textarea-15",5,5,0],55,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Toast 1","coss","Default stacked toast with title and description","npx shadcn@latest add @coss/p-toast-1","https://coss.com/ui/particles",0,"",["p-toast-1",5,6,1],9,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 2","coss","Stacked toasts by semantic type (success, error, info, warning)","npx shadcn@latest add @coss/p-toast-2","https://coss.com/ui/particles",0,"",["p-toast-2",5,3,2],15,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 3","coss","Loading-state stacked toast","npx shadcn@latest add @coss/p-toast-3","https://coss.com/ui/particles",0,"",["p-toast-3",5,4,2],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 4","coss","Stacked toast with primary action (undo)","npx shadcn@latest add @coss/p-toast-4","https://coss.com/ui/particles",0,"",["p-toast-4",5,5,2],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 5","coss","Promise-based stacked toast","npx shadcn@latest add @coss/p-toast-5","https://coss.com/ui/particles",0,"",["p-toast-5",5,6,2],9,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 6","coss","Stacked toasts with varying content height","npx shadcn@latest add @coss/p-toast-6","https://coss.com/ui/particles",0,"",["p-toast-6",5,7,2],43,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 7","coss","Anchored tooltip-style toast after copy","npx shadcn@latest add @coss/p-toast-7","https://coss.com/ui/particles",0,"",["p-toast-7",5,0,3],3,"toast","toast|notification,alert,message|icons,monochrome,minimal|c"],["Toast 8","coss","Anchored error toast after async failure","npx shadcn@latest add @coss/p-toast-8","https://coss.com/ui/particles",0,"",["p-toast-8",5,1,3],6,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 9","coss","Long-running promise toast with cancel","npx shadcn@latest add @coss/p-toast-9","https://coss.com/ui/particles",0,"",["p-toast-9",5,2,3],9,"toast","toast|notification,alert,message|icons,monochrome,minimal|c"],["Toast 10","coss","Deduplicated success toast","npx shadcn@latest add @coss/p-toast-10","https://coss.com/ui/particles",0,"",["p-toast-10",5,7,1],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 11","coss","Deduplicated error toast","npx shadcn@latest add @coss/p-toast-11","https://coss.com/ui/particles",0,"",["p-toast-11",5,0,2],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 12","coss","Anchored deduplicated success toast","npx shadcn@latest add @coss/p-toast-12","https://coss.com/ui/particles",0,"",["p-toast-12",5,1,2],3,"toast","toast|notification,alert,message|icons,monochrome,minimal|c"],["Toast 13","coss","Anchored deduplicated error toast","npx shadcn@latest add @coss/p-toast-13","https://coss.com/ui/particles",0,"",["p-toast-13",5,2,2],3,"toast","toast|notification,alert,message|icons,monochrome,minimal|c"],["Toggle group 1","coss","Basic toggle group","npx shadcn@latest add @coss/p-toggle-group-1","https://coss.com/ui/particles",0,"",["p-toggle-group-1",5,3,4],4,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 2","coss","Small toggle group","npx shadcn@latest add @coss/p-toggle-group-2","https://coss.com/ui/particles",0,"",["p-toggle-group-2",5,4,4],4,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 3","coss","Large toggle group","npx shadcn@latest add @coss/p-toggle-group-3","https://coss.com/ui/particles",0,"",["p-toggle-group-3",5,5,4],5,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 4","coss","Toggle group with outline","npx shadcn@latest add @coss/p-toggle-group-4","https://coss.com/ui/particles",0,"",["p-toggle-group-4",5,6,4],5,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 5","coss","Vertical toggle group with outline","npx shadcn@latest add @coss/p-toggle-group-5","https://coss.com/ui/particles",0,"",["p-toggle-group-5",5,7,4],36,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 6","coss","Disabled toggle group","npx shadcn@latest add @coss/p-toggle-group-6","https://coss.com/ui/particles",0,"",["p-toggle-group-6",5,0,5],0,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 7","coss","Toggle group with disabled item","npx shadcn@latest add @coss/p-toggle-group-7","https://coss.com/ui/particles",0,"",["p-toggle-group-7",5,1,5],4,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 8","coss","Multiple selection toggle group","npx shadcn@latest add @coss/p-toggle-group-8","https://coss.com/ui/particles",0,"",["p-toggle-group-8",5,2,5],4,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 9","coss","Toggle group with tooltips","npx shadcn@latest add @coss/p-toggle-group-9","https://coss.com/ui/particles",0,"",["p-toggle-group-9",5,3,5],4,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle 1","coss","Basic toggle","npx shadcn@latest add @coss/p-toggle-1","https://coss.com/ui/particles",0,"",["p-toggle-1",5,3,3],5,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle 2","coss","Toggle with outline","npx shadcn@latest add @coss/p-toggle-2","https://coss.com/ui/particles",0,"",["p-toggle-2",5,4,3],10,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle 3","coss","Toggle with icon","npx shadcn@latest add @coss/p-toggle-3","https://coss.com/ui/particles",0,"",["p-toggle-3",5,5,3],34,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle 4","coss","Small toggle","npx shadcn@latest add @coss/p-toggle-4","https://coss.com/ui/particles",0,"",["p-toggle-4",5,6,3],6,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle 5","coss","Large toggle","npx shadcn@latest add @coss/p-toggle-5","https://coss.com/ui/particles",0,"",["p-toggle-5",5,7,3],6,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle 6","coss","Disabled toggle","npx shadcn@latest add @coss/p-toggle-6","https://coss.com/ui/particles",0,"",["p-toggle-6",5,0,4],0,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle 7","coss","Toggle icon group","npx shadcn@latest add @coss/p-toggle-7","https://coss.com/ui/particles",0,"",["p-toggle-7",5,1,4],4,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 8","coss","Bookmark toggle with tooltip and success toast","npx shadcn@latest add @coss/p-toggle-8","https://coss.com/ui/particles",0,"",["p-toggle-8",5,2,4],0,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toolbar 1","coss","Toolbar with toggles, buttons, and select","npx shadcn@latest add @coss/p-toolbar-1","https://coss.com/ui/particles",0,"",["p-toolbar-1",5,4,5],51,"button","menubar|toolbar,menu|icons,monochrome|c"],["Tooltip 1","coss","Basic tooltip","npx shadcn@latest add @coss/p-tooltip-1","https://coss.com/ui/particles",0,"",["p-tooltip-1",5,5,5],8,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 2","coss","Grouped tooltips","npx shadcn@latest add @coss/p-tooltip-2","https://coss.com/ui/particles",0,"",["p-tooltip-2",5,6,5],4,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 3","coss","Toggle group animated tooltip","npx shadcn@latest add @coss/p-tooltip-3","https://coss.com/ui/particles",0,"",["p-tooltip-3",5,7,5],4,"switch","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 4","coss","Vertical group with animated tooltip","npx shadcn@latest add @coss/p-tooltip-4","https://coss.com/ui/particles",0,"",["p-tooltip-4",5,0,6],38,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Button","affectui","Primary, secondary, ghost and destructive buttons with a loading shimmer.","npx shadcn@latest add https://www.affectui.com/r/button.json","https://www.affectui.com/components/button",0,"",["button",0,1,0],68,"button","button|cta,click,action|no icons,animated,monochrome,minimal|c"],["Change Summary","affectui","What changed since last week, as tinted metric rows.","npx shadcn@latest add https://www.affectui.com/r/change-summary.json","https://www.affectui.com/components/change-summary",0,"",["change-summary",0,2,0],83,"table","data table|table,analytics,rows,spreadsheet|icons,colorful|c"],["Comment Thread","affectui","A comment thread with an assistant that replies in place.","npx shadcn@latest add https://www.affectui.com/r/comment-thread.json","https://www.affectui.com/components/comment-thread",0,"",["comment-thread",0,3,0],76,"thinking","input|text field,form,form control|icons,avatar|c"],["Decision Inbox","affectui","Open decisions with two quick answers each; answered ones fold away.","npx shadcn@latest add https://www.affectui.com/r/decision-inbox.json","https://www.affectui.com/components/decision-inbox",0,"",["decision-inbox",0,5,0],82,"misc","card|container,notifications,surface|icons|c"],["Email Draft","affectui","An agent-written email you can retone and send.","npx shadcn@latest add https://www.affectui.com/r/email-draft.json","https://www.affectui.com/components/email-draft",0,"",["email-draft",0,6,0],65,"thinking","select|dropdown,pricing,account,options,form|icons|c"],["Filter Menu","affectui","Grouped filters with chips and keyboard hints.","npx shadcn@latest add https://www.affectui.com/r/filter-menu.json","https://www.affectui.com/components/filter-menu",0,"",["filter-menu",0,1,1],83,"dropdown","checkbox|dropdown menu,form,checklist|icons,monochrome|c"],["Message Actions","affectui","Copy, regenerate, rate and read aloud for an AI reply.","npx shadcn@latest add https://www.affectui.com/r/message-actions.json","https://www.affectui.com/components/message-actions",0,"",["message-actions",0,4,2],0,"thinking","input|text field,form,form control|icons,animated,monochrome|c"],["Notification Stack","affectui","Stacked product notices with patterned headers.","npx shadcn@latest add https://www.affectui.com/r/notification-stack.json","https://www.affectui.com/components/notification-stack",0,"",["notification-stack",0,6,2],80,"toast","toast|notification,notifications,alert,message|icons,animated|c"],["OTP Input","affectui","A one-time code field with verify, error and resend states.","npx shadcn@latest add https://www.affectui.com/r/otp-input.json","https://www.affectui.com/components/otp-input",0,"",["otp-input",0,0,3],81,"input","input|otp input,text field,form,form control|icons,animated,monochrome|c"],["Profile Menu","affectui","Account menu with a setup checklist.","npx shadcn@latest add https://www.affectui.com/r/profile-menu.json","https://www.affectui.com/components/profile-menu",0,"",["profile-menu",0,1,3],85,"dropdown","user menu|dropdown menu,settings,account,avatar|icons|c"],["Progress Tracker","affectui","Steps that tick off one by one as work completes.","npx shadcn@latest add https://www.affectui.com/r/progress-tracker.json","https://www.affectui.com/components/progress-tracker",0,"",["progress-tracker",0,2,3],79,"loader","tracker|audio player,team,progress bar,status,chart,dashboard|icons,animated,monochrome|c"],["Reaction Bar","affectui","Like, comment, repost and share with counts.","npx shadcn@latest add https://www.affectui.com/r/reaction-bar.json","https://www.affectui.com/components/reaction-bar",0,"",["reaction-bar",0,3,3],79,"misc","card|container,surface|icons|c"],["Segmented Control","affectui","A tray or underline switch between views.","npx shadcn@latest add https://www.affectui.com/r/segmented-control.json","https://www.affectui.com/components/segmented-control",0,"",["segmented-control",0,5,3],26,"tabs","segmented control|tabs,toggle group|no icons,monochrome,minimal|c"],["Smart Recommendation","affectui","Ranked suggestions with a signal meter and a reason.","npx shadcn@latest add https://www.affectui.com/r/smart-recommendation.json","https://www.affectui.com/components/smart-recommendation",0,"",["smart-recommendation",0,0,4],84,"misc","dropdown menu|menu,dropdown,actions|icons|c"],["Thinking Loader","affectui","A pill that cycles through what the agent is doing.","npx shadcn@latest add https://www.affectui.com/r/thinking-loader.json","https://www.affectui.com/components/thinking-loader",0,"",["thinking-loader",0,5,4],51,"thinking","loader|ai prompt,spinner,loading,progress|icons,monochrome,minimal|c"],["Tips Panel","affectui","Onboarding tips with one action each.","npx shadcn@latest add https://www.affectui.com/r/tips-panel.json","https://www.affectui.com/components/tips-panel",0,"",["tips-panel",0,6,4],85,"misc","card|container,surface|no icons,monochrome|c"],["Tool Call Card","affectui","An agent's tool call in one line that folds open to arguments and result.","npx shadcn@latest add https://www.affectui.com/r/tool-call-card.json","https://www.affectui.com/components/tool-call-card",0,"",["tool-call-card",0,7,4],81,"card","card|container,surface|icons,animated|c"],["Agent Team","affectui","Three agents and their tools, set up from one prompt.","npx shadcn@latest add https://www.affectui.com/r/agent-team.json","https://www.affectui.com/components/agent-team",0,"",["agent-team",0,0,0],96,"thinking|b","team section|ai prompt,team,people,avatars|icons,images|b"],["Cover Flow","affectui","A 3D cover carousel with reflections.","npx shadcn@latest add https://www.affectui.com/r/cover-flow.json","https://www.affectui.com/components/cover-flow",0,"",["cover-flow",0,4,0],100,"carousel","carousel|slider,media,gallery,swipe|icons,monochrome|c"],["Empty Calendar","affectui","An empty-state illustration for a free calendar.","npx shadcn@latest add https://www.affectui.com/r/empty-calendar.json","https://www.affectui.com/components/empty-calendar",0,"",["empty-calendar",0,7,0],91,"datepicker","calendar|date,date picker,schedule|no icons,animated|c"],["Enrichment Orbit","affectui","Data sources orbiting a record as it is enriched.","npx shadcn@latest add https://www.affectui.com/r/enrichment-orbit.json","https://www.affectui.com/components/enrichment-orbit",0,"",["enrichment-orbit",0,0,1],75,"misc","background|animated background,effect,hero background|no icons,animated|c"],["Frost Cloud","affectui","A frosted glass cloud that follows the pointer.","npx shadcn@latest add https://www.affectui.com/r/frost-cloud.json","https://www.affectui.com/components/frost-cloud",0,"",["frost-cloud",0,2,1],99,"misc","cursor effect|cursor,interaction,animation|no icons|c"],["Ghosted Chat","affectui","An empty-state illustration for a quiet conversation.","npx shadcn@latest add https://www.affectui.com/r/ghosted-chat.json","https://www.affectui.com/components/ghosted-chat",0,"",["ghosted-chat",0,3,1],80,"thinking","chat|messages,ai,input|no icons,animated|c"],["Glow Cloud","affectui","A soft glowing cloud that follows the pointer.","npx shadcn@latest add https://www.affectui.com/r/glow-cloud.json","https://www.affectui.com/components/glow-cloud",0,"",["glow-cloud",0,4,1],99,"misc","background|animated background,effect,hero background|no icons|c"],["Integration Beam","affectui","Data beams flowing between tools and your app.","npx shadcn@latest add https://www.affectui.com/r/integration-beam.json","https://www.affectui.com/components/integration-beam",0,"",["integration-beam",0,6,1],78,"background|b","integrations|background,logos,apps|icons|b"],["Integration Grid","affectui","A grid of brand logos lighting up.","npx shadcn@latest add https://www.affectui.com/r/integration-grid.json","https://www.affectui.com/components/integration-grid",0,"",["integration-grid",0,7,1],96,"misc|b","integrations|logos,apps|no icons,monochrome,minimal|b"],["Layer Stack","affectui","Stacked layers that cycle through a product architecture.","npx shadcn@latest add https://www.affectui.com/r/layer-stack.json","https://www.affectui.com/components/layer-stack",0,"",["layer-stack",0,0,2],92,"carousel","tabs|tab bar,segmented control,navigation|no icons,animated|c"],["Lead Sourcing","affectui","Leads being found and scored.","npx shadcn@latest add https://www.affectui.com/r/lead-sourcing.json","https://www.affectui.com/components/lead-sourcing",0,"",["lead-sourcing",0,1,2],98,"misc","card|container,surface|no icons|c"],["Logo Cluster","affectui","A cluster of integration logos.","npx shadcn@latest add https://www.affectui.com/r/logo-cluster.json","https://www.affectui.com/components/logo-cluster",0,"",["logo-cluster",0,2,2],100,"misc","card|container,surface|icons,animated,colorful|c"],["Model Wheel","affectui","A wheel that spins through AI models.","npx shadcn@latest add https://www.affectui.com/r/model-wheel.json","https://www.affectui.com/components/model-wheel",0,"",["model-wheel",0,5,2],58,"thinking","ai prompt|ai,chat,input|icons,colorful|c"],["Region Map","affectui","A dotted map with a region switcher.","npx shadcn@latest add https://www.affectui.com/r/region-dach.json","https://www.affectui.com/components/region-dach",0,"",["region-dach",0,4,3],90,"map","map|globe,location|icons,animated|c"],["Side Folder","affectui","A folder with files sliding out.","npx shadcn@latest add https://www.affectui.com/r/side-folder.json","https://www.affectui.com/components/side-folder",0,"",["side-folder",0,7,3],100,"upload","tree view|file tree,nested list|no icons,animated|c"],["Tab Overload","affectui","Too many browser tabs, as an illustration.","npx shadcn@latest add https://www.affectui.com/r/tab-overload.json","https://www.affectui.com/components/tab-overload",0,"",["tab-overload",0,1,4],94,"tabs","tabs|tab bar,segmented control,navigation|no icons,animated|c"],["Team Invite","affectui","Three avatars joining a team.","npx shadcn@latest add https://www.affectui.com/r/team-invite.json","https://www.affectui.com/components/team-invite",0,"",["team-invite",0,2,4],87,"section|b","team section|team,people,avatars|no icons,images,animated|b"],["Grid Background","affectui","A moving grid that reveals content.","npx shadcn@latest add https://www.affectui.com/r/grid-background.json","https://www.affectui.com/components/grid-background",0,"",["grid-background",0,5,1],12,"background","background|animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Number Ticker","affectui","A number that rolls up to its value.","npx shadcn@latest add https://www.affectui.com/r/number-ticker.json","https://www.affectui.com/components/number-ticker",0,"",["number-ticker",0,7,2],59,"text","number ticker|marquee,pricing,counter,text effect,animated number|no icons,monochrome|c"],["Shimmer Loader","affectui","Skeleton blocks with a soft shimmer.","npx shadcn@latest add https://www.affectui.com/r/shimmer-loader.json","https://www.affectui.com/components/shimmer-loader",0,"",["shimmer-loader",0,6,3],84,"loader","loader|skeleton,spinner,loading,progress|no icons,avatar,animated,monochrome,minimal|c"],["Text Reveal","affectui","Words that fade and rise in one by one.","npx shadcn@latest add https://www.affectui.com/r/text-reveal.json","https://www.affectui.com/components/text-reveal",0,"",["text-reveal",0,4,4],45,"text","text effect|text animation,team,typography,animated text|no icons,animated,monochrome|c"],["Logo Marquee","affectui","A scrolling row of customer logos.","npx shadcn@latest add https://www.affectui.com/r/logo-marquee.json","https://www.affectui.com/components/logo-marquee",0,"",["logo-marquee",0,3,2],47,"carousel","marquee|infinite scroll,logos,animation|no icons,monochrome|c"],["Testimonial Wall","affectui","An auto-scrolling wall of customer quotes.","npx shadcn@latest add https://www.affectui.com/r/testimonial-wall.json","https://www.affectui.com/components/testimonial-wall",0,"",["testimonial-wall",0,3,4],69,"card|b","testimonials|reviews,social proof,quotes|icons,monochrome|b"],["Echarts area chart: Default","evilcharts","Echarts area chart with the default option.","npx shadcn@latest add @evilcharts/ex-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-echarts-area-chart",0,0,10],73,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Brush","evilcharts","Echarts area chart with the brush option.","npx shadcn@latest add @evilcharts/ex-brush-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-brush-echarts-area-chart",0,5,4],74,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Buffer","evilcharts","Echarts area chart with the buffer option.","npx shadcn@latest add @evilcharts/ex-buffer-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-buffer-echarts-area-chart",0,7,4],74,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Svg renderer","evilcharts","Echarts area chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-svg-renderer-echarts-area-chart",2,2,4],59,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Echarts area chart: Hover reveal","evilcharts","Echarts area chart with the hover reveal option.","npx shadcn@latest add @evilcharts/ex-hover-reveal-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-hover-reveal-echarts-area-chart",1,3,5],65,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Solid stroke","evilcharts","Echarts area chart with the solid stroke option.","npx shadcn@latest add @evilcharts/ex-solid-stroke-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-solid-stroke-echarts-area-chart",2,1,2],69,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Stacked type","evilcharts","Echarts area chart with the stacked type option.","npx shadcn@latest add @evilcharts/ex-stacked-type-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-stacked-type-echarts-area-chart",2,0,3],33,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Dashed stroke","evilcharts","Echarts area chart with the dashed stroke option.","npx shadcn@latest add @evilcharts/ex-dashed-stroke-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-dashed-stroke-echarts-area-chart",0,3,7],33,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Expanded type","evilcharts","Echarts area chart with the expanded type option.","npx shadcn@latest add @evilcharts/ex-expanded-type-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-expanded-type-echarts-area-chart",0,5,10],70,"chart","area chart|accordion,chart,graph,dashboard|no icons|c"],["Echarts area chart: Loading state","evilcharts","Echarts area chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-loading-state-echarts-area-chart",1,7,8],37,"loader","area chart|loader,chart,graph,dashboard|no icons|c"],["Echarts area chart: Hover highlight","evilcharts","Echarts area chart with the hover highlight option.","npx shadcn@latest add @evilcharts/ex-hover-highlight-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-hover-highlight-echarts-area-chart",1,0,5],33,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Bump curve type","evilcharts","Echarts area chart with the bump curve type option.","npx shadcn@latest add @evilcharts/ex-bump-curve-type-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-bump-curve-type-echarts-area-chart",0,6,5],71,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Gradient colors","evilcharts","Echarts area chart with the gradient colors option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-gradient-colors-echarts-area-chart",1,3,1],62,"background","area chart|background,chart,graph,dashboard|no icons|c"],["Echarts area chart: Step curve type","evilcharts","Echarts area chart with the step curve type option.","npx shadcn@latest add @evilcharts/ex-step-curve-type-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-step-curve-type-echarts-area-chart",2,3,3],73,"chart","area chart|stepper,chart,graph,dashboard|no icons|c"],["Echarts area chart: Lines area variant","evilcharts","Echarts area chart with the lines area variant option.","npx shadcn@latest add @evilcharts/ex-lines-area-variant-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-lines-area-variant-echarts-area-chart",1,1,8],63,"chart","line chart|area chart,chart,graph,dashboard|no icons|c"],["Echarts area chart: Solid area variant","evilcharts","Echarts area chart with the solid area variant option.","npx shadcn@latest add @evilcharts/ex-solid-area-variant-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-solid-area-variant-echarts-area-chart",2,3,1],76,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Dotted area variant","evilcharts","Echarts area chart with the dotted area variant option.","npx shadcn@latest add @evilcharts/ex-dotted-area-variant-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-dotted-area-variant-echarts-area-chart",0,1,9],63,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Gradient colors bump","evilcharts","Echarts area chart with the gradient colors bump option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-bump-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-gradient-colors-bump-echarts-area-chart",1,7,0],62,"background","area chart|background,chart,graph,dashboard|no icons|c"],["Echarts area chart: Hatched area variant","evilcharts","Echarts area chart with the hatched area variant option.","npx shadcn@latest add @evilcharts/ex-hatched-area-variant-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-hatched-area-variant-echarts-area-chart",1,7,3],70,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Monotoney curve type","evilcharts","Echarts area chart with the monotoney curve type option.","npx shadcn@latest add @evilcharts/ex-monotoney-curve-type-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-monotoney-curve-type-echarts-area-chart",1,2,11],71,"chart","area chart|chart,graph,dashboard|no icons|c"],["Echarts area chart: Gradient area variant","evilcharts","Echarts area chart with the gradient area variant option.","npx shadcn@latest add @evilcharts/ex-gradient-area-variant-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-gradient-area-variant-echarts-area-chart",1,3,0],33,"background","area chart|background,chart,graph,dashboard|no icons|c"],["Echarts area chart: Animated dashed stroke","evilcharts","Echarts area chart with the animated dashed stroke option.","npx shadcn@latest add @evilcharts/ex-animated-dashed-stroke-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-animated-dashed-stroke-echarts-area-chart",0,2,2],65,"chart","area chart|chart,graph,dashboard|no icons,animated|c"],["Echarts area chart: Gradient reverse area variant","evilcharts","Echarts area chart with the gradient reverse area variant option.","npx shadcn@latest add @evilcharts/ex-gradient-reverse-area-variant-echarts-area-chart","https://evilcharts.com/docs/echarts/area-chart/static",0,"",["ex-gradient-reverse-area-variant-echarts-area-chart",1,1,3],66,"chart","area chart|background,chart,graph,dashboard|no icons|c"],["Echarts line chart: Default","evilcharts","Echarts line chart with the default option.","npx shadcn@latest add @evilcharts/ex-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-echarts-line-chart",0,2,10],71,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Buffer","evilcharts","Echarts line chart with the buffer option.","npx shadcn@latest add @evilcharts/ex-buffer-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-buffer-echarts-line-chart",0,1,5],71,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Dot ping","evilcharts","Echarts line chart with the dot ping option.","npx shadcn@latest add @evilcharts/ex-dot-ping-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-dot-ping-echarts-line-chart",0,5,8],78,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Dot border","evilcharts","Echarts line chart with the dot border option.","npx shadcn@latest add @evilcharts/ex-dot-border-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-dot-border-echarts-line-chart",0,1,8],69,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Svg renderer","evilcharts","Echarts line chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-svg-renderer-echarts-line-chart",2,6,4],71,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Echarts line chart: Solid stroke","evilcharts","Echarts line chart with the solid stroke option.","npx shadcn@latest add @evilcharts/ex-solid-stroke-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-solid-stroke-echarts-line-chart",2,2,2],66,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Hover reveal","evilcharts","Echarts line chart with the hover reveal option.","npx shadcn@latest add @evilcharts/ex-hover-reveal-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-hover-reveal-echarts-line-chart",1,4,5],66,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Loading state","evilcharts","Echarts line chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-loading-state-echarts-line-chart",1,3,9],37,"loader","line chart|loader,chart,graph,dashboard|no icons|c"],["Echarts line chart: Dashed stroke","evilcharts","Echarts line chart with the dashed stroke option.","npx shadcn@latest add @evilcharts/ex-dashed-stroke-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-dashed-stroke-echarts-line-chart",0,5,7],62,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Legend square","evilcharts","Echarts line chart with the legend square option.","npx shadcn@latest add @evilcharts/ex-legend-square-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-legend-square-echarts-line-chart",1,3,7],66,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Legend circle","evilcharts","Echarts line chart with the legend circle option.","npx shadcn@latest add @evilcharts/ex-legend-circle-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-legend-circle-echarts-line-chart",1,1,6],65,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Glowing mobile","evilcharts","Echarts line chart with the glowing mobile option.","npx shadcn@latest add @evilcharts/ex-glowing-mobile-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-glowing-mobile-echarts-line-chart",0,6,11],84,"chart","line chart|background,chart,graph,dashboard|no icons|c"],["Echarts line chart: Gradient colors","evilcharts","Echarts line chart with the gradient colors option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-gradient-colors-echarts-line-chart",1,6,1],65,"background","line chart|background,chart,graph,dashboard|no icons|c"],["Echarts line chart: Bump curve type","evilcharts","Echarts line chart with the bump curve type option.","npx shadcn@latest add @evilcharts/ex-bump-curve-type-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-bump-curve-type-echarts-line-chart",0,7,5],71,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Step curve type","evilcharts","Echarts line chart with the step curve type option.","npx shadcn@latest add @evilcharts/ex-step-curve-type-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-step-curve-type-echarts-line-chart",2,4,3],71,"chart","line chart|stepper,chart,graph,dashboard|no icons|c"],["Echarts line chart: Glowing desktop","evilcharts","Echarts line chart with the glowing desktop option.","npx shadcn@latest add @evilcharts/ex-glowing-desktop-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-glowing-desktop-echarts-line-chart",0,1,11],84,"chart","line chart|background,chart,graph,dashboard|no icons|c"],["Echarts line chart: Dot colored border","evilcharts","Echarts line chart with the dot colored border option.","npx shadcn@latest add @evilcharts/ex-dot-colored-border-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-dot-colored-border-echarts-line-chart",0,3,8],64,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Legend vertical bar","evilcharts","Echarts line chart with the legend vertical bar option.","npx shadcn@latest add @evilcharts/ex-legend-vertical-bar-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-legend-vertical-bar-echarts-line-chart",1,5,7],65,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Gradient colors bump","evilcharts","Echarts line chart with the gradient colors bump option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-bump-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-gradient-colors-bump-echarts-line-chart",1,0,1],65,"background","line chart|background,chart,graph,dashboard|no icons|c"],["Echarts line chart: Monotoney curve type","evilcharts","Echarts line chart with the monotoney curve type option.","npx shadcn@latest add @evilcharts/ex-monotoney-curve-type-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-monotoney-curve-type-echarts-line-chart",1,3,11],71,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Legend circle outline","evilcharts","Echarts line chart with the legend circle outline option.","npx shadcn@latest add @evilcharts/ex-legend-circle-outline-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-legend-circle-outline-echarts-line-chart",1,3,6],65,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Legend rounded square","evilcharts","Echarts line chart with the legend rounded square option.","npx shadcn@latest add @evilcharts/ex-legend-rounded-square-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-legend-rounded-square-echarts-line-chart",1,7,6],66,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Legend horizontal bar","evilcharts","Echarts line chart with the legend horizontal bar option.","npx shadcn@latest add @evilcharts/ex-legend-horizontal-bar-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-legend-horizontal-bar-echarts-line-chart",1,5,6],65,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts line chart: Animated dashed stroke","evilcharts","Echarts line chart with the animated dashed stroke option.","npx shadcn@latest add @evilcharts/ex-animated-dashed-stroke-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-animated-dashed-stroke-echarts-line-chart",0,4,2],62,"chart","line chart|chart,graph,dashboard|no icons,animated|c"],["Echarts line chart: Legend rounded square outline","evilcharts","Echarts line chart with the legend rounded square outline option.","npx shadcn@latest add @evilcharts/ex-legend-rounded-square-outline-echarts-line-chart","https://evilcharts.com/docs/echarts/line-chart/static",0,"",["ex-legend-rounded-square-outline-echarts-line-chart",1,1,7],65,"chart","line chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Tooltip default","evilcharts","Echarts bar chart with the tooltip default option.","npx shadcn@latest add @evilcharts/ex-tooltip-default-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-tooltip-default-echarts-bar-chart",2,6,5],98,"chart","bar chart|tooltip,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Chart config default","evilcharts","Echarts bar chart with the chart config default option.","npx shadcn@latest add @evilcharts/ex-chart-config-default-echarts-bar-chart","https://evilcharts.com/docs/chart-config",0,"",["ex-chart-config-default-echarts-bar-chart",0,2,6],98,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Default","evilcharts","Echarts bar chart with the default option.","npx shadcn@latest add @evilcharts/ex-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-echarts-bar-chart",0,1,10],100,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Buffer","evilcharts","Echarts bar chart with the buffer option.","npx shadcn@latest add @evilcharts/ex-buffer-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-buffer-echarts-bar-chart",0,0,5],95,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Svg renderer","evilcharts","Echarts bar chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-svg-renderer-echarts-bar-chart",2,3,4],100,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Echarts bar chart: Stacked type","evilcharts","Echarts bar chart with the stacked type option.","npx shadcn@latest add @evilcharts/ex-stacked-type-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-stacked-type-echarts-bar-chart",2,1,3],99,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Percent type","evilcharts","Echarts bar chart with the percent type option.","npx shadcn@latest add @evilcharts/ex-percent-type-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-percent-type-echarts-bar-chart",2,5,0],95,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Loading state","evilcharts","Echarts bar chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-loading-state-echarts-bar-chart",1,0,9],82,"chart","bar chart|loader,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Max highlight","evilcharts","Echarts bar chart with the max highlight option.","npx shadcn@latest add @evilcharts/ex-max-highlight-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-max-highlight-echarts-bar-chart",1,6,10],100,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Blocks variant","evilcharts","Echarts bar chart with the blocks variant option.","npx shadcn@latest add @evilcharts/ex-blocks-variant-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/blocks",0,"",["ex-blocks-variant-echarts-bar-chart",0,3,4],70,"chart","bar chart|content section,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Glowing mobile","evilcharts","Echarts bar chart with the glowing mobile option.","npx shadcn@latest add @evilcharts/ex-glowing-mobile-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-glowing-mobile-echarts-bar-chart",0,5,11],100,"chart","bar chart|background,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Gradient colors","evilcharts","Echarts bar chart with the gradient colors option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-gradient-colors-echarts-bar-chart",1,4,1],98,"chart","bar chart|background,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Hatched variant","evilcharts","Echarts bar chart with the hatched variant option.","npx shadcn@latest add @evilcharts/ex-hatched-variant-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-hatched-variant-echarts-bar-chart",1,2,4],88,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Duotone variant","evilcharts","Echarts bar chart with the duotone variant option.","npx shadcn@latest add @evilcharts/ex-duotone-variant-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-duotone-variant-echarts-bar-chart",0,6,9],100,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Hover highlight","evilcharts","Echarts bar chart with the hover highlight option.","npx shadcn@latest add @evilcharts/ex-hover-highlight-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-hover-highlight-echarts-bar-chart",1,1,5],98,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Glowing desktop","evilcharts","Echarts bar chart with the glowing desktop option.","npx shadcn@latest add @evilcharts/ex-glowing-desktop-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-glowing-desktop-echarts-bar-chart",0,0,11],100,"chart","bar chart|background,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Gradient variant","evilcharts","Echarts bar chart with the gradient variant option.","npx shadcn@latest add @evilcharts/ex-gradient-variant-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-gradient-variant-echarts-bar-chart",1,4,3],100,"chart","bar chart|background,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Stripped variant","evilcharts","Echarts bar chart with the stripped variant option.","npx shadcn@latest add @evilcharts/ex-stripped-variant-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-stripped-variant-echarts-bar-chart",2,0,4],94,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Horizontal layout","evilcharts","Echarts bar chart with the horizontal layout option.","npx shadcn@latest add @evilcharts/ex-horizontal-layout-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-horizontal-layout-echarts-bar-chart",1,5,4],99,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts bar chart: Expandable variant","evilcharts","Echarts bar chart with the expandable variant option.","npx shadcn@latest add @evilcharts/ex-expandable-variant-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-expandable-variant-echarts-bar-chart",0,3,10],70,"chart","bar chart|accordion,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Chart config icons","evilcharts","Echarts bar chart with the chart config icons option.","npx shadcn@latest add @evilcharts/ex-chart-config-icons-echarts-bar-chart","https://evilcharts.com/docs/chart-config",0,"",["ex-chart-config-icons-echarts-bar-chart",0,4,6],98,"chart","bar chart|animated icon,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Tooltip frosted glass","evilcharts","Echarts bar chart with the tooltip frosted glass option.","npx shadcn@latest add @evilcharts/ex-tooltip-frosted-glass-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-tooltip-frosted-glass-echarts-bar-chart",2,0,6],99,"chart","bar chart|tooltip,chart,graph,dashboard|no icons|c"],["Echarts bar chart: Duotone reverse variant","evilcharts","Echarts bar chart with the duotone reverse variant option.","npx shadcn@latest add @evilcharts/ex-duotone-reverse-variant-echarts-bar-chart","https://evilcharts.com/docs/echarts/bar-chart/static",0,"",["ex-duotone-reverse-variant-echarts-bar-chart",0,3,9],100,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Echarts composed chart: Dots","evilcharts","Echarts composed chart with the dots option.","npx shadcn@latest add @evilcharts/ex-dots-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-dots-echarts-composed-chart",0,7,8],97,"chart","chart|graph,analytics,data,dashboard|no icons|c"],["Echarts composed chart: Glowing","evilcharts","Echarts composed chart with the glowing option.","npx shadcn@latest add @evilcharts/ex-glowing-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-glowing-echarts-composed-chart",0,3,11],100,"chart","chart|background,analytics,graph,data,dashboard|no icons|c"],["Echarts composed chart: Bump curve","evilcharts","Echarts composed chart with the bump curve option.","npx shadcn@latest add @evilcharts/ex-bump-curve-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-bump-curve-echarts-composed-chart",0,4,5],97,"chart","chart|graph,analytics,data,dashboard|no icons|c"],["Echarts composed chart: Svg renderer","evilcharts","Echarts composed chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-svg-renderer-echarts-composed-chart",2,4,4],99,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Echarts composed chart: Loading state","evilcharts","Echarts composed chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-loading-state-echarts-composed-chart",1,1,9],81,"loader","chart|loader,graph,data,dashboard|no icons|c"],["Echarts composed chart: Dashed stroke","evilcharts","Echarts composed chart with the dashed stroke option.","npx shadcn@latest add @evilcharts/ex-dashed-stroke-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-dashed-stroke-echarts-composed-chart",0,4,7],97,"chart","chart|graph,analytics,data,dashboard|no icons|c"],["Echarts composed chart: Gradient colors","evilcharts","Echarts composed chart with the gradient colors option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-gradient-colors-echarts-composed-chart",1,5,1],98,"background","chart|background,analytics,graph,data,dashboard|no icons|c"],["Echarts composed chart: Hatched variant","evilcharts","Echarts composed chart with the hatched variant option.","npx shadcn@latest add @evilcharts/ex-hatched-variant-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-hatched-variant-echarts-composed-chart",1,3,4],81,"chart","chart|graph,analytics,data,dashboard|no icons|c"],["Echarts composed chart: Duotone variant","evilcharts","Echarts composed chart with the duotone variant option.","npx shadcn@latest add @evilcharts/ex-duotone-variant-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-duotone-variant-echarts-composed-chart",0,7,9],100,"chart","chart|graph,analytics,data,dashboard|no icons|c"],["Echarts composed chart: Hover highlight","evilcharts","Echarts composed chart with the hover highlight option.","npx shadcn@latest add @evilcharts/ex-hover-highlight-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-hover-highlight-echarts-composed-chart",1,2,5],97,"chart","chart|graph,analytics,data,dashboard|no icons|c"],["Echarts composed chart: Gradient variant","evilcharts","Echarts composed chart with the gradient variant option.","npx shadcn@latest add @evilcharts/ex-gradient-variant-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-gradient-variant-echarts-composed-chart",1,5,3],100,"background","chart|background,analytics,graph,data,dashboard|no icons|c"],["Echarts composed chart: Stripped variant","evilcharts","Echarts composed chart with the stripped variant option.","npx shadcn@latest add @evilcharts/ex-stripped-variant-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-stripped-variant-echarts-composed-chart",2,1,4],93,"chart","chart|graph,analytics,data,dashboard|no icons|c"],["Echarts composed chart: Animated dashed stroke","evilcharts","Echarts composed chart with the animated dashed stroke option.","npx shadcn@latest add @evilcharts/ex-animated-dashed-stroke-echarts-composed-chart","https://evilcharts.com/docs/echarts/composed-chart/static",0,"",["ex-animated-dashed-stroke-echarts-composed-chart",0,3,2],97,"chart","chart|graph,analytics,data,dashboard|no icons,animated|c"],["Echarts radar chart: Circle grid","evilcharts","Echarts radar chart with the circle grid option.","npx shadcn@latest add @evilcharts/ex-circle-grid-echarts-radar-chart","https://evilcharts.com/docs/echarts/radar-chart/static",0,"",["ex-circle-grid-echarts-radar-chart",0,5,6],44,"chart","radar chart|chart,dashboard|no icons|c"],["Echarts radar chart: Svg renderer","evilcharts","Echarts radar chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-radar-chart","https://evilcharts.com/docs/echarts/radar-chart/static",0,"",["ex-svg-renderer-echarts-radar-chart",2,0,5],45,"chart","radar chart|chart,dashboard|no icons|c"],["Echarts radar chart: Lines variant","evilcharts","Echarts radar chart with the lines variant option.","npx shadcn@latest add @evilcharts/ex-lines-variant-echarts-radar-chart","https://evilcharts.com/docs/echarts/radar-chart/static",0,"",["ex-lines-variant-echarts-radar-chart",1,2,8],63,"chart","line chart|radar chart,chart,graph,dashboard|no icons|c"],["Echarts radar chart: Loading state","evilcharts","Echarts radar chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-radar-chart","https://evilcharts.com/docs/echarts/radar-chart/static",0,"",["ex-loading-state-echarts-radar-chart",1,5,9],33,"loader","radar chart|loader,chart,dashboard|no icons|c"],["Echarts radar chart: Gradient colors","evilcharts","Echarts radar chart with the gradient colors option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-echarts-radar-chart","https://evilcharts.com/docs/echarts/radar-chart/static",0,"",["ex-gradient-colors-echarts-radar-chart",1,0,2],40,"background","radar chart|background,chart,dashboard|no icons|c"],["Echarts pie chart: Donut","evilcharts","Echarts pie chart with the donut option.","npx shadcn@latest add @evilcharts/ex-donut-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["ex-donut-echarts-pie-chart",0,7,7],98,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Echarts pie chart: Padded","evilcharts","Echarts pie chart with the padded option.","npx shadcn@latest add @evilcharts/ex-padded-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["ex-padded-echarts-pie-chart",2,2,0],98,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Echarts pie chart: Labels","evilcharts","Echarts pie chart with the labels option.","npx shadcn@latest add @evilcharts/ex-labels-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["ex-labels-echarts-pie-chart",1,7,5],98,"chart","pie chart|input,chart,donut,dashboard|no icons|c"],["Echarts pie chart: Svg renderer","evilcharts","Echarts pie chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["ex-svg-renderer-echarts-pie-chart",2,7,4],97,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Echarts pie chart: Loading state","evilcharts","Echarts pie chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["ex-loading-state-echarts-pie-chart",1,4,9],82,"loader","pie chart|loader,chart,donut,dashboard|no icons|c"],["Echarts pie chart: Outside labels","evilcharts","Echarts pie chart with the outside labels option.","npx shadcn@latest add @evilcharts/ex-outside-labels-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["ex-outside-labels-echarts-pie-chart",1,5,11],95,"chart","pie chart|input,chart,donut,dashboard|no icons|c"],["Echarts pie chart: Gradient colors","evilcharts","Echarts pie chart with the gradient colors option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["ex-gradient-colors-echarts-pie-chart",1,7,1],99,"background","pie chart|background,chart,donut,dashboard|no icons|c"],["Echarts pie chart: Overlapping padded","evilcharts","Echarts pie chart with the overlapping padded option.","npx shadcn@latest add @evilcharts/ex-overlapping-padded-echarts-pie-chart","https://evilcharts.com/docs/echarts/pie-chart/static",0,"",["ex-overlapping-padded-echarts-pie-chart",2,0,0],99,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Echarts radial chart: Svg renderer","evilcharts","Echarts radial chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["ex-svg-renderer-echarts-radial-chart",2,1,5],100,"chart","radial chart|chart,gauge,dashboard|no icons|c"],["Echarts radial chart: Semi variant","evilcharts","Echarts radial chart with the semi variant option.","npx shadcn@latest add @evilcharts/ex-semi-variant-echarts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["ex-semi-variant-echarts-radial-chart",2,0,1],100,"chart","radial chart|chart,gauge,dashboard|no icons|c"],["Echarts radial chart: Loading state","evilcharts","Echarts radial chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["ex-loading-state-echarts-radial-chart",1,6,9],86,"loader","radial chart|loader,chart,gauge,dashboard|no icons|c"],["Echarts radial chart: Gradient colors","evilcharts","Echarts radial chart with the gradient colors option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-echarts-radial-chart","https://evilcharts.com/docs/echarts/radial-chart/static",0,"",["ex-gradient-colors-echarts-radial-chart",1,1,2],100,"background","radial chart|background,chart,gauge,dashboard|no icons|c"],["Echarts sankey chart: Svg renderer","evilcharts","Echarts sankey chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["ex-svg-renderer-echarts-sankey-chart",2,2,5],99,"chart","sankey chart|chart,search,dashboard|no icons|c"],["Echarts sankey chart: Loading state","evilcharts","Echarts sankey chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["ex-loading-state-echarts-sankey-chart",1,7,9],59,"loader","sankey chart|loader,chart,dashboard|no icons|c"],["Echarts sankey chart: Labeled nodes","evilcharts","Echarts sankey chart with the labeled nodes option.","npx shadcn@latest add @evilcharts/ex-labeled-nodes-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["ex-labeled-nodes-echarts-sankey-chart",1,5,5],97,"chart","sankey chart|input,chart,dashboard|no icons|c"],["Echarts sankey chart: Outside labels","evilcharts","Echarts sankey chart with the outside labels option.","npx shadcn@latest add @evilcharts/ex-outside-labels-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["ex-outside-labels-echarts-sankey-chart",1,6,11],99,"chart","sankey chart|input,chart,dashboard|no icons|c"],["Echarts sankey chart: Gradient colors","evilcharts","Echarts sankey chart with the gradient colors option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["ex-gradient-colors-echarts-sankey-chart",1,2,2],100,"background","sankey chart|background,chart,dashboard|no icons|c"],["Echarts sankey chart: Solid link variant","evilcharts","Echarts sankey chart with the solid link variant option.","npx shadcn@latest add @evilcharts/ex-solid-link-variant-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["ex-solid-link-variant-echarts-sankey-chart",2,6,1],99,"chart","sankey chart|link,chart,dashboard|no icons|c"],["Echarts sankey chart: Source link variant","evilcharts","Echarts sankey chart with the source link variant option.","npx shadcn@latest add @evilcharts/ex-source-link-variant-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["ex-source-link-variant-echarts-sankey-chart",2,4,2],99,"chart","sankey chart|link,chart,dashboard|no icons|c"],["Echarts sankey chart: Solid labeled nodes","evilcharts","Echarts sankey chart with the solid labeled nodes option.","npx shadcn@latest add @evilcharts/ex-solid-labeled-nodes-echarts-sankey-chart","https://evilcharts.com/docs/echarts/sankey-chart/static",0,"",["ex-solid-labeled-nodes-echarts-sankey-chart",2,4,1],95,"chart","sankey chart|input,chart,dashboard|no icons|c"],["Echarts heatmap chart: Clickable","evilcharts","Echarts heatmap chart with the clickable option.","npx shadcn@latest add @evilcharts/ex-clickable-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["ex-clickable-echarts-heatmap-chart",0,7,6],87,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Echarts heatmap chart: Year range","evilcharts","Echarts heatmap chart with the year range option.","npx shadcn@latest add @evilcharts/ex-year-range-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["ex-year-range-echarts-heatmap-chart",2,1,6],82,"chart","heatmap|slider,chart,calendar,dashboard|no icons|c"],["Echarts heatmap chart: Thresholds","evilcharts","Echarts heatmap chart with the thresholds option.","npx shadcn@latest add @evilcharts/ex-thresholds-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["ex-thresholds-echarts-heatmap-chart",2,3,5],86,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Echarts heatmap chart: Svg renderer","evilcharts","Echarts heatmap chart with the svg renderer option.","npx shadcn@latest add @evilcharts/ex-svg-renderer-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["ex-svg-renderer-echarts-heatmap-chart",2,5,4],86,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Echarts heatmap chart: Monday start","evilcharts","Echarts heatmap chart with the monday start option.","npx shadcn@latest add @evilcharts/ex-monday-start-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["ex-monday-start-echarts-heatmap-chart",1,7,10],87,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Echarts heatmap chart: Loading state","evilcharts","Echarts heatmap chart with the loading state option.","npx shadcn@latest add @evilcharts/ex-loading-state-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["ex-loading-state-echarts-heatmap-chart",1,2,9],62,"loader","heatmap|loader,chart,calendar,dashboard|no icons|c"],["Echarts heatmap chart: Rounded cells","evilcharts","Echarts heatmap chart with the rounded cells option.","npx shadcn@latest add @evilcharts/ex-rounded-cells-echarts-heatmap-chart","https://evilcharts.com/docs/echarts/heatmap-chart/static",0,"",["ex-rounded-cells-echarts-heatmap-chart",2,6,0],100,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Recharts area chart: Area chart","evilcharts","Recharts area chart with the area chart option.","npx shadcn@latest add @evilcharts/ex-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-area-chart",0,6,2],70,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Brush area chart","evilcharts","Recharts area chart with the brush area chart option.","npx shadcn@latest add @evilcharts/ex-brush-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-brush-area-chart",0,4,4],64,"chart","area chart|chart,graph,dashboard|no icons|c"],["Recharts area chart: Stacked type area chart","evilcharts","Recharts area chart with the stacked type area chart option.","npx shadcn@latest add @evilcharts/ex-stacked-type-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-stacked-type-area-chart",2,6,2],59,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Solid stroke area chart","evilcharts","Recharts area chart with the solid stroke area chart option.","npx shadcn@latest add @evilcharts/ex-solid-stroke-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-solid-stroke-area-chart",2,0,2],66,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Loading state area chart","evilcharts","Recharts area chart with the loading state area chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-loading-state-area-chart",1,4,8],45,"chart","area chart|loader,chart,graph,dashboard|no icons|c"],["Recharts area chart: Expanded type area chart","evilcharts","Recharts area chart with the expanded type area chart option.","npx shadcn@latest add @evilcharts/ex-expanded-type-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-expanded-type-area-chart",0,4,10],56,"chart","area chart|accordion,timeline data,chart,graph,dashboard|no icons|c"],["Recharts area chart: Dashed stroke area chart","evilcharts","Recharts area chart with the dashed stroke area chart option.","npx shadcn@latest add @evilcharts/ex-dashed-stroke-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-dashed-stroke-area-chart",0,1,7],59,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Gradient colors area chart","evilcharts","Recharts area chart with the gradient colors area chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-gradient-colors-area-chart",1,4,0],58,"chart","area chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts area chart: Bump curve type area chart","evilcharts","Recharts area chart with the bump curve type area chart option.","npx shadcn@latest add @evilcharts/ex-bump-curve-type-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-bump-curve-type-area-chart",0,5,5],68,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Step curve type area chart","evilcharts","Recharts area chart with the step curve type area chart option.","npx shadcn@latest add @evilcharts/ex-step-curve-type-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-step-curve-type-area-chart",2,2,3],69,"chart","area chart|stepper,timeline data,chart,graph,dashboard|no icons|c"],["Recharts area chart: Solid area variant area chart","evilcharts","Recharts area chart with the solid area variant area chart option.","npx shadcn@latest add @evilcharts/ex-solid-area-variant-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-solid-area-variant-area-chart",2,2,1],73,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Lines area variant area chart","evilcharts","Recharts area chart with the lines area variant area chart option.","npx shadcn@latest add @evilcharts/ex-lines-area-variant-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-lines-area-variant-area-chart",1,0,8],56,"chart","line chart|area chart,timeline data,chart,graph,dashboard|no icons|c"],["Recharts area chart: Dotted area variant area chart","evilcharts","Recharts area chart with the dotted area variant area chart option.","npx shadcn@latest add @evilcharts/ex-dotted-area-variant-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-dotted-area-variant-area-chart",0,0,9],56,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Gradient colors bump area chart","evilcharts","Recharts area chart with the gradient colors bump area chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-bump-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-gradient-colors-bump-area-chart",1,6,0],58,"chart","area chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts area chart: Monotoney curve type area chart","evilcharts","Recharts area chart with the monotoney curve type area chart option.","npx shadcn@latest add @evilcharts/ex-monotoney-curve-type-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-monotoney-curve-type-area-chart",1,1,11],68,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Hatched area variant area chart","evilcharts","Recharts area chart with the hatched area variant area chart option.","npx shadcn@latest add @evilcharts/ex-hatched-area-variant-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-hatched-area-variant-area-chart",1,6,3],87,"chart","area chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts area chart: Gradient area variant area chart","evilcharts","Recharts area chart with the gradient area variant area chart option.","npx shadcn@latest add @evilcharts/ex-gradient-area-variant-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-gradient-area-variant-area-chart",1,2,0],59,"chart","area chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts area chart: Animated dashed stroke area chart","evilcharts","Recharts area chart with the animated dashed stroke area chart option.","npx shadcn@latest add @evilcharts/ex-animated-dashed-stroke-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-animated-dashed-stroke-area-chart",0,0,2],59,"chart","area chart|chart,timeline data,graph,dashboard|no icons,animated|c"],["Recharts area chart: Gradient reverse area variant area chart","evilcharts","Recharts area chart with the gradient reverse area variant area chart option.","npx shadcn@latest add @evilcharts/ex-gradient-reverse-area-variant-area-chart","https://evilcharts.com/docs/recharts/area-chart/static",0,"",["ex-gradient-reverse-area-variant-area-chart",1,0,3],67,"chart","area chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Line chart","evilcharts","Recharts line chart with the line chart option.","npx shadcn@latest add @evilcharts/ex-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-line-chart",1,7,7],71,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Buffer line chart","evilcharts","Recharts line chart with the buffer line chart option.","npx shadcn@latest add @evilcharts/ex-buffer-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-buffer-line-chart",0,2,5],71,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Bg dots line chart","evilcharts","Recharts line chart with the bg dots line chart option.","npx shadcn@latest add @evilcharts/ex-bg-dots-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-dots-line-chart",0,4,3],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Bg grid line chart","evilcharts","Recharts line chart with the bg grid line chart option.","npx shadcn@latest add @evilcharts/ex-bg-grid-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-grid-line-chart",0,6,3],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Bg plus line chart","evilcharts","Recharts line chart with the bg plus line chart option.","npx shadcn@latest add @evilcharts/ex-bg-plus-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-plus-line-chart",0,0,4],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Dot border line chart","evilcharts","Recharts line chart with the dot border line chart option.","npx shadcn@latest add @evilcharts/ex-dot-border-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-dot-border-line-chart",0,2,8],71,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Bg bubbles line chart","evilcharts","Recharts line chart with the bg bubbles line chart option.","npx shadcn@latest add @evilcharts/ex-bg-bubbles-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-bubbles-line-chart",0,1,3],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Solid stroke line chart","evilcharts","Recharts line chart with the solid stroke line chart option.","npx shadcn@latest add @evilcharts/ex-solid-stroke-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-solid-stroke-line-chart",2,3,2],64,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Loading state line chart","evilcharts","Recharts line chart with the loading state line chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-loading-state-line-chart",1,1,10],44,"chart","line chart|loader,chart,graph,dashboard|no icons|c"],["Recharts line chart: Dashed stroke line chart","evilcharts","Recharts line chart with the dashed stroke line chart option.","npx shadcn@latest add @evilcharts/ex-dashed-stroke-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-dashed-stroke-line-chart",0,6,7],57,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Legend square line chart","evilcharts","Recharts line chart with the legend square line chart option.","npx shadcn@latest add @evilcharts/ex-legend-square-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-legend-square-line-chart",1,4,7],32,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Legend circle line chart","evilcharts","Recharts line chart with the legend circle line chart option.","npx shadcn@latest add @evilcharts/ex-legend-circle-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-legend-circle-line-chart",1,2,6],32,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Glowing mobile line chart","evilcharts","Recharts line chart with the glowing mobile line chart option.","npx shadcn@latest add @evilcharts/ex-glowing-mobile-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-glowing-mobile-line-chart",0,7,11],74,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Bg cross hatch line chart","evilcharts","Recharts line chart with the bg cross hatch line chart option.","npx shadcn@latest add @evilcharts/ex-bg-cross-hatch-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-cross-hatch-line-chart",0,2,3],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Gradient colors line chart","evilcharts","Recharts line chart with the gradient colors line chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-gradient-colors-line-chart",1,3,2],64,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Bump curve type line chart","evilcharts","Recharts line chart with the bump curve type line chart option.","npx shadcn@latest add @evilcharts/ex-bump-curve-type-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bump-curve-type-line-chart",0,0,6],69,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Step curve type line chart","evilcharts","Recharts line chart with the step curve type line chart option.","npx shadcn@latest add @evilcharts/ex-step-curve-type-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-step-curve-type-line-chart",2,5,3],70,"chart","line chart|stepper,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Glowing desktop line chart","evilcharts","Recharts line chart with the glowing desktop line chart option.","npx shadcn@latest add @evilcharts/ex-glowing-desktop-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-glowing-desktop-line-chart",0,2,11],70,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Bg wiggle lines line chart","evilcharts","Recharts line chart with the bg wiggle lines line chart option.","npx shadcn@latest add @evilcharts/ex-bg-wiggle-lines-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-wiggle-lines-line-chart",0,2,4],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Bg tiny checkers line chart","evilcharts","Recharts line chart with the bg tiny checkers line chart option.","npx shadcn@latest add @evilcharts/ex-bg-tiny-checkers-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-tiny-checkers-line-chart",0,1,4],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Bg diagonal lines line chart","evilcharts","Recharts line chart with the bg diagonal lines line chart option.","npx shadcn@latest add @evilcharts/ex-bg-diagonal-lines-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-diagonal-lines-line-chart",0,3,3],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Bg 4 pointed star line chart","evilcharts","Recharts line chart with the bg 4 pointed star line chart option.","npx shadcn@latest add @evilcharts/ex-bg-4-pointed-star-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-4-pointed-star-line-chart",0,0,3],71,"chart","line chart|background,timeline data,rating,chart,graph,dashboard|no icons|c"],["Recharts line chart: Dot colored border line chart","evilcharts","Recharts line chart with the dot colored border line chart option.","npx shadcn@latest add @evilcharts/ex-dot-colored-border-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-dot-colored-border-line-chart",0,4,8],65,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Legend vertical bar line chart","evilcharts","Recharts line chart with the legend vertical bar line chart option.","npx shadcn@latest add @evilcharts/ex-legend-vertical-bar-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-legend-vertical-bar-line-chart",1,6,7],32,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Gradient colors bump line chart","evilcharts","Recharts line chart with the gradient colors bump line chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-bump-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-gradient-colors-bump-line-chart",1,1,1],64,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Monotoney curve type line chart","evilcharts","Recharts line chart with the monotoney curve type line chart option.","npx shadcn@latest add @evilcharts/ex-monotoney-curve-type-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-monotoney-curve-type-line-chart",1,4,11],70,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Bg falling triangles line chart","evilcharts","Recharts line chart with the bg falling triangles line chart option.","npx shadcn@latest add @evilcharts/ex-bg-falling-triangles-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-falling-triangles-line-chart",0,5,3],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Legend circle outline line chart","evilcharts","Recharts line chart with the legend circle outline line chart option.","npx shadcn@latest add @evilcharts/ex-legend-circle-outline-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-legend-circle-outline-line-chart",1,4,6],32,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Legend rounded square line chart","evilcharts","Recharts line chart with the legend rounded square line chart option.","npx shadcn@latest add @evilcharts/ex-legend-rounded-square-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-legend-rounded-square-line-chart",1,0,7],32,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Legend horizontal bar line chart","evilcharts","Recharts line chart with the legend horizontal bar line chart option.","npx shadcn@latest add @evilcharts/ex-legend-horizontal-bar-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-legend-horizontal-bar-line-chart",1,6,6],32,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts line chart: Animated dashed stroke line chart","evilcharts","Recharts line chart with the animated dashed stroke line chart option.","npx shadcn@latest add @evilcharts/ex-animated-dashed-stroke-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-animated-dashed-stroke-line-chart",0,5,2],57,"chart","line chart|chart,timeline data,graph,dashboard|no icons,animated|c"],["Recharts line chart: Bg overlapping circles line chart","evilcharts","Recharts line chart with the bg overlapping circles line chart option.","npx shadcn@latest add @evilcharts/ex-bg-overlapping-circles-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-bg-overlapping-circles-line-chart",0,7,3],71,"chart","line chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts line chart: Legend rounded square outline line chart","evilcharts","Recharts line chart with the legend rounded square outline line chart option.","npx shadcn@latest add @evilcharts/ex-legend-rounded-square-outline-line-chart","https://evilcharts.com/docs/recharts/line-chart/static",0,"",["ex-legend-rounded-square-outline-line-chart",1,2,7],32,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Tooltip default bar chart","evilcharts","Recharts bar chart with the tooltip default bar chart option.","npx shadcn@latest add @evilcharts/ex-tooltip-default-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-tooltip-default-bar-chart",2,5,5],63,"chart","bar chart|tooltip,timeline data,chart,graph,dashboard|no icons|c"],["Recharts bar chart: Chart config default bar chart","evilcharts","Recharts bar chart with the chart config default bar chart option.","npx shadcn@latest add @evilcharts/ex-chart-config-default-bar-chart","https://evilcharts.com/docs/chart-config",0,"",["ex-chart-config-default-bar-chart",0,1,6],63,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Bar chart","evilcharts","Recharts bar chart with the bar chart option.","npx shadcn@latest add @evilcharts/ex-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-bar-chart",0,7,2],95,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Buffer bar chart","evilcharts","Recharts bar chart with the buffer bar chart option.","npx shadcn@latest add @evilcharts/ex-buffer-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-buffer-bar-chart",0,6,4],93,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Stacked type bar chart","evilcharts","Recharts bar chart with the stacked type bar chart option.","npx shadcn@latest add @evilcharts/ex-stacked-type-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-stacked-type-bar-chart",2,7,2],96,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Percent type bar chart","evilcharts","Recharts bar chart with the percent type bar chart option.","npx shadcn@latest add @evilcharts/ex-percent-type-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-percent-type-bar-chart",2,4,0],88,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Loading state bar chart","evilcharts","Recharts bar chart with the loading state bar chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-loading-state-bar-chart",1,5,8],0,"chart","bar chart|loader,chart,graph,dashboard|no icons|c"],["Recharts bar chart: Glowing mobile bar chart","evilcharts","Recharts bar chart with the glowing mobile bar chart option.","npx shadcn@latest add @evilcharts/ex-glowing-mobile-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-glowing-mobile-bar-chart",0,4,11],97,"chart","bar chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts bar chart: Gradient colors bar chart","evilcharts","Recharts bar chart with the gradient colors bar chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-gradient-colors-bar-chart",1,5,0],96,"chart","bar chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts bar chart: Hatched variant bar chart","evilcharts","Recharts bar chart with the hatched variant bar chart option.","npx shadcn@latest add @evilcharts/ex-hatched-variant-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-hatched-variant-bar-chart",1,0,4],88,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Duotone variant bar chart","evilcharts","Recharts bar chart with the duotone variant bar chart option.","npx shadcn@latest add @evilcharts/ex-duotone-variant-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-duotone-variant-bar-chart",0,4,9],99,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Hover highlight bar chart","evilcharts","Recharts bar chart with the hover highlight bar chart option.","npx shadcn@latest add @evilcharts/ex-hover-highlight-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-hover-highlight-bar-chart",1,6,4],95,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Glowing desktop bar chart","evilcharts","Recharts bar chart with the glowing desktop bar chart option.","npx shadcn@latest add @evilcharts/ex-glowing-desktop-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-glowing-desktop-bar-chart",0,7,10],99,"chart","bar chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts bar chart: Gradient variant bar chart","evilcharts","Recharts bar chart with the gradient variant bar chart option.","npx shadcn@latest add @evilcharts/ex-gradient-variant-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-gradient-variant-bar-chart",1,2,3],100,"chart","bar chart|background,timeline data,chart,graph,dashboard|no icons|c"],["Recharts bar chart: Stripped variant bar chart","evilcharts","Recharts bar chart with the stripped variant bar chart option.","npx shadcn@latest add @evilcharts/ex-stripped-variant-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-stripped-variant-bar-chart",2,6,3],91,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Horizontal layout bar chart","evilcharts","Recharts bar chart with the horizontal layout bar chart option.","npx shadcn@latest add @evilcharts/ex-horizontal-layout-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-horizontal-layout-bar-chart",1,4,4],99,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts bar chart: Chart config icons bar chart","evilcharts","Recharts bar chart with the chart config icons bar chart option.","npx shadcn@latest add @evilcharts/ex-chart-config-icons-bar-chart","https://evilcharts.com/docs/chart-config",0,"",["ex-chart-config-icons-bar-chart",0,3,6],63,"chart","bar chart|animated icon,timeline data,chart,graph,dashboard|icons|c"],["Recharts bar chart: Tooltip frosted glass bar chart","evilcharts","Recharts bar chart with the tooltip frosted glass bar chart option.","npx shadcn@latest add @evilcharts/ex-tooltip-frosted-glass-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-tooltip-frosted-glass-bar-chart",2,7,5],63,"chart","bar chart|tooltip,timeline data,chart,graph,dashboard|no icons|c"],["Recharts bar chart: Duotone reverse variant bar chart","evilcharts","Recharts bar chart with the duotone reverse variant bar chart option.","npx shadcn@latest add @evilcharts/ex-duotone-reverse-variant-bar-chart","https://evilcharts.com/docs/recharts/bar-chart/static",0,"",["ex-duotone-reverse-variant-bar-chart",0,2,9],99,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Recharts composed chart: Dots composed chart","evilcharts","Recharts composed chart with the dots composed chart option.","npx shadcn@latest add @evilcharts/ex-dots-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-dots-composed-chart",0,6,8],96,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Recharts composed chart: Glowing composed chart","evilcharts","Recharts composed chart with the glowing composed chart option.","npx shadcn@latest add @evilcharts/ex-glowing-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-glowing-composed-chart",0,6,10],100,"chart","chart|background,timeline data,analytics,graph,data,dashboard|no icons|c"],["Recharts composed chart: Bump curve composed chart","evilcharts","Recharts composed chart with the bump curve composed chart option.","npx shadcn@latest add @evilcharts/ex-bump-curve-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-bump-curve-composed-chart",0,3,5],96,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Recharts composed chart: Loading state composed chart","evilcharts","Recharts composed chart with the loading state composed chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-loading-state-composed-chart",1,6,8],0,"chart","chart|loader,graph,data,dashboard|no icons|c"],["Recharts composed chart: Dashed stroke composed chart","evilcharts","Recharts composed chart with the dashed stroke composed chart option.","npx shadcn@latest add @evilcharts/ex-dashed-stroke-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-dashed-stroke-composed-chart",0,2,7],96,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Recharts composed chart: Gradient colors composed chart","evilcharts","Recharts composed chart with the gradient colors composed chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-gradient-colors-composed-chart",1,2,1],96,"chart","chart|background,timeline data,analytics,graph,data,dashboard|no icons|c"],["Recharts composed chart: Hatched variant composed chart","evilcharts","Recharts composed chart with the hatched variant composed chart option.","npx shadcn@latest add @evilcharts/ex-hatched-variant-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-hatched-variant-composed-chart",1,1,4],78,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Recharts composed chart: Duotone variant composed chart","evilcharts","Recharts composed chart with the duotone variant composed chart option.","npx shadcn@latest add @evilcharts/ex-duotone-variant-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-duotone-variant-composed-chart",0,5,9],100,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Recharts composed chart: Hover highlight composed chart","evilcharts","Recharts composed chart with the hover highlight composed chart option.","npx shadcn@latest add @evilcharts/ex-hover-highlight-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-hover-highlight-composed-chart",1,7,4],96,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Recharts composed chart: Gradient variant composed chart","evilcharts","Recharts composed chart with the gradient variant composed chart option.","npx shadcn@latest add @evilcharts/ex-gradient-variant-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-gradient-variant-composed-chart",1,3,3],98,"chart","chart|background,timeline data,analytics,graph,data,dashboard|no icons|c"],["Recharts composed chart: Stripped variant composed chart","evilcharts","Recharts composed chart with the stripped variant composed chart option.","npx shadcn@latest add @evilcharts/ex-stripped-variant-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-stripped-variant-composed-chart",2,7,3],88,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons|c"],["Recharts composed chart: Animated dashed stroke composed chart","evilcharts","Recharts composed chart with the animated dashed stroke composed chart option.","npx shadcn@latest add @evilcharts/ex-animated-dashed-stroke-composed-chart","https://evilcharts.com/docs/recharts/composed-chart/static",0,"",["ex-animated-dashed-stroke-composed-chart",0,1,2],96,"chart","chart|graph,timeline data,analytics,data,dashboard|no icons,animated|c"],["Recharts pie chart: Donut pie chart","evilcharts","Recharts pie chart with the donut pie chart option.","npx shadcn@latest add @evilcharts/ex-donut-pie-chart","https://evilcharts.com/docs/recharts/pie-chart/static",0,"",["ex-donut-pie-chart",0,0,8],99,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Recharts pie chart: Padded pie chart","evilcharts","Recharts pie chart with the padded pie chart option.","npx shadcn@latest add @evilcharts/ex-padded-pie-chart","https://evilcharts.com/docs/recharts/pie-chart/static",0,"",["ex-padded-pie-chart",2,3,0],100,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Recharts pie chart: Labels pie chart","evilcharts","Recharts pie chart with the labels pie chart option.","npx shadcn@latest add @evilcharts/ex-labels-pie-chart","https://evilcharts.com/docs/recharts/pie-chart/static",0,"",["ex-labels-pie-chart",1,0,6],100,"chart","pie chart|input,chart,donut,dashboard|no icons|c"],["Recharts pie chart: Glowing pie chart","evilcharts","Recharts pie chart with the glowing pie chart option.","npx shadcn@latest add @evilcharts/ex-glowing-pie-chart","https://evilcharts.com/docs/recharts/pie-chart/static",0,"",["ex-glowing-pie-chart",1,0,0],100,"chart","pie chart|background,chart,donut,dashboard|no icons|c"],["Recharts pie chart: Loading state pie chart","evilcharts","Recharts pie chart with the loading state pie chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-pie-chart","https://evilcharts.com/docs/recharts/pie-chart/static",0,"",["ex-loading-state-pie-chart",1,2,10],85,"loader","pie chart|loader,chart,donut,dashboard|no icons,animated|c"],["Recharts pie chart: Gradient colors pie chart","evilcharts","Recharts pie chart with the gradient colors pie chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-pie-chart","https://evilcharts.com/docs/recharts/pie-chart/static",0,"",["ex-gradient-colors-pie-chart",1,4,2],100,"chart","pie chart|background,chart,donut,dashboard|no icons|c"],["Recharts pie chart: Overlapping padded pie chart","evilcharts","Recharts pie chart with the overlapping padded pie chart option.","npx shadcn@latest add @evilcharts/ex-overlapping-padded-pie-chart","https://evilcharts.com/docs/recharts/pie-chart/static",0,"",["ex-overlapping-padded-pie-chart",2,1,0],99,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Recharts radial chart: Semi variant radial chart","evilcharts","Recharts radial chart with the semi variant radial chart option.","npx shadcn@latest add @evilcharts/ex-semi-variant-radial-chart","https://evilcharts.com/docs/recharts/radial-chart/static",0,"",["ex-semi-variant-radial-chart",2,1,1],96,"chart","radial chart|chart,gauge,dashboard|no icons|c"],["Recharts radial chart: Loading state radial chart","evilcharts","Recharts radial chart with the loading state radial chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-radial-chart","https://evilcharts.com/docs/recharts/radial-chart/static",0,"",["ex-loading-state-radial-chart",1,4,10],83,"chart","radial chart|loader,chart,gauge,dashboard|no icons|c"],["Recharts radial chart: Gradient colors radial chart","evilcharts","Recharts radial chart with the gradient colors radial chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-radial-chart","https://evilcharts.com/docs/recharts/radial-chart/static",0,"",["ex-gradient-colors-radial-chart",1,6,2],100,"chart","radial chart|background,chart,gauge,dashboard|no icons|c"],["Recharts radar chart: Glowing radar chart","evilcharts","Recharts radar chart with the glowing radar chart option.","npx shadcn@latest add @evilcharts/ex-glowing-radar-chart","https://evilcharts.com/docs/recharts/radar-chart/static",0,"",["ex-glowing-radar-chart",1,1,0],92,"chart","radar chart|background,chart,dashboard|no icons|c"],["Recharts radar chart: Circle grid radar chart","evilcharts","Recharts radar chart with the circle grid radar chart option.","npx shadcn@latest add @evilcharts/ex-circle-grid-radar-chart","https://evilcharts.com/docs/recharts/radar-chart/static",0,"",["ex-circle-grid-radar-chart",0,6,6],91,"chart","radar chart|chart,dashboard|no icons|c"],["Recharts radar chart: Lines variant radar chart","evilcharts","Recharts radar chart with the lines variant radar chart option.","npx shadcn@latest add @evilcharts/ex-lines-variant-radar-chart","https://evilcharts.com/docs/recharts/radar-chart/static",0,"",["ex-lines-variant-radar-chart",1,3,8],65,"chart","line chart|radar chart,chart,graph,dashboard|no icons|c"],["Recharts radar chart: Loading state radar chart","evilcharts","Recharts radar chart with the loading state radar chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-radar-chart","https://evilcharts.com/docs/recharts/radar-chart/static",0,"",["ex-loading-state-radar-chart",1,3,10],81,"chart","radar chart|loader,chart,dashboard|no icons|c"],["Recharts radar chart: Gradient colors radar chart","evilcharts","Recharts radar chart with the gradient colors radar chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-radar-chart","https://evilcharts.com/docs/recharts/radar-chart/static",0,"",["ex-gradient-colors-radar-chart",1,5,2],86,"chart","radar chart|background,chart,dashboard|no icons|c"],["Recharts sankey chart: Loading state sankey chart","evilcharts","Recharts sankey chart with the loading state sankey chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-sankey-chart","https://evilcharts.com/docs/recharts/sankey-chart/static",0,"",["ex-loading-state-sankey-chart",1,5,10],83,"chart","sankey chart|loader,chart,dashboard|no icons,animated|c"],["Recharts sankey chart: Labeled nodes sankey chart","evilcharts","Recharts sankey chart with the labeled nodes sankey chart option.","npx shadcn@latest add @evilcharts/ex-labeled-nodes-sankey-chart","https://evilcharts.com/docs/recharts/sankey-chart/static",0,"",["ex-labeled-nodes-sankey-chart",1,6,5],92,"chart","sankey chart|input,chart,dashboard|no icons|c"],["Recharts sankey chart: Outside labels sankey chart","evilcharts","Recharts sankey chart with the outside labels sankey chart option.","npx shadcn@latest add @evilcharts/ex-outside-labels-sankey-chart","https://evilcharts.com/docs/recharts/sankey-chart/static",0,"",["ex-outside-labels-sankey-chart",1,7,11],93,"chart","sankey chart|input,search,chart,dashboard|no icons|c"],["Recharts sankey chart: Gradient colors sankey chart","evilcharts","Recharts sankey chart with the gradient colors sankey chart option.","npx shadcn@latest add @evilcharts/ex-gradient-colors-sankey-chart","https://evilcharts.com/docs/recharts/sankey-chart/static",0,"",["ex-gradient-colors-sankey-chart",1,7,2],99,"chart","sankey chart|background,analytics,chart,dashboard|no icons|c"],["Recharts sankey chart: Solid link variant sankey chart","evilcharts","Recharts sankey chart with the solid link variant sankey chart option.","npx shadcn@latest add @evilcharts/ex-solid-link-variant-sankey-chart","https://evilcharts.com/docs/recharts/sankey-chart/static",0,"",["ex-solid-link-variant-sankey-chart",2,7,1],94,"chart","sankey chart|link,chart,dashboard|no icons|c"],["Recharts sankey chart: Source link variant sankey chart","evilcharts","Recharts sankey chart with the source link variant sankey chart option.","npx shadcn@latest add @evilcharts/ex-source-link-variant-sankey-chart","https://evilcharts.com/docs/recharts/sankey-chart/static",0,"",["ex-source-link-variant-sankey-chart",2,5,2],92,"chart","sankey chart|link,chart,dashboard|no icons|c"],["Recharts sankey chart: Solid labeled nodes sankey chart","evilcharts","Recharts sankey chart with the solid labeled nodes sankey chart option.","npx shadcn@latest add @evilcharts/ex-solid-labeled-nodes-sankey-chart","https://evilcharts.com/docs/recharts/sankey-chart/static",0,"",["ex-solid-labeled-nodes-sankey-chart",2,5,1],93,"chart","sankey chart|input,chart,dashboard|no icons|c"],["Recharts heatmap chart: Clickable heatmap chart","evilcharts","Recharts heatmap chart with the clickable heatmap chart option.","npx shadcn@latest add @evilcharts/ex-clickable-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["ex-clickable-heatmap-chart",0,0,7],87,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Recharts heatmap chart: Year range heatmap chart","evilcharts","Recharts heatmap chart with the year range heatmap chart option.","npx shadcn@latest add @evilcharts/ex-year-range-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["ex-year-range-heatmap-chart",2,2,6],81,"chart","heatmap|slider,chart,calendar,dashboard|no icons|c"],["Recharts heatmap chart: Thresholds heatmap chart","evilcharts","Recharts heatmap chart with the thresholds heatmap chart option.","npx shadcn@latest add @evilcharts/ex-thresholds-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["ex-thresholds-heatmap-chart",2,4,5],86,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Recharts heatmap chart: Monday start heatmap chart","evilcharts","Recharts heatmap chart with the monday start heatmap chart option.","npx shadcn@latest add @evilcharts/ex-monday-start-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["ex-monday-start-heatmap-chart",1,0,11],87,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Recharts heatmap chart: Loading state heatmap chart","evilcharts","Recharts heatmap chart with the loading state heatmap chart option.","npx shadcn@latest add @evilcharts/ex-loading-state-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["ex-loading-state-heatmap-chart",1,0,10],57,"chart","heatmap|loader,chart,calendar,dashboard|no icons|c"],["Recharts heatmap chart: Rounded cells heatmap chart","evilcharts","Recharts heatmap chart with the rounded cells heatmap chart option.","npx shadcn@latest add @evilcharts/ex-rounded-cells-heatmap-chart","https://evilcharts.com/docs/recharts/heatmap-chart/static",0,"",["ex-rounded-cells-heatmap-chart",2,7,0],100,"chart","heatmap|chart,calendar,dashboard|no icons|c"],["Action Bar","diceui","A floating action bar that appears at the bottom or top of the viewport to display contextual actions for selected items.","npx shadcn@latest add \"@diceui/action-bar\"","https://diceui.com/docs/components/radix/action-bar",0,"",["action-bar",0,0,0],58,"misc","menubar|toolbar,menu|no icons,monochrome|c"],["Angle Slider","diceui","An interactive circular slider for selecting angles with support for single values and ranges.","npx shadcn@latest add @diceui/angle-slider","https://diceui.com/docs/components/radix/angle-slider",0,"",["angle-slider",0,1,0],51,"input","slider|range,input|no icons|c"],["Avatar Group","diceui","A component that arranges avatars with overlapping visual effects for displaying multiple users or items.","npx shadcn@latest add @diceui/avatar-group","https://diceui.com/docs/components/radix/avatar-group",0,"",["avatar-group",0,2,0],73,"media","avatar group|avatar,team,users|no icons,monochrome,minimal|c"],["Badge Overflow","diceui","A component that intelligently manages badge overflow by measuring available space and displaying only what fits with an overflow indicator.","npx shadcn@latest add @diceui/badge-overflow","https://diceui.com/docs/components/radix/badge-overflow",0,"",["badge-overflow",0,3,0],73,"misc","badge|label,status,pill|no icons,monochrome|c"],["Banner","diceui","A notification banner that appears at the top or bottom of the viewport. Supports queuing, priority, and auto-dismiss.","npx shadcn@latest add \"@diceui/banner\"","https://diceui.com/docs/components/radix/banner",0,"",["banner",0,4,0],69,"toast|b","alert|message,banner,callout|icons,monochrome|c"],["Checkbox Group","diceui","A group of checkboxes that allows multiple selections with support for validation and accessibility.","npx shadcn@latest add @diceui/checkbox-group","https://diceui.com/docs/components/radix/checkbox-group",0,"",["checkbox-group",0,5,0],53,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Circular Progress","diceui","A circular progress indicator that displays completion progress in a ring format with support for indeterminate states.","npx shadcn@latest add @diceui/circular-progress","https://diceui.com/docs/components/radix/circular-progress",0,"",["circular-progress",0,6,0],42,"loader","progress bar|activity ring,progress,meter,loading|no icons,monochrome,minimal|c"],["Color Picker","diceui","A color picker component that allows users to select colors using various input methods.","npx shadcn@latest add @diceui/color-picker","https://diceui.com/docs/components/radix/color-picker",0,"",["color-picker",0,7,0],18,"input","color picker|select,color input,swatches|no icons|c"],["Color Swatch","diceui","A color swatch component for displaying color values with support for transparency and various sizes.","npx shadcn@latest add @diceui/color-swatch","https://diceui.com/docs/components/radix/color-swatch",0,"",["color-swatch",0,0,1],99,"misc","color picker|color input,swatches|no icons,colorful|c"],["Combobox","diceui","An input with a popover that helps users filter through a list of options.","npx shadcn@latest add @diceui/combobox","https://diceui.com/docs/components/radix/combobox",0,"",["combobox",0,1,1],45,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Command Stack","diceui","A searchable command list with nested pages that works inline, in a popover, or in a dialog.","npx shadcn@latest add @diceui/command-stack","https://diceui.com/docs/components/radix/command-stack",0,"",["command-stack",0,2,1],74,"command","command menu|command palette,search,cmdk|icons,monochrome|c"],["Compare Slider","diceui","An interactive before/after comparison slider for comparing two elements side by side.","npx shadcn@latest add @diceui/compare-slider","https://diceui.com/docs/components/radix/compare-slider",0,"",["compare-slider",0,3,1],89,"carousel","image compare|content section,before after,slider,image|icons,images,monochrome|c"],["Cropper","diceui","A powerful image and video cropper with zoom, rotation, and customizable crop areas.","npx shadcn@latest add @diceui/cropper","https://diceui.com/docs/components/radix/cropper",0,"",["cropper",0,4,1],85,"media","video player|video,media player|no icons,monochrome,minimal|c"],["Editable","diceui","An accessible inline editable component for editing text content in place.","npx shadcn@latest add @diceui/editable","https://diceui.com/docs/components/radix/editable",0,"",["editable",0,5,1],48,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Faceted","diceui","A searchable popover for picking one or more values, with badges for the current selection.","npx shadcn@latest add @diceui/faceted","https://diceui.com/docs/components/radix/faceted",0,"",["faceted",0,6,1],8,"misc","select|dropdown,options,form|icons,monochrome,minimal|c"],["File Upload","diceui","A file upload component with drag and drop, previewing, and progress tracking.","npx shadcn@latest add @diceui/file-upload","https://diceui.com/docs/components/radix/file-upload",0,"",["file-upload",0,7,1],65,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["FPS","diceui","A real-time frames per second (FPS) counter component for monitoring performance.","npx shadcn@latest add @diceui/fps","https://diceui.com/docs/components/radix/fps",0,"",["fps",0,0,2],68,"text","number ticker|counter,text effect,animated number|no icons,monochrome,minimal|c"],["Gauge","diceui","A customizable gauge component that displays values on circular or partial arcs, perfect for dashboards, metrics, and KPIs.","npx shadcn@latest add @diceui/gauge","https://diceui.com/docs/components/radix/gauge",0,"",["gauge",0,1,2],70,"section","radial chart|chart,gauge,dashboard|no icons|c"],["Kanban","diceui","A drag and drop kanban board component for organizing items into columns.","npx shadcn@latest add @diceui/kanban","https://diceui.com/docs/components/radix/kanban",0,"",["kanban",0,2,2],81,"kanban","kanban board|board,tasks,drag and drop|icons,monochrome|c"],["Key Value","diceui","A dynamic input component for managing key-value pairs with paste support and validation.","npx shadcn@latest add @diceui/key-value","https://diceui.com/docs/components/radix/key-value",0,"",["key-value",0,3,2],59,"input","textarea|input,form,text field|icons,monochrome|c"],["Marquee","diceui","An animated scrolling component that continuously moves content horizontally or vertically.","npx shadcn@latest add @diceui/marquee","https://diceui.com/docs/components/radix/marquee",0,"",["marquee",0,4,2],58,"carousel","marquee|infinite scroll,logos,animation|no icons,animated,monochrome|c"],["Mask Input","diceui","An input component that formats user input with predefined patterns like phone numbers, dates, and credit cards.","npx shadcn@latest add @diceui/mask-input","https://diceui.com/docs/components/radix/mask-input",0,"",["mask-input",0,5,2],67,"input","input|text field,form,form control|no icons,monochrome|c"],["Masonry","diceui","A responsive masonry layout component for displaying items in a grid.","npx shadcn@latest add @diceui/masonry","https://diceui.com/docs/components/radix/masonry",0,"",["masonry",0,6,2],60,"misc","gallery|images,grid,photos|no icons,monochrome|c"],["Media Player","diceui","A fully featured media player component supporting video and audio playback with custom controls.","npx shadcn@latest add @diceui/media-player","https://diceui.com/docs/components/radix/media-player",0,"",0,0],["Mention","diceui","A component that allows to mention items in a list by a trigger character.","npx shadcn@latest add @diceui/mention","https://diceui.com/docs/components/radix/mention",0,"",["mention",0,7,2],54,"misc","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Phone Input","diceui","An accessible phone input component with automatic country detection and international phone number formatting.","npx shadcn@latest add @diceui/phone-input","https://diceui.com/docs/components/radix/phone-input",0,"",["phone-input",0,0,3],35,"input","phone input|input,form|icons,monochrome,minimal|c"],["QR Code","diceui","A flexible QR code component for generating and displaying QR codes with customization options.","npx shadcn@latest add @diceui/qr-code","https://diceui.com/docs/components/radix/qr-code",0,"",["qr-code",0,1,3],51,"media","code block|qr code,code,syntax highlight|no icons,monochrome,minimal|c"],["Rating","diceui","An accessible rating component that allows users to provide star ratings with support for half values, keyboard navigation, and form integration.","npx shadcn@latest add @diceui/rating","https://diceui.com/docs/components/radix/rating",0,"",["rating",0,2,3],57,"input","rating|stars,review,input|icons,monochrome|c"],["Relative Time Card","diceui","A hover card that displays relative time relative to local time with timezone information.","npx shadcn@latest add @diceui/relative-time-card","https://diceui.com/docs/components/radix/relative-time-card",0,"",["relative-time-card",0,3,3],58,"card","card|container,calendar,surface|icons,monochrome|c"],["Responsive Dialog","diceui","A dialog component that automatically switches between a centered dialog on desktop and a bottom drawer on mobile.","npx shadcn@latest add @diceui/responsive-dialog","https://diceui.com/docs/components/radix/responsive-dialog",0,"",["responsive-dialog",0,4,3],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Scroll Spy","diceui","Automatically updates navigation links based on scroll position with support for nested sections and customizable behavior.","npx shadcn@latest add @diceui/scroll-spy","https://diceui.com/docs/components/radix/scroll-spy",0,"",["scroll-spy",0,5,3],82,"navbar|b","navbar|header,navigation,menu|no icons,monochrome|b"],["Scroller","diceui","A scrollable container with customizable scroll shadows and navigation buttons.","npx shadcn@latest add @diceui/scroller","https://diceui.com/docs/components/radix/scroller",0,"",["scroller",0,6,3],80,"navbar|b","navbar|header,navigation,menu|no icons,monochrome|b"],["Segmented Input","diceui","A group of connected input fields that appear as a single segmented visual unit.","npx shadcn@latest add @diceui/segmented-input","https://diceui.com/docs/components/radix/segmented-input",0,"",["segmented-input",0,7,3],53,"tabs","input|segmented control,text field,form,form control|no icons,monochrome,minimal|c"],["Selection Toolbar","diceui","A floating toolbar that appears on text selection with formatting and utility actions.","npx shadcn@latest add @diceui/selection-toolbar","https://diceui.com/docs/components/radix/selection-toolbar",0,"",["selection-toolbar",0,0,4],59,"text","menubar|select,toolbar,menu|no icons,monochrome|c"],["Sortable","diceui","A drag and drop sortable component for reordering items.","npx shadcn@latest add @diceui/sortable","https://diceui.com/docs/components/radix/sortable",0,"",["sortable",0,1,4],72,"misc","card|container,surface|no icons,monochrome|c"],["Speed Dial","diceui","A floating action button that reveals a set of actions when triggered.","npx shadcn@latest add @diceui/speed-dial","https://diceui.com/docs/components/radix/speed-dial",0,"",["speed-dial",0,2,4],11,"button","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Stack","diceui","A component that displays items in a stacked layout with hover expansion effects, similar to Sonner toast stacking.","npx shadcn@latest add @diceui/stack","https://diceui.com/docs/components/radix/stack",0,"",["stack",0,3,4],71,"carousel","toast|notification,notifications,alert,message|no icons,monochrome|c"],["Stat","diceui","A flexible component for displaying key metrics and statistics with support for trends, indicators, and descriptions.","npx shadcn@latest add @diceui/stat","https://diceui.com/docs/components/radix/stat",0,"",["stat",0,4,4],86,"chart","dropdown menu|stats section,analytics,pricing,menu,dropdown,actions|icons,monochrome|c"],["Status","diceui","A flexible status indicator component with animated ping effect and color variants for displaying system states, user presence, and service health.","npx shadcn@latest add @diceui/status","https://diceui.com/docs/components/radix/status",0,"",["status",0,5,4],63,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Stepper","diceui","A component that guides users through a multi-step process with clear visual progress indicators.","npx shadcn@latest add @diceui/stepper","https://diceui.com/docs/components/radix/stepper",0,"",["stepper",0,6,4],77,"loader","stepper|steps,progress,onboarding|no icons,monochrome|c"],["Swap","diceui","A component that swaps between two states with click or hover activation modes.","npx shadcn@latest add @diceui/swap","https://diceui.com/docs/components/radix/swap",0,"",["swap",0,7,4],52,"misc","card|container,surface|icons,monochrome|c"],["Tags Input","diceui","Display a list of tags in an input field with the ability to add, edit, and remove them.","npx shadcn@latest add @diceui/tags-input","https://diceui.com/docs/components/radix/tags-input",0,"",["tags-input",0,0,5],48,"input","tag input|tag,input,tags,chips|no icons,monochrome,minimal|c"],["Time Picker","diceui","An accessible time picker component with inline editing and dropdown selection. Automatically adapts to 12-hour or 24-hour format based on user locale.","npx shadcn@latest add @diceui/time-picker","https://diceui.com/docs/components/radix/time-picker",0,"",["time-picker",0,1,5],48,"dropdown","time picker|select,time input,clock|icons,monochrome,minimal|c"],["Timeline","diceui","A flexible timeline component for displaying chronological events with support for different orientations, RTL layouts, and visual states.","npx shadcn@latest add @diceui/timeline","https://diceui.com/docs/components/radix/timeline",0,"",["timeline",0,2,5],63,"misc","timeline|history,steps,activity|no icons,monochrome|c"],["Tour","diceui","A guided tour component that highlights elements and provides step-by-step instructions to help users learn about your application.","npx shadcn@latest add @diceui/tour","https://diceui.com/docs/components/radix/tour",0,"",["tour",0,3,5],74,"section|b","features section|features,media,grid,landing page|no icons,monochrome|b"],["Button group","intentui","Arrange related buttons horizontally or vertically.","npx shadcn@latest add @intentui/button-group","https://intentui.com/docs/components/buttons/button-group",0,"",["button-group",0,7,0],12,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Button","intentui","Trigger an action, submit a form, or display a pending state.","npx shadcn@latest add @intentui/button","https://intentui.com/docs/components/buttons/button",0,"",["button",0,6,0],22,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["File Trigger","intentui","Open the file picker to select files or folders from a device.","npx shadcn@latest add @intentui/file-trigger","https://intentui.com/docs/components/buttons/file-trigger",0,"",["file-trigger",0,3,4],11,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome,minimal|c"],["Toggle Group","intentui","Group toggle buttons with single or multiple selection.","npx shadcn@latest add @intentui/toggle-group","https://intentui.com/docs/components/buttons/toggle-group",0,"",["toggle-group",0,2,10],60,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome,minimal|c"],["Toggle","intentui","Switch a button between selected and unselected states.","npx shadcn@latest add @intentui/toggle","https://intentui.com/docs/components/buttons/toggle",0,"",["toggle",0,1,10],5,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Autocomplete","intentui","Filter collection items as users type, including menu options, select options, and table rows.","","https://intentui.com/docs/components/collections/autocomplete",0,"",["autocomplete",0,1,0],9,"dropdown","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Choice Box","intentui","Present radio or checkbox options as cards with labels, descriptions, and icons.","npx shadcn@latest add @intentui/choice-box","https://intentui.com/docs/components/collections/choice-box",0,"",["choice-box",0,6,1],65,"input","card|container,surface|no icons,monochrome|c"],["Grid List","intentui","Display a collection of interactive items with selection, keyboard navigation, and drag and drop.","npx shadcn@latest add @intentui/grid-list","https://intentui.com/docs/components/collections/grid-list",0,"",["grid-list",0,4,4],78,"navbar|b","list|items,rows|no icons,monochrome,minimal|c"],["List Box","intentui","Display a list of options with single or multiple selection.","npx shadcn@latest add @intentui/list-box","https://intentui.com/docs/components/collections/list-box",0,"",["list-box",0,4,5],69,"misc","card|list,container,surface|no icons,monochrome,minimal|c"],["Menu","intentui","Display actions or navigation links in a menu opened by a trigger.","npx shadcn@latest add @intentui/menu","https://intentui.com/docs/components/collections/menu",0,"",["menu",0,6,5],6,"dropdown","dropdown menu|menu,notifications,dropdown,actions|no icons,monochrome,minimal|c"],["Table","intentui","Display tabular data with sorting, selection, column resizing, and drag and drop.","npx shadcn@latest add @intentui/table","https://intentui.com/docs/components/collections/table",0,"",["table",0,0,9],57,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Tag Group","intentui","Display a collection of tags with optional selection and removal controls.","npx shadcn@latest add @intentui/tag-group","https://intentui.com/docs/components/collections/tag-group",0,"",["tag-group",0,3,9],52,"misc","tag|label,chip,pill|no icons,monochrome,minimal|c"],["Tree","intentui","Display nested items that users can expand, collapse, and select.","npx shadcn@latest add @intentui/tree","https://intentui.com/docs/components/collections/tree",0,"",["tree",0,6,10],50,"accordion","tree view|file tree,nested list|icons,monochrome|c"],["Virtualizer","intentui","Render large collections efficiently by mounting only the items visible in the scrollable viewport.","","https://intentui.com/docs/components/collections/virtualizer",0,"",["virtualizer",0,7,10],56,"misc","list|items,rows|no icons,monochrome|c"],["Color Area","intentui","Adjust two color channels by moving a thumb within a two-dimensional area.","npx shadcn@latest add @intentui/color-area","https://intentui.com/docs/components/colors/color-area",0,"",["color-area",0,7,1],100,"misc","slider|range,input|no icons|c"],["Color Field","intentui","Enter and edit a color value in a text field.","npx shadcn@latest add @intentui/color-field","https://intentui.com/docs/components/colors/color-field",0,"",["color-field",0,0,2],9,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Color Picker","intentui","Combine color controls, swatches, and text input to select a color.","npx shadcn@latest add @intentui/color-picker","https://intentui.com/docs/components/colors/color-picker",0,"",["color-picker",0,1,2],54,"input","color picker|select,color input,swatches|no icons|c"],["Color Slider","intentui","Adjust a single color channel with a horizontal or vertical slider.","npx shadcn@latest add @intentui/color-slider","https://intentui.com/docs/components/colors/color-slider",0,"",["color-slider",0,2,2],75,"input","slider|range,input|no icons|c"],["Color Swatch Picker","intentui","Select a color from a collection of swatches.","npx shadcn@latest add @intentui/color-swatch-picker","https://intentui.com/docs/components/colors/color-swatch-picker",0,"",["color-swatch-picker",0,4,2],64,"dropdown","select|color picker,dropdown,options,form|no icons|c"],["Color Swatch","intentui","Display a color sample.","npx shadcn@latest add @intentui/color-swatch","https://intentui.com/docs/components/colors/color-swatch",0,"",["color-swatch",0,3,2],19,"misc","color picker|color input,swatches|no icons|c"],["Color Thumb","intentui","Display a draggable indicator in a color area, slider, or wheel.","npx shadcn@latest add @intentui/color-thumb","https://intentui.com/docs/components/colors/color-thumb",0,"",["color-thumb",0,5,2],100,"input","slider|range,input|no icons|c"],["Color Wheel","intentui","Select a hue by moving a thumb around a color wheel.","npx shadcn@latest add @intentui/color-wheel","https://intentui.com/docs/components/colors/color-wheel",0,"",["color-wheel",0,6,2],100,"dropdown","color picker|color input,swatches|no icons|c"],["Command Menu","intentui","Search and select actions in a command palette.","npx shadcn@latest add @intentui/command-menu","https://intentui.com/docs/components/controls/command-menu",0,"",["command-menu",0,0,3],6,"command","command menu|dropdown menu,command palette,search,cmdk|no icons,monochrome,minimal|c"],["Context Menu","intentui","Displays a menu at the pointer on right click or long press, providing actions relevant to the selected target.","npx shadcn@latest add @intentui/menu","https://intentui.com/docs/components/controls/context-menu",0,"",["context-menu",0,1,3],52,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Keyboard","intentui","Display keyboard shortcuts with styled key labels.","npx shadcn@latest add @intentui/keyboard","https://intentui.com/docs/components/controls/keyboard",0,"",["keyboard",0,0,5],0,"misc","keyboard key|shortcut,keyboard||c"],["Scroll area","intentui","Display scrollbars for content that exceeds its container.","npx shadcn@latest add @intentui/scroll-area","https://intentui.com/docs/components/controls/scroll-area",0,"",["scroll-area",0,6,7],82,"misc","scroll area|scroll,container|no icons,monochrome,minimal|c"],["Slider","intentui","Select one or more values within a range using draggable thumbs or the keyboard.","npx shadcn@latest add @intentui/slider","https://intentui.com/docs/components/controls/slider",0,"",["slider",0,5,8],59,"input","slider|range,input|no icons,monochrome,minimal|c"],["Switch","intentui","Turn a setting on or off.","npx shadcn@latest add @intentui/switch","https://intentui.com/docs/components/controls/switch",0,"",["switch",0,7,8],9,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toolbar","intentui","Group related actions and controls with keyboard navigation.","npx shadcn@latest add @intentui/toolbar","https://intentui.com/docs/components/controls/toolbar",0,"",["toolbar",0,3,10],65,"navbar|b","menubar|toolbar,menu|icons,monochrome|c"],["Calendar","intentui","Select a date from a calendar with month and year navigation.","npx shadcn@latest add @intentui/calendar","https://intentui.com/docs/components/date-and-time/calendar",0,"",["calendar",0,0,1],66,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Date Field","intentui","Enter and edit a date using segmented input.","npx shadcn@latest add @intentui/date-field","https://intentui.com/docs/components/date-and-time/date-field",0,"",["date-field",0,2,3],44,"input","date picker|input,calendar,date input|no icons,monochrome,minimal|c"],["Date Picker","intentui","Select a date using a segmented input and calendar popover.","npx shadcn@latest add @intentui/date-picker","https://intentui.com/docs/components/date-and-time/date-picker",0,"",["date-picker",0,3,3],41,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date Range Picker","intentui","Select start and end dates using segmented inputs and a calendar popover.","npx shadcn@latest add @intentui/date-range-picker","https://intentui.com/docs/components/date-and-time/date-range-picker",0,"",["date-range-picker",0,4,3],43,"datepicker","select|slider,calendar,date range picker,dropdown,options,form|icons,monochrome,minimal|c"],["Range Calendar","intentui","Select a start date and an end date from a calendar.","npx shadcn@latest add @intentui/range-calendar","https://intentui.com/docs/components/date-and-time/range-calendar",0,"",["range-calendar",0,5,7],65,"datepicker","date range picker|slider,date picker,calendar,range|icons,monochrome|c"],["Time Field","intentui","Enter and edit a time using segmented input in a 12-hour or 24-hour format.","npx shadcn@latest add @intentui/time-field","https://intentui.com/docs/components/date-and-time/time-field",0,"",["time-field",0,7,9],44,"input","time picker|input,time input,clock|no icons,monochrome,minimal|c"],["Drop Zone","intentui","Accept dropped files and provide a file picker for manual selection.","npx shadcn@latest add @intentui/drop-zone","https://intentui.com/docs/components/drag-and-drop/drop-zone",0,"",["drop-zone",0,1,4],14,"upload","file upload|dropzone,upload,drag and drop|no icons,monochrome,minimal|c"],["Checkbox Group","intentui","Group checkboxes to let users select multiple options.","npx shadcn@latest add @intentui/checkbox","https://intentui.com/docs/components/forms/checkbox-group",0,"",["checkbox-group",0,5,1],64,"input","checkbox|form,settings,notifications,checklist|no icons,monochrome|c"],["Checkbox","intentui","Toggle an option on or off, with support for an indeterminate state.","npx shadcn@latest add @intentui/checkbox","https://intentui.com/docs/components/forms/checkbox",0,"",["checkbox",0,4,1],8,"input","checkbox|form,notifications,checklist|no icons,monochrome,minimal|c"],["Field","intentui","Shared labels, descriptions, error messages, and styles for form fields.","npx shadcn@latest add @intentui/field","https://intentui.com/docs/components/forms/field",0,"",["field",0,2,4],79,"input","input|text field,login,form,form control|no icons,monochrome|c"],["Input OTP","intentui","Enter a one-time password using a sequence of input slots.","npx shadcn@latest add @intentui/input-otp","https://intentui.com/docs/components/forms/input-otp",0,"",["input-otp",0,7,4],54,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input","intentui","Enter text in an input with shared styles and optional prefix or suffix content.","npx shadcn@latest add @intentui/input","https://intentui.com/docs/components/forms/input",0,"",["input",0,6,4],3,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Number Field","intentui","Enter and adjust a number with step controls, validation, and range limits.","npx shadcn@latest add @intentui/number-field","https://intentui.com/docs/components/forms/number-field",0,"",["number-field",0,3,6],41,"input","number input|input,stepper|icons,monochrome|c"],["Radio Group","intentui","Select one option from a group of radio buttons.","npx shadcn@latest add @intentui/radio","https://intentui.com/docs/components/forms/radio-group",0,"",["radio-group",0,4,7],62,"input","radio group|radio,pricing,options,form|no icons,monochrome|c"],["Search Field","intentui","Enter a search query in a text field with a clear button.","npx shadcn@latest add @intentui/search-field","https://intentui.com/docs/components/forms/search-field",0,"",["search-field",0,7,7],2,"input","search input|input,search|icons,monochrome,minimal|c"],["Tag Field","intentui","Enter and remove multiple tags in a form field.","npx shadcn@latest add @intentui/tag-field","https://intentui.com/docs/components/forms/tag-field",0,"",["tag-field",0,2,9],49,"input","input|tag,text field,form,form control|no icons,monochrome,minimal|c"],["Text Field","intentui","Enter text in a form field with a label, description, and validation.","npx shadcn@latest add @intentui/text-field","https://intentui.com/docs/components/forms/text-field",0,"",["text-field",0,5,9],3,"input","input|text effect,text field,form,form control|no icons,monochrome,minimal|c"],["Textarea","intentui","Enter multiple lines of text in a resizable form field.","npx shadcn@latest add @intentui/textarea","https://intentui.com/docs/components/forms/textarea",0,"",["textarea",0,6,9],12,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Avatar","intentui","Display a profile image with initials as a fallback.","npx shadcn@latest add @intentui/avatar","https://intentui.com/docs/components/media/avatar",0,"",["avatar",0,2,0],4,"media","avatar|profile,user,image|no icons,avatar,monochrome,minimal|c"],["Carousel","intentui","Browse a sequence of content items with previous and next controls.","npx shadcn@latest add @intentui/carousel","https://intentui.com/docs/components/media/carousel",0,"",["carousel",0,2,1],92,"carousel","carousel|slider,gallery,swipe|icons,images,monochrome|c"],["Breadcrumbs","intentui","Display the current page in a hierarchy with links to parent pages.","npx shadcn@latest add @intentui/breadcrumbs","https://intentui.com/docs/components/navigation/breadcrumbs",0,"",["breadcrumbs",0,5,0],42,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Disclosure Group","intentui","Group collapsible sections with single or multiple expansion.","npx shadcn@latest add @intentui/disclosure","https://intentui.com/docs/components/navigation/disclosure-group",0,"",["disclosure-group",0,0,4],67,"accordion","accordion|collapsible,expand,faq|no icons,monochrome|c"],["Disclosure","intentui","Show or hide a section of content with a trigger.","npx shadcn@latest add @intentui/disclosure-group","https://intentui.com/docs/components/navigation/disclosure",0,"",["disclosure",0,7,3],26,"section|b","accordion|collapsible,expand,faq|no icons,monochrome,minimal|b"],["Link","intentui","Navigate to an internal or external page.","","https://intentui.com/docs/components/navigation/link",0,"",["link",0,3,5],6,"misc","link|text link,hover|no icons,monochrome,minimal|c"],["Pagination","intentui","Navigate between pages of content.","npx shadcn@latest add @intentui/pagination","https://intentui.com/docs/components/navigation/pagination",0,"",["pagination",0,4,6],39,"misc","pagination|pages,navigation|icons,monochrome|c"],["Snippet","intentui","Switch between code snippets in tabs and copy the selected snippet.","npx shadcn@latest add @intentui/snippet","https://intentui.com/docs/components/navigation/snippet",0,"",["snippet",0,6,8],69,"switch","code block|code,syntax highlight|icons,monochrome,minimal|c"],["Tabs","intentui","Switch between related content panels using tabs.","npx shadcn@latest add @intentui/tabs","https://intentui.com/docs/components/navigation/tabs",0,"",["tabs",0,1,9],55,"tabs","tabs|tab bar,settings,segmented control,navigation|no icons,monochrome|c"],["Dialog","intentui","Display a modal overlay for information or actions that require attention.","npx shadcn@latest add @intentui/dialog","https://intentui.com/docs/components/overlays/dialog",0,"",["dialog",0,6,3],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Popover","intentui","Display contextual content in a floating overlay near a trigger.","npx shadcn@latest add @intentui/popover","https://intentui.com/docs/components/overlays/popover",0,"",["popover",0,6,6],42,"dialog","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Preview","intentui","Displays a non-modal popover on hover, focus, or long press. Unlike a tooltip, a preview can contain interactive content.","npx shadcn@latest add @intentui/preview","https://intentui.com/docs/components/overlays/preview",0,"",["preview",0,7,6],58,"dialog","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Sheet","intentui","A panel for presenting related information or options. It can slide in from an edge or appear in the center of the screen.","npx shadcn@latest add @intentui/sheet","https://intentui.com/docs/components/overlays/sheet",0,"",["sheet",0,2,8],11,"misc","drawer|sheet,settings,notifications,overlay,panel|no icons,monochrome,minimal|c"],["Tooltip","intentui","Show a brief description when an element is hovered or focused.","npx shadcn@latest add @intentui/tooltip","https://intentui.com/docs/components/overlays/tooltip",0,"",["tooltip",0,4,10],10,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Combo Box","intentui","Search and select options using a text input and dropdown list.","npx shadcn@latest add @intentui/combo-box","https://intentui.com/docs/components/pickers/combo-box",0,"",["combo-box",0,7,2],3,"dropdown","combobox|card,select,search,autocomplete|icons,monochrome,minimal|c"],["Multiple Select","intentui","Select multiple options and display the selections as tags.","npx shadcn@latest add @intentui/multiple-select","https://intentui.com/docs/components/pickers/multiple-select",0,"",["multiple-select",0,0,6],50,"dropdown","multi select|select,combobox,tags|icons,monochrome|c"],["Native select","intentui","Select an option using the browser’s native select element.","npx shadcn@latest add @intentui/native-select","https://intentui.com/docs/components/pickers/native-select",0,"",["native-select",0,1,6],13,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select","intentui","Choose options from a dropdown list with single or multiple selection.","npx shadcn@latest add @intentui/select","https://intentui.com/docs/components/pickers/select",0,"",["select",0,0,8],35,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Badge","intentui","Display a compact status label or count.","npx shadcn@latest add @intentui/badge","https://intentui.com/docs/components/statuses/badge",0,"",["badge",0,3,0],13,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Loader","intentui","Indicate that an operation is in progress.","npx shadcn@latest add @intentui/loader","https://intentui.com/docs/components/statuses/loader",0,"",["loader",0,5,5],1,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Meter","intentui","Display a measured value within a known range, such as a score or resource usage.","npx shadcn@latest add @intentui/meter","https://intentui.com/docs/components/statuses/meter",0,"",["meter",0,7,5],62,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Note","intentui","Highlight information, warnings, or other contextual messages.","npx shadcn@latest add @intentui/note","https://intentui.com/docs/components/statuses/note",0,"",["note",0,2,6],46,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Progress Bar","intentui","Display task progress with a horizontal bar.","npx shadcn@latest add @intentui/progress-bar","https://intentui.com/docs/components/statuses/progress-bar",0,"",["progress-bar",0,0,7],60,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress Circle","intentui","Display task progress with a circular indicator.","npx shadcn@latest add @intentui/progress-circle","https://intentui.com/docs/components/statuses/progress-circle",0,"",["progress-circle",0,1,7],38,"loader","activity ring|progress bar,progress,ring,chart,dashboard|icons,monochrome,minimal|c"],["Skeleton","intentui","Display a placeholder for content while it loads.","npx shadcn@latest add @intentui/skeleton","https://intentui.com/docs/components/statuses/skeleton",0,"",["skeleton",0,4,8],6,"loader","skeleton|loading,placeholder|no icons,avatar,animated,monochrome,minimal|c"],["Toast","intentui","Display brief notifications for status updates, errors, and confirmations.","npx shadcn@latest add @intentui/toast","https://intentui.com/docs/components/statuses/toast",0,"",["toast",0,0,10],25,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Card","intentui","Group related content, media, and actions in a container.","npx shadcn@latest add @intentui/card","https://intentui.com/docs/components/surfaces/card",0,"",["card",0,1,1],92,"card","card|container,surface|no icons,monochrome|c"],["Description List","intentui","Display terms and their descriptions as semantic key-value pairs.","npx shadcn@latest add @intentui/description-list","https://intentui.com/docs/components/surfaces/description-list",0,"",["description-list",0,5,3],61,"misc","list|items,pricing,rows|no icons,monochrome|c"],["Heading","intentui","Display a heading with a configurable level and size.","npx shadcn@latest add @intentui/heading","https://intentui.com/docs/components/surfaces/heading",0,"",["heading",0,5,4],50,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Separator","intentui","Divide content with a horizontal or vertical line.","npx shadcn@latest add @intentui/separator","https://intentui.com/docs/components/surfaces/separator",0,"",["separator",0,1,8],0,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Show More","intentui","Expand or collapse content on demand.","npx shadcn@latest add @intentui/show-more","https://intentui.com/docs/components/surfaces/show-more",0,"",["show-more",0,3,8],10,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Text","intentui","Display paragraph text with shared typography, sizing, and color styles.","npx shadcn@latest add @intentui/text","https://intentui.com/docs/components/surfaces/text",0,"",["text",0,4,9],38,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Area Chart","intentui","Display trends and compare series with filled areas along an axis.","npx shadcn@latest add @intentui/area-chart","https://intentui.com/docs/components/visualizations/area-chart",0,"",["area-chart",0,0,0],90,"chart","area chart|chart,graph,dashboard|no icons|c"],["Bar Chart","intentui","Compare values across categories using bars, with support for stacked series.","npx shadcn@latest add @intentui/bar-chart","https://intentui.com/docs/components/visualizations/bar-chart",0,"",["bar-chart",0,4,0],100,"chart","bar chart|chart,graph,dashboard|no icons|c"],["Chart","intentui","Build responsive charts with shared tooltips, legends, and configuration.","npx shadcn@latest add @intentui/chart","https://intentui.com/docs/components/visualizations/chart",0,"",["chart",0,3,1],90,"chart","chart|graph,data,dashboard|no icons|c"],["Leaderboard","intentui","Display ranked entries with labels and numeric values.","npx shadcn@latest add @intentui/leaderboard","https://intentui.com/docs/components/visualizations/leaderboard",0,"",["leaderboard",0,1,5],80,"misc","input|text field,form,form control|no icons,monochrome|c"],["Line chart","intentui","Display trends across an ordered axis using lines, with support for multiple series.","npx shadcn@latest add @intentui/recharts","https://intentui.com/docs/components/visualizations/line-chart",0,"",["line-chart",0,2,5],81,"chart","line chart|chart,graph,dashboard|no icons|c"],["Pie Chart","intentui","Pie charts show how categories contribute to a whole. Use the donut variant when you also need to display a summary value in the center.","npx shadcn@latest add @intentui/pie-chart","https://intentui.com/docs/components/visualizations/pie-chart",0,"",["pie-chart",0,5,6],100,"chart","pie chart|chart,donut,dashboard|no icons|c"],["Radar Chart","intentui","Compare series across a shared set of dimensions on radial axes.","npx shadcn@latest add @intentui/radar-chart","https://intentui.com/docs/components/visualizations/radar-chart",0,"",["radar-chart",0,2,7],89,"chart","radar chart|chart,dashboard|no icons|c"],["Radial Bar Chart","intentui","Display values as concentric arcs for category comparisons or progress tracking.","npx shadcn@latest add @intentui/radial-bar-chart","https://intentui.com/docs/components/visualizations/radial-bar-chart",0,"",["radial-bar-chart",0,3,7],96,"chart","radial chart|bar chart,chart,gauge,dashboard|no icons|c"],["Tracker","intentui","Display a sequence of status values over time.","npx shadcn@latest add @intentui/tracker","https://intentui.com/docs/components/visualizations/tracker",0,"",["tracker",0,5,10],99,"misc","tracker|audio player,status,chart,dashboard|no icons,monochrome,minimal|c"],["Chain of Thought","promptkit","Display step-by-step reasoning and collapsible thought processes in AI interfaces.","npx shadcn@latest add \"https://prompt-kit.com/c/chain-of-thought.json\"","https://www.prompt-kit.com/docs/chain-of-thought",0,"",["chain-of-thought-basic",0,3,1],52,"accordion","ai prompt|ai,chat,input|icons,monochrome|c"],["Chain of Thought: Advanced","promptkit","Display step-by-step reasoning and collapsible thought processes in AI interfaces.","npx shadcn@latest add \"https://prompt-kit.com/c/chain-of-thought.json\"","https://www.prompt-kit.com/docs/chain-of-thought",0,"",["chain-of-thought-advanced",0,2,1],55,"accordion","ai prompt|ai,search,chat,input|icons,animated,monochrome|c"],["Chat Container","promptkit","A component for creating chat interfaces with intelligent auto-scrolling behavior, designed to provide a smooth experience in conversation interfaces.","npx shadcn@latest add \"https://prompt-kit.com/c/chat-container.json\"","https://www.prompt-kit.com/docs/chat-container",0,"",["chat-with-custom-scroll",0,5,1],72,"thinking","chat|messages,ai,input|no icons,monochrome|c"],["Chat Container: Chat basic","promptkit","A component for creating chat interfaces with intelligent auto-scrolling behavior, designed to provide a smooth experience in conversation interfaces.","npx shadcn@latest add \"https://prompt-kit.com/c/chat-container.json\"","https://www.prompt-kit.com/docs/chat-container",0,"",["chat-basic",0,4,1],72,"thinking","chat|messages,ai,input|no icons,monochrome|c"],["Code Block","promptkit","A component for displaying code snippets with syntax highlighting and customizable styling.","npx shadcn@latest add \"https://prompt-kit.com/c/code-block.json\"","https://www.prompt-kit.com/docs/code-block",0,"",["code-block-basic",0,6,1],88,"misc|b","code block|content section,code,syntax highlight|no icons,colorful|c"],["Code Block: With header","promptkit","A component for displaying code snippets with syntax highlighting and customizable styling.","npx shadcn@latest add \"https://prompt-kit.com/c/code-block.json\"","https://www.prompt-kit.com/docs/code-block",0,"",["code-block-with-header",0,3,2],85,"navbar|b","code block|navbar,content section,code,syntax highlight|icons,colorful|c"],["Code Block: Python","promptkit","A component for displaying code snippets with syntax highlighting and customizable styling.","npx shadcn@latest add \"https://prompt-kit.com/c/code-block.json\"","https://www.prompt-kit.com/docs/code-block",0,"",["code-block-python",0,1,2],88,"misc|b","code block|content section,code,syntax highlight|no icons,monochrome|c"],["Code Block: Css","promptkit","A component for displaying code snippets with syntax highlighting and customizable styling.","npx shadcn@latest add \"https://prompt-kit.com/c/code-block.json\"","https://www.prompt-kit.com/docs/code-block",0,"",["code-block-css",0,7,1],80,"misc|b","code block|content section,code,syntax highlight|no icons,colorful|c"],["Code Block: Themed","promptkit","A component for displaying code snippets with syntax highlighting and customizable styling.","npx shadcn@latest add \"https://prompt-kit.com/c/code-block.json\"","https://www.prompt-kit.com/docs/code-block",0,"",["code-block-themed",0,2,2],87,"misc|b","code block|content section,code,syntax highlight|icons,colorful|c"],["Code Block: Nord","promptkit","A component for displaying code snippets with syntax highlighting and customizable styling.","npx shadcn@latest add \"https://prompt-kit.com/c/code-block.json\"","https://www.prompt-kit.com/docs/code-block",0,"",["code-block-nord",0,0,2],83,"misc|b","code block|content section,code,syntax highlight|icons,colorful|c"],["Feedback Bar","promptkit","A component to collect user feedback on AI responses.","npx shadcn@latest add \"https://prompt-kit.com/c/feedback-bar.json\"","https://www.prompt-kit.com/docs/feedback-bar",0,"",["feedback-bar-basic",0,5,2],45,"thinking","timeline|history,steps,activity|no icons,monochrome,minimal|c"],["File Upload","promptkit","A component for creating drag-and-drop file upload interfaces with support for single or multiple files, custom triggers, and visual feedback during file dragging operations.","npx shadcn@latest add \"https://prompt-kit.com/c/file-upload.json\"","https://www.prompt-kit.com/docs/file-upload",0,"",["custom-file-upload",0,4,2],58,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["JSX Preview","promptkit","A component for rendering JSX strings as React components, with support for streaming content and automatic tag completion.","npx shadcn@latest add \"https://prompt-kit.com/c/jsx-preview.json\"","https://www.prompt-kit.com/docs/jsx-preview",0,"",["jsx-preview-basic",0,6,2],75,"thinking","tag|label,chip,pill|no icons,monochrome|c"],["JSX Preview: Streaming","promptkit","A component for rendering JSX strings as React components, with support for streaming content and automatic tag completion.","npx shadcn@latest add \"https://prompt-kit.com/c/jsx-preview.json\"","https://www.prompt-kit.com/docs/jsx-preview",0,"",["jsx-preview-streaming",0,7,2],76,"thinking","tag|label,chip,pill|no icons,monochrome,minimal|c"],["Loader","promptkit","A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.","npx shadcn@latest add \"https://prompt-kit.com/c/loader.json\"","https://www.prompt-kit.com/docs/loader",0,"",["loader-basic",0,0,3],63,"loader","loader|spinner,loading,progress|no icons,animated,monochrome|c"],["Loader: Sizes","promptkit","A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.","npx shadcn@latest add \"https://prompt-kit.com/c/loader.json\"","https://www.prompt-kit.com/docs/loader",0,"",["loader-sizes",0,1,3],68,"loader","loader|spinner,loading,progress|no icons,animated,monochrome|c"],["Loader: With text","promptkit","A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.","npx shadcn@latest add \"https://prompt-kit.com/c/loader.json\"","https://www.prompt-kit.com/docs/loader",0,"",["loader-with-text",0,2,3],62,"loader","loader|text effect,spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Markdown","promptkit","A component for rendering Markdown content with support for GitHub Flavored Markdown (GFM) and custom component styling.","npx shadcn@latest add \"https://prompt-kit.com/c/markdown.json\"","https://www.prompt-kit.com/docs/markdown",0,"",["markdown-basic",0,3,3],57,"misc","card|container,surface|no icons|b"],["Markdown: Custom components","promptkit","A component for rendering Markdown content with support for GitHub Flavored Markdown (GFM) and custom component styling.","npx shadcn@latest add \"https://prompt-kit.com/c/markdown.json\"","https://www.prompt-kit.com/docs/markdown",0,"",["markdown-custom-components",0,4,3],72,"misc","card|container,surface|no icons,monochrome|c"],["Message","promptkit","A component for displaying messages in a conversation interface, with support for avatars, markdown content, and interactive actions.","npx shadcn@latest add \"https://prompt-kit.com/c/message.json\"","https://www.prompt-kit.com/docs/message",0,"",["message-basic",0,5,3],61,"media","avatar group|avatar,team,users|no icons,monochrome|c"],["Message: With markdown","promptkit","A component for displaying messages in a conversation interface, with support for avatars, markdown content, and interactive actions.","npx shadcn@latest add \"https://prompt-kit.com/c/message.json\"","https://www.prompt-kit.com/docs/message",0,"",["message-with-markdown",0,7,3],75,"media","avatar group|avatar,team,users|no icons|c"],["Message: With actions","promptkit","A component for displaying messages in a conversation interface, with support for avatars, markdown content, and interactive actions.","npx shadcn@latest add \"https://prompt-kit.com/c/message.json\"","https://www.prompt-kit.com/docs/message",0,"",["message-with-actions",0,6,3],64,"media","avatar group|avatar,team,users|icons,monochrome|c"],["Prompt Input","promptkit","An AI Input that allows users to enter and submit text to an AI model.","npx shadcn@latest add \"https://prompt-kit.com/c/prompt-input.json\"","https://www.prompt-kit.com/docs/prompt-input",0,"",["prompt-input-basic",0,0,4],16,"thinking","input|ai prompt,text field,form,form control|icons,monochrome,minimal|c"],["Prompt Input: With actions","promptkit","An AI Input that allows users to enter and submit text to an AI model.","npx shadcn@latest add \"https://prompt-kit.com/c/prompt-input.json\"","https://www.prompt-kit.com/docs/prompt-input",0,"",["prompt-input-with-actions",0,1,4],48,"thinking","input|ai prompt,text field,form,form control|icons,monochrome|c"],["Prompt Suggestion","promptkit","A component for implementing interactive prompt suggestions in AI interfaces. The PromptSuggestion component offers two distinct modes: Normal Mode and Highlight Mode.","npx shadcn@latest add \"https://prompt-kit.com/c/prompt-suggestion.json\"","https://www.prompt-kit.com/docs/prompt-suggestion",0,"",["prompt-suggestion-basic",0,2,4],62,"thinking","combobox|ai prompt,select,search,autocomplete|icons,monochrome|c"],["Prompt Suggestion: Highlight","promptkit","A component for implementing interactive prompt suggestions in AI interfaces. The PromptSuggestion component offers two distinct modes: Normal Mode and Highlight Mode.","npx shadcn@latest add \"https://prompt-kit.com/c/prompt-suggestion.json\"","https://www.prompt-kit.com/docs/prompt-suggestion",0,"",["prompt-suggestion-highlight",0,3,4],59,"thinking","combobox|ai prompt,select,search,autocomplete|no icons,monochrome|c"],["Prompt Suggestion: Variants","promptkit","A component for implementing interactive prompt suggestions in AI interfaces. The PromptSuggestion component offers two distinct modes: Normal Mode and Highlight Mode.","npx shadcn@latest add \"https://prompt-kit.com/c/prompt-suggestion.json\"","https://www.prompt-kit.com/docs/prompt-suggestion",0,"",["prompt-suggestion-variants",0,4,4],52,"thinking","combobox|ai prompt,select,search,autocomplete|no icons,monochrome,minimal|c"],["Reasoning","promptkit","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.","npx shadcn@latest add \"https://prompt-kit.com/c/reasoning.json\"","https://www.prompt-kit.com/docs/reasoning",0,"",["reasoning-basic",0,5,4],47,"thinking","ai prompt|ai,chat,input|icons,monochrome,minimal|c"],["Reasoning: Markdown","promptkit","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.","npx shadcn@latest add \"https://prompt-kit.com/c/reasoning.json\"","https://www.prompt-kit.com/docs/reasoning",0,"",["reasoning-markdown",0,6,4],48,"thinking","ai prompt|ai,chat,input|icons,monochrome,minimal|c"],["Response Stream","promptkit","A component to simulate streaming text on the client side, perfect for fake responses, or any controlled progressive text display.","npx shadcn@latest add \"https://prompt-kit.com/c/response-stream.json\"","https://www.prompt-kit.com/docs/response-stream",0,"",["response-stream-typewriter",0,0,5],39,"thinking","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Response Stream: Fade","promptkit","A component to simulate streaming text on the client side, perfect for fake responses, or any controlled progressive text display.","npx shadcn@latest add \"https://prompt-kit.com/c/response-stream.json\"","https://www.prompt-kit.com/docs/response-stream",0,"",["response-stream-fade",0,7,4],41,"thinking","progress bar|progress,meter,loading|no icons,animated,monochrome,minimal|c"],["Response Stream: With markdown","promptkit","A component to simulate streaming text on the client side, perfect for fake responses, or any controlled progressive text display.","npx shadcn@latest add \"https://prompt-kit.com/c/response-stream.json\"","https://www.prompt-kit.com/docs/response-stream",0,"",["response-stream-with-markdown",0,1,5],51,"thinking","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Response Stream: Use text stream example","promptkit","A component to simulate streaming text on the client side, perfect for fake responses, or any controlled progressive text display.","npx shadcn@latest add \"https://prompt-kit.com/c/response-stream.json\"","https://www.prompt-kit.com/docs/response-stream",0,"",["use-text-stream-example",0,4,7],15,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Scroll Button","promptkit","A floating button that appears when the user scrolls up and lets them return to the bottom of the chat.","npx shadcn@latest add \"https://prompt-kit.com/c/scroll-button.json\"","https://www.prompt-kit.com/docs/scroll-button",0,"",["scroll-button-basic",0,2,5],57,"button","button|cta,click,action|icons,monochrome|c"],["Scroll Button: Custom","promptkit","A floating button that appears when the user scrolls up and lets them return to the bottom of the chat.","npx shadcn@latest add \"https://prompt-kit.com/c/scroll-button.json\"","https://www.prompt-kit.com/docs/scroll-button",0,"",["scroll-button-custom",0,3,5],64,"button","button|cta,click,action|no icons,monochrome|c"],["Scroll Button: With chat","promptkit","A floating button that appears when the user scrolls up and lets them return to the bottom of the chat.","npx shadcn@latest add \"https://prompt-kit.com/c/scroll-button.json\"","https://www.prompt-kit.com/docs/scroll-button",0,"",["scroll-button-with-chat",0,4,5],72,"button","button|chat,cta,click,action|icons,colorful|c"],["Source","promptkit","Displays website sources used by AI-generated content, showing URL details, titles, and descriptions on hover.","npx shadcn@latest add \"https://prompt-kit.com/c/source.json\"","https://www.prompt-kit.com/docs/source",0,"",["source-basic",0,5,5],44,"thinking","ai prompt|ai,chat,input|no icons,avatar,images,monochrome,minimal|c"],["Source: Custom","promptkit","Displays website sources used by AI-generated content, showing URL details, titles, and descriptions on hover.","npx shadcn@latest add \"https://prompt-kit.com/c/source.json\"","https://www.prompt-kit.com/docs/source",0,"",["source-custom",0,6,5],43,"thinking","ai prompt|ai,chat,input|no icons,avatar,images,monochrome,minimal|c"],["Steps","promptkit","Displays a sequence of operations in a collapsible layout. Each step can include details and an optional vertical bar. Useful for showing AI steps like reasoning traces, tool calls","npx shadcn@latest add \"https://prompt-kit.com/c/steps.json\"","https://www.prompt-kit.com/docs/steps",0,"",["steps-basic",0,7,5],60,"accordion","stepper|steps,progress,onboarding|icons,monochrome|c"],["Steps: With source","promptkit","Displays a sequence of operations in a collapsible layout. Each step can include details and an optional vertical bar. Useful for showing AI steps like reasoning traces, tool calls","npx shadcn@latest add \"https://prompt-kit.com/c/steps.json\"","https://www.prompt-kit.com/docs/steps",0,"",["steps-with-source",0,2,6],63,"accordion","stepper|steps,search,progress,onboarding|icons,avatar,images,monochrome|c"],["Steps: Icon swap","promptkit","Displays a sequence of operations in a collapsible layout. Each step can include details and an optional vertical bar. Useful for showing AI steps like reasoning traces, tool calls","npx shadcn@latest add \"https://prompt-kit.com/c/steps.json\"","https://www.prompt-kit.com/docs/steps",0,"",["steps-icon-swap",0,0,6],57,"accordion","stepper|animated icon,steps,progress,onboarding|icons,monochrome|c"],["Steps: With loader","promptkit","Displays a sequence of operations in a collapsible layout. Each step can include details and an optional vertical bar. Useful for showing AI steps like reasoning traces, tool calls","npx shadcn@latest add \"https://prompt-kit.com/c/steps.json\"","https://www.prompt-kit.com/docs/steps",0,"",["steps-with-loader",0,1,6],58,"loader","stepper|loader,steps,progress,onboarding|icons,monochrome|c"],["System Message","promptkit","Display contextual information, warnings, or instructions in AI interfaces.","npx shadcn@latest add \"https://prompt-kit.com/c/system-message.json\"","https://www.prompt-kit.com/docs/system-message",0,"",["system-message-basic",0,3,6],49,"thinking","ai prompt|ai,team,chat,input|no icons,monochrome|c"],["System Message: Variants","promptkit","Display contextual information, warnings, or instructions in AI interfaces.","npx shadcn@latest add \"https://prompt-kit.com/c/system-message.json\"","https://www.prompt-kit.com/docs/system-message",0,"",["system-message-variants",0,4,6],88,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["System Message: With cta","promptkit","Display contextual information, warnings, or instructions in AI interfaces.","npx shadcn@latest add \"https://prompt-kit.com/c/system-message.json\"","https://www.prompt-kit.com/docs/system-message",0,"",["system-message-with-cta",0,5,6],84,"button|b","cta section|call to action,banner|icons,monochrome|b"],["Text Shimmer","promptkit","An animated text shimmer effect for loading states and AI responses.","npx shadcn@latest add \"https://prompt-kit.com/c/text-shimmer.json\"","https://www.prompt-kit.com/docs/text-shimmer",0,"",["text-shimmer-basic",0,6,6],6,"text","skeleton|text effect,loading,placeholder|no icons,monochrome,minimal|c"],["Text Shimmer: Custom duration","promptkit","An animated text shimmer effect for loading states and AI responses.","npx shadcn@latest add \"https://prompt-kit.com/c/text-shimmer.json\"","https://www.prompt-kit.com/docs/text-shimmer",0,"",["text-shimmer-custom-duration",0,7,6],40,"text","skeleton|text effect,loading,placeholder|no icons,animated,monochrome,minimal|c"],["Text Shimmer: Custom spread","promptkit","An animated text shimmer effect for loading states and AI responses.","npx shadcn@latest add \"https://prompt-kit.com/c/text-shimmer.json\"","https://www.prompt-kit.com/docs/text-shimmer",0,"",["text-shimmer-custom-spread",0,0,7],12,"text","skeleton|text effect,loading,placeholder|no icons,animated,monochrome,minimal|c"],["Thinking Bar","promptkit","A component to display the thinking state of an AI model with optional actions.","npx shadcn@latest add \"https://prompt-kit.com/c/thinking-bar.json\"","https://www.prompt-kit.com/docs/thinking-bar",0,"",["thinking-bar-interactive",0,1,7],36,"thinking","ai prompt|ai,tasks,chat,input|icons,monochrome,minimal|c"],["Tool","promptkit","Displays tool call details including input, output, status, and errors. Ideal for visualizing AI tool usage in chat UIs.","npx shadcn@latest add \"https://prompt-kit.com/c/tool.json\"","https://www.prompt-kit.com/docs/tool",0,"",["tool-basic",0,2,7],55,"input","chat|messages,ai,input|icons,monochrome|c"],["Tool: States","promptkit","Displays tool call details including input, output, status, and errors. Ideal for visualizing AI tool usage in chat UIs.","npx shadcn@latest add \"https://prompt-kit.com/c/tool.json\"","https://www.prompt-kit.com/docs/tool",0,"",["tool-states",0,3,7],83,"input","chat|messages,ai,input|no icons,monochrome,minimal|c"],["Conversation actions","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-conversation-actions",0,0,0],70,"thinking","chat|messages,ai,input|icons,colorful|c"],["Conversation avatars","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-conversation-avatars",0,1,0],72,"media","avatar group|chat,avatar,team,users|no icons,colorful|c"],["Conversation prompt input","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-conversation-prompt-input",0,2,0],75,"thinking","input|ai prompt,chat,text field,form,form control|icons,colorful|c"],["Conversation scroll bottom","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-conversation-scroll-bottom",0,3,0],69,"thinking","chat|messages,ai,input|icons,colorful|c"],["Full chat app","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-full-chat-app",0,4,0],73,"thinking","chat|messages,ai,input|icons,colorful|c"],["Full conversation","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-full-conversation",0,5,0],77,"thinking","chat|messages,ai,input|no icons,colorful|c"],["Prompt autocomplete highlight","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-prompt-autocomplete-highlight",0,6,0],71,"thinking","combobox|ai prompt,select,search,autocomplete|icons,monochrome|c"],["Prompt input actions","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-prompt-input-actions",0,7,0],60,"thinking","input|ai prompt,search,text field,form,form control|no icons,monochrome,minimal|c"],["Prompt input suggestions","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-prompt-input-suggestions",0,0,1],67,"thinking","combobox|input,ai prompt,select,search,autocomplete|icons,monochrome|c"],["Sidebar chat history","promptkit","A ready chat interface block built from prompt-kit parts.","","https://www.prompt-kit.com/blocks",0,"",["block-sidebar-chat-history",0,1,1],81,"section|b","timeline|sidebar,chat,history,steps,activity|icons,monochrome|b"],["Attachments","aielements","A flexible, composable attachment component for displaying files, images, videos, audio, and source documents.","npx ai-elements@latest add attachments","https://ai-sdk.dev/elements/components/attachments",0,"",["attachments",0,2,0],85,"upload","file upload|dropzone,upload,drag and drop|icons,images,monochrome|c"],["Chain of Thought","aielements","A collapsible component that visualizes AI reasoning steps with support for search results, images, and step-by-step progress indicators.","npx ai-elements@latest add chain-of-thought","https://ai-sdk.dev/elements/components/chain-of-thought",0,"",["chain-of-thought",0,3,0],84,"accordion","progress bar|progress,meter,loading|icons,monochrome|c"],["Checkpoint","aielements","A simple component for marking conversation history points and restoring the chat to a previous state.","npx ai-elements@latest add checkpoint","https://ai-sdk.dev/elements/components/checkpoint",0,"",["checkpoint",0,4,0],66,"thinking","chat|messages,ai,input|icons,monochrome|c"],["Confirmation","aielements","An alert-based component for managing tool execution approval workflows with request, accept, and reject states.","npx ai-elements@latest add confirmation","https://ai-sdk.dev/elements/components/confirmation",0,"",["confirmation",0,7,0],75,"toast","alert dialog|dialog,modal,confirm|no icons,monochrome|c"],["Context","aielements","A compound component system for displaying AI model context window usage, token consumption, and cost estimation.","npx ai-elements@latest add context","https://ai-sdk.dev/elements/components/context",0,"",["context",0,0,1],1,"thinking","progress bar|progress,meter,loading|icons,monochrome,minimal|c"],["Conversation","aielements","Wraps messages and automatically scrolls to the bottom. Also includes a scroll button that appears when not at the bottom.","npx ai-elements@latest add conversation","https://ai-sdk.dev/elements/components/conversation",0,"",["conversation",0,1,1],68,"button","chat|messages,ai,input|no icons,monochrome|c"],["Inline Citation","aielements","A hoverable citation component that displays source information and quotes inline with text, perfect for AI-generated content with references.","npx ai-elements@latest add inline-citation","https://ai-sdk.dev/elements/components/inline-citation",0,"",["inline-citation",0,5,1],48,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Message","aielements","A comprehensive suite of components for displaying chat messages, including message rendering, branching, actions, and markdown responses.","npx ai-elements@latest add message","https://ai-sdk.dev/elements/components/message",0,"",["message",0,7,1],72,"thinking","chat|messages,ai,input|icons,monochrome|c"],["Model Selector","aielements","A searchable command palette for selecting AI models in your chat interface.","npx ai-elements@latest add model-selector","https://ai-sdk.dev/elements/components/model-selector",0,"",["model-selector",0,1,2],44,"command","ai prompt|select,ai,chat,input|no icons,avatar,monochrome,minimal|c"],["Plan","aielements","A collapsible plan component for displaying AI-generated execution plans with streaming support and shimmer animations.","npx ai-elements@latest add plan","https://ai-sdk.dev/elements/components/plan",0,"",["plan",0,5,2],76,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Prompt Input","aielements","Allows a user to send a message with file attachments to a large language model. It includes a textarea, file upload capabilities, a submit button, and a dropdown for selecting the","npx ai-elements@latest add prompt-input","https://ai-sdk.dev/elements/components/prompt-input",0,"",["prompt-input",0,6,2],66,"thinking","input|ai prompt,search,text field,form,form control|icons,avatar,monochrome|c"],["Question","aielements","A composable prompt for collecting choices, freeform text, or both from a user.","npx ai-elements@latest add question","https://ai-sdk.dev/elements/components/question",0,"",["question",0,7,2],81,"thinking","checkbox|form,checklist|no icons,monochrome|c"],["Queue","aielements","A comprehensive queue component system for displaying message lists, todos, and collapsible task sections in AI applications.","npx ai-elements@latest add queue","https://ai-sdk.dev/elements/components/queue",0,"",["queue",0,0,3],57,"accordion","accordion|collapsible,tasks,settings,expand,faq|icons,avatar,monochrome|c"],["Reasoning","aielements","A collapsible component that displays AI reasoning content, automatically opening during streaming and closing when finished.","npx ai-elements@latest add reasoning","https://ai-sdk.dev/elements/components/reasoning",0,"",["reasoning",0,1,3],55,"thinking","ai prompt|ai,chat,input|no icons,monochrome|c"],["Shimmer","aielements","An animated text shimmer component for creating eye-catching loading states and progressive reveal effects.","npx ai-elements@latest add shimmer","https://ai-sdk.dev/elements/components/shimmer",0,"",["shimmer",0,4,3],63,"text","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Sources","aielements","A component that allows a user to view the sources or citations used to generate a response.","npx ai-elements@latest add sources","https://ai-sdk.dev/elements/components/sources",0,"",["sources",0,6,3],14,"misc","card|container,surface|icons,monochrome,minimal|c"],["Suggestion","aielements","A suggestion component that displays a horizontal row of clickable suggestions for user interaction.","npx ai-elements@latest add suggestion","https://ai-sdk.dev/elements/components/suggestion",0,"",["suggestion",0,1,4],12,"misc","combobox|select,search,autocomplete|no icons,monochrome|c"],["Task","aielements","A collapsible task list component for displaying AI workflow progress, with status indicators and optional descriptions.","npx ai-elements@latest add task","https://ai-sdk.dev/elements/components/task",0,"",["task",0,2,4],70,"accordion","progress bar|progress,tasks,meter,loading|icons,monochrome|c"],["Tool","aielements","A collapsible component for displaying tool invocation details in AI chatbot interfaces.","npx ai-elements@latest add tool","https://ai-sdk.dev/elements/components/tool",0,"",["tool",0,5,4],74,"accordion","chat|messages,ai,input|icons,monochrome|c"],["Agent","aielements","A composable component for displaying AI agent configuration with model, instructions, tools, and output schema.","npx ai-elements@latest add agent","https://ai-sdk.dev/elements/components/agent",0,"",["agent",0,0,0],67,"thinking","ai prompt|ai,search,chat,input|icons|c"],["Artifact","aielements","A container component for displaying generated content like code, documents, or other outputs with built-in actions.","npx ai-elements@latest add artifact","https://ai-sdk.dev/elements/components/artifact",0,"",["artifact",0,1,0],65,"misc","code block|code,syntax highlight|icons,colorful|c"],["Code Block","aielements","Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.","npx ai-elements@latest add code-block","https://ai-sdk.dev/elements/components/code-block",0,"",["code-block",0,5,0],67,"misc|b","code block|content section,code,syntax highlight|icons,colorful|c"],["Commit","aielements","Display commit information with hash, message, author, and file changes.","npx ai-elements@latest add commit","https://ai-sdk.dev/elements/components/commit",0,"",["commit",0,6,0],54,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["Environment Variables","aielements","Display environment variables with masking and copy functionality.","npx ai-elements@latest add environment-variables","https://ai-sdk.dev/elements/components/environment-variables",0,"",["environment-variables",0,2,1],66,"misc","switch|toggle,on off,settings|icons,monochrome|c"],["File Tree","aielements","Display hierarchical file and folder structure with expand/collapse functionality.","npx ai-elements@latest add file-tree","https://ai-sdk.dev/elements/components/file-tree",0,"",["file-tree",0,3,1],58,"upload","tree view|file tree,nested list|icons,monochrome|c"],["JSX Preview","aielements","A component that dynamically renders JSX strings with streaming support for AI-generated UI.","npx ai-elements@latest add jsx-preview","https://ai-sdk.dev/elements/components/jsx-preview",0,"",["jsx-preview",0,6,1],89,"thinking","ai prompt|ai,chat,input|no icons,monochrome|c"],["Package Info","aielements","Display dependency information and version changes.","npx ai-elements@latest add package-info","https://ai-sdk.dev/elements/components/package-info",0,"",["package-info",0,3,2],69,"misc","card|container,surface|icons,monochrome|c"],["Sandbox","aielements","A collapsible container for displaying AI-generated code and output in chat interfaces.","npx ai-elements@latest add sandbox","https://ai-sdk.dev/elements/components/sandbox",0,"",["sandbox",0,2,3],89,"accordion","tabs|tab bar,segmented control,navigation|icons,colorful|c"],["Schema Display","aielements","Display REST API endpoint documentation with parameters, request/response bodies.","npx ai-elements@latest add schema-display","https://ai-sdk.dev/elements/components/schema-display",0,"",["schema-display",0,3,3],68,"misc","card|container,surface|icons,monochrome|c"],["Snippet","aielements","Lightweight inline code display for terminal commands and short code references.","npx ai-elements@latest add snippet","https://ai-sdk.dev/elements/components/snippet",0,"",["snippet",0,5,3],50,"command","code block|code,syntax highlight|icons,monochrome,minimal|c"],["Stack Trace","aielements","Displays formatted JavaScript/Node.js error stack traces with syntax highlighting and collapsible frames.","npx ai-elements@latest add stack-trace","https://ai-sdk.dev/elements/components/stack-trace",0,"",["stack-trace",0,0,4],66,"carousel","code block|code,syntax highlight|icons,monochrome|c"],["Terminal","aielements","Display streaming console output with full ANSI color support.","npx ai-elements@latest add terminal","https://ai-sdk.dev/elements/components/terminal",0,"",["terminal",0,3,4],73,"thinking","terminal|code,command line|icons,colorful|c"],["Test Results","aielements","Display test suite results with pass/fail/skip status and error details.","npx ai-elements@latest add test-results","https://ai-sdk.dev/elements/components/test-results",0,"",["test-results",0,4,4],93,"misc","card|container,login,surface|icons,monochrome|c"],["Web Preview","aielements","A composable component for previewing the result of a generated UI, with support for live examples and code display.","npx ai-elements@latest add web-preview","https://ai-sdk.dev/elements/components/web-preview",0,"",["web-preview",0,0,5],85,"misc","input|text field,form,form control|icons,monochrome|c"],["Image","aielements","Displays AI-generated images from the AI SDK.","npx ai-elements@latest add image","https://ai-sdk.dev/elements/components/image",0,"",["image",0,4,1],94,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Open In Chat","aielements","A dropdown menu for opening queries in various AI chat platforms including ChatGPT, Claude, T3, Scira, and v0.","npx ai-elements@latest add open-in-chat","https://ai-sdk.dev/elements/components/open-in-chat",0,"",["open-in-chat",0,2,2],11,"thinking","chat|messages,ai,input|icons,monochrome,minimal|c"],["Audio Player","aielements","A composable audio player component built on media-chrome, with shadcn styling and flexible controls.","npx ai-elements@latest add audio-player","https://ai-sdk.dev/elements/components/audio-player",0,"",0,0],["Mic Selector","aielements","A composable dropdown component for selecting audio input devices with permission handling and device change detection.","npx ai-elements@latest add mic-selector","https://ai-sdk.dev/elements/components/mic-selector",0,"",["mic-selector",0,0,2],47,"dropdown","select|voice,dropdown,options,form|icons,monochrome,minimal|c"],["Persona","aielements","An animated AI visual component powered by Rive that responds to different states like listening, thinking, and speaking.","npx ai-elements@latest add persona","https://ai-sdk.dev/elements/components/persona",0,"",["persona",0,4,2],28,"thinking","ai prompt|ai,chat,input|icons,monochrome|c"],["Speech Input","aielements","A button component that captures voice input and converts it to text, with cross-browser support.","npx ai-elements@latest add speech-input","https://ai-sdk.dev/elements/components/speech-input",0,"",["speech-input",0,7,3],54,"input","input|voice,text field,form,form control|icons,monochrome,minimal|c"],["Transcription","aielements","A composable component for displaying interactive, synchronized transcripts from AI SDK transcribe() results with click-to-seek functionality.","npx ai-elements@latest add transcription","https://ai-sdk.dev/elements/components/transcription",0,"",["transcription",0,6,4],78,"thinking","ai prompt|ai,chat,input|no icons,monochrome|c"],["Voice Selector","aielements","A composable dialog component for selecting AI voices with metadata display and search functionality.","npx ai-elements@latest add voice-selector","https://ai-sdk.dev/elements/components/voice-selector",0,"",["voice-selector",0,7,4],46,"dialog","select|voice,dropdown,options,form|no icons,monochrome,minimal|c"],["Accordion 1","shadcnstudio","Basic accordion with default styling and collapsible FAQ items.","npx shadcn@latest add @ss-components/accordion-01","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-01",0,1,0],59,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 2","shadcnstudio","Card-style accordion with separated items, shadow effects, and rotated chevron icons.","npx shadcn@latest add @ss-components/accordion-02","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-02",0,2,0],66,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 3","shadcnstudio","Icon-enhanced accordion with category icons displayed before each item title.","npx shadcn@latest add @ss-components/accordion-03","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-03",0,3,0],59,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 4","shadcnstudio","Plus/minus icon accordion with animated icon transitions for expand/collapse states.","npx shadcn@latest add @ss-components/accordion-04","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-04",0,4,0],59,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 5","shadcnstudio","Active state accordion with amber highlighting for expanded items and borders.","npx shadcn@latest add @ss-components/accordion-05","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-05",0,5,0],71,"accordion","accordion|collapsible,media,expand,faq|no icons,monochrome|c"],["Accordion 6","shadcnstudio","Icon and expand indicator accordion with category icons and plus icon for expand/collapse.","npx shadcn@latest add @ss-components/accordion-06","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-06",0,6,0],59,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 7","shadcnstudio","Avatar-based accordion displaying user profiles with avatar images, names, and email addresses.","npx shadcn@latest add @ss-components/accordion-07","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-07",0,7,0],59,"accordion","accordion|collapsible,account,expand,faq|icons,monochrome|c"],["Accordion 8","shadcnstudio","Enhanced icon accordion with circular icon containers and subtitle descriptions for each item.","npx shadcn@latest add @ss-components/accordion-08","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-08",0,0,1],57,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 9","shadcnstudio","Outline-style accordion with bordered items and spacing between each accordion item.","npx shadcn@latest add @ss-components/accordion-09","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-09",0,1,1],58,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 10","shadcnstudio","Box-style accordion with unified border container around all accordion items.","npx shadcn@latest add @ss-components/accordion-10","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-10",0,2,1],59,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 11","shadcnstudio","Tab-style accordion with accent background highlighting for expanded items.","npx shadcn@latest add @ss-components/accordion-11","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-11",0,3,1],68,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 12","shadcnstudio","Tab with outline accordion featuring bordered highlighting and shadow effects for expanded items.","npx shadcn@latest add @ss-components/accordion-12","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-12",0,4,1],58,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 13","shadcnstudio","Media content accordion with category icons and embedded images in accordion content.","npx shadcn@latest add @ss-components/accordion-13","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-13",0,5,1],82,"accordion","accordion|collapsible,media,expand,faq|no icons,monochrome|c"],["Accordion 14","shadcnstudio","Filled header accordion with accent background triggers and separated content sections.","npx shadcn@latest add @ss-components/accordion-14","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-14",0,6,1],67,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 15","shadcnstudio","Multi-level accordion with nested collapsible sections for hierarchical FAQ organization.","npx shadcn@latest add @ss-components/accordion-15","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-15",0,7,1],67,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Accordion 16","shadcnstudio","Simplified multi-level accordion with plus/minus icons for nested FAQ categories and questions.","npx shadcn@latest add @ss-components/accordion-16","https://shadcnstudio.com/docs/components/accordion",0,"",["accordion-16",0,0,2],67,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome|c"],["Alert 1","shadcnstudio","Basic alert with circle alert icon and simple title message.","npx shadcn@latest add @ss-components/alert-01","https://shadcnstudio.com/docs/components/alert",0,"",["alert-01",0,1,2],47,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 2","shadcnstudio","Avatar-enhanced alert with user profile image, and alert icon.","npx shadcn@latest add @ss-components/alert-02","https://shadcnstudio.com/docs/components/alert",0,"",["alert-02",0,2,2],56,"toast","alert|message,upload,notifications,banner,callout|icons,monochrome,minimal|c"],["Alert 3","shadcnstudio","Closable alert with dismiss functionality using X icon and state management.","npx shadcn@latest add @ss-components/alert-03","https://shadcnstudio.com/docs/components/alert",0,"",["alert-03",0,3,2],55,"toast","alert|message,notifications,banner,callout|icons,monochrome|c"],["Alert 4","shadcnstudio","Interactive alert with link button featuring arrow icon and styled border/text colors.","npx shadcn@latest add @ss-components/alert-04","https://shadcnstudio.com/docs/components/alert",0,"",["alert-04",0,4,2],61,"toast","alert|message,banner,callout|icons,monochrome|c"],["Alert 5","shadcnstudio","Attached icon alert with separated icon section and destructive warning styling.","npx shadcn@latest add @ss-components/alert-05","https://shadcnstudio.com/docs/components/alert",0,"",["alert-05",0,5,2],28,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Alert 6","shadcnstudio","Focused icon alert with avatar-wrapped warning icon and destructive background styling.","npx shadcn@latest add @ss-components/alert-06","https://shadcnstudio.com/docs/components/alert",0,"",["alert-06",0,6,2],70,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 7","shadcnstudio","File upload progress alert with animated progress bar, action buttons, and close functionality.","npx shadcn@latest add @ss-components/alert-07","https://shadcnstudio.com/docs/components/alert",0,"",["alert-07",0,7,2],80,"toast","alert|message,upload,banner,callout|icons,monochrome|c"],["Alert 8","shadcnstudio","Multi-action alert with primary background, multiple buttons, and dismissible interface.","npx shadcn@latest add @ss-components/alert-08","https://shadcnstudio.com/docs/components/alert",0,"",["alert-08",0,0,3],78,"toast","alert|message,banner,callout|icons,monochrome|c"],["Alert 9","shadcnstudio","Task progress alert with user avatar, progress indicator, and task completion tracking.","npx shadcn@latest add @ss-components/alert-09","https://shadcnstudio.com/docs/components/alert",0,"",["alert-09",0,1,3],76,"toast","alert|message,tasks,banner,callout|no icons,monochrome,minimal|c"],["Alert 10","shadcnstudio","Gradient background alert with email verification message and gradient styling.","npx shadcn@latest add @ss-components/alert-10","https://shadcnstudio.com/docs/components/alert",0,"",["alert-10",0,2,3],57,"toast","alert|message,notifications,banner,callout|icons,monochrome|c"],["Alert 11","shadcnstudio","Success indicator alert with left border highlight and green success styling.","npx shadcn@latest add @ss-components/alert-11","https://shadcnstudio.com/docs/components/alert",0,"",["alert-11",0,3,3],38,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 12","shadcnstudio","Information/error indicator alert with destructive background styling and informational content.","npx shadcn@latest add @ss-components/alert-12","https://shadcnstudio.com/docs/components/alert",0,"",["alert-12",0,4,3],67,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 13","shadcnstudio","displaying a minimal \"New message!\" notification with an attention icon and an actionable \"Open\" button","npx shadcn@latest add @ss-components/alert-13","https://shadcnstudio.com/docs/components/alert",0,"",["alert-13",0,5,3],17,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Alert 14","shadcnstudio","Error indicator alert with red styling and destructive error message.","npx shadcn@latest add @ss-components/alert-14","https://shadcnstudio.com/docs/components/alert",0,"",["alert-14",0,6,3],22,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 15","shadcnstudio","Pure destructive alert using built-in destructive variant with error styling.","npx shadcn@latest add @ss-components/alert-15","https://shadcnstudio.com/docs/components/alert",0,"",["alert-15",0,7,3],59,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 16","shadcnstudio","Minimal alert without icon displaying simple message text only.","npx shadcn@latest add @ss-components/alert-16","https://shadcnstudio.com/docs/components/alert",0,"",["alert-16",0,0,4],14,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Alert 17","shadcnstudio","Standard alert with both title and description text providing detailed information.","npx shadcn@latest add @ss-components/alert-17","https://shadcnstudio.com/docs/components/alert",0,"",["alert-17",0,1,4],54,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 18","shadcnstudio","Outline info alert with blue border and text styling for informational messages.","npx shadcn@latest add @ss-components/alert-18","https://shadcnstudio.com/docs/components/alert",0,"",["alert-18",0,2,4],68,"toast","alert|message,notifications,banner,callout|icons,monochrome|c"],["Alert 19","shadcnstudio","Outline success alert with green border and text for success messages.","npx shadcn@latest add @ss-components/alert-19","https://shadcnstudio.com/docs/components/alert",0,"",["alert-19",0,3,4],66,"toast","alert|message,login,banner,callout|icons,monochrome|c"],["Alert 20","shadcnstudio","Outline warning alert with amber border and text for warning messages.","npx shadcn@latest add @ss-components/alert-20","https://shadcnstudio.com/docs/components/alert",0,"",["alert-20",0,4,4],67,"toast","alert|message,login,banner,callout|icons,monochrome|c"],["Alert 21","shadcnstudio","Soft primary alert with subtle background and text styling for secondary messages.","npx shadcn@latest add @ss-components/alert-21","https://shadcnstudio.com/docs/components/alert",0,"",["alert-21",0,5,4],71,"toast","alert|message,banner,callout|no icons,monochrome|c"],["Alert 22","shadcnstudio","Soft info alert with blue background and subtle styling for information.","npx shadcn@latest add @ss-components/alert-22","https://shadcnstudio.com/docs/components/alert",0,"",["alert-22",0,6,4],77,"toast","alert|message,upload,banner,callout|icons,monochrome|c"],["Alert 23","shadcnstudio","Soft success alert with green background and subtle styling for success messages.","npx shadcn@latest add @ss-components/alert-23","https://shadcnstudio.com/docs/components/alert",0,"",["alert-23",0,7,4],75,"toast","alert|message,upload,banner,callout|icons,monochrome|c"],["Alert 24","shadcnstudio","Soft warning alert with amber background and subtle styling for warnings.","npx shadcn@latest add @ss-components/alert-24","https://shadcnstudio.com/docs/components/alert",0,"",["alert-24",0,0,5],76,"toast","alert|message,upload,banner,callout|icons,monochrome|c"],["Alert 25","shadcnstudio","Soft destructive alert with red background and subtle styling for errors.","npx shadcn@latest add @ss-components/alert-25","https://shadcnstudio.com/docs/components/alert",0,"",["alert-25",0,1,5],76,"toast","alert|message,upload,banner,callout|icons,monochrome|c"],["Alert 26","shadcnstudio","Solid info alert with full primary background for prominent informational messages.","npx shadcn@latest add @ss-components/alert-26","https://shadcnstudio.com/docs/components/alert",0,"",["alert-26",0,2,5],74,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 27","shadcnstudio","Solid success alert with full green background for prominent success messages.","npx shadcn@latest add @ss-components/alert-27","https://shadcnstudio.com/docs/components/alert",0,"",["alert-27",0,3,5],86,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 28","shadcnstudio","Solid warning alert with full amber background for prominent warning messages.","npx shadcn@latest add @ss-components/alert-28","https://shadcnstudio.com/docs/components/alert",0,"",["alert-28",0,4,5],86,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 29","shadcnstudio","Solid info alert with full blue background for prominent informational messages.","npx shadcn@latest add @ss-components/alert-29","https://shadcnstudio.com/docs/components/alert",0,"",["alert-29",0,5,5],85,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Alert 30","shadcnstudio","Solid destructive alert with full red background for prominent error messages.","npx shadcn@latest add @ss-components/alert-30","https://shadcnstudio.com/docs/components/alert",0,"",["alert-30",0,6,5],86,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Avatar 1","shadcnstudio","Basic avatar with profile image and fallback initials.","npx shadcn@latest add @ss-components/avatar-01","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-01",0,1,6],4,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 2","shadcnstudio","Avatar with ring border highlighting for active or selected states.","npx shadcn@latest add @ss-components/avatar-02","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-02",0,2,6],3,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 3","shadcnstudio","Small sized avatar variant with compact dimensions.","npx shadcn@latest add @ss-components/avatar-03","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-03",0,3,6],4,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 4","shadcnstudio","Large sized avatar variant with expanded dimensions.","npx shadcn@latest add @ss-components/avatar-04","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-04",0,4,6],4,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 5","shadcnstudio","Circular avatar with fallback initials.","npx shadcn@latest add @ss-components/avatar-05","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-05",0,5,6],4,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 6","shadcnstudio","Icon avatar using Lucide icon with colored background.","npx shadcn@latest add @ss-components/avatar-06","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-06",0,6,6],9,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 7","shadcnstudio","Status avatar with busy indicator showing red status dot.","npx shadcn@latest add @ss-components/avatar-07","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-07",0,7,6],18,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 8","shadcnstudio","Status avatar with online indicator showing green status dot.","npx shadcn@latest add @ss-components/avatar-08","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-08",0,0,7],22,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 9","shadcnstudio","Status avatar with away indicator showing amber status dot for absent/away state.","npx shadcn@latest add @ss-components/avatar-09","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-09",0,1,7],19,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 10","shadcnstudio","Avatar with plus icon overlay for adding or editing profile functionality.","npx shadcn@latest add @ss-components/avatar-10","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-10",0,2,7],8,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 11","shadcnstudio","Avatar with notification badge showing count number for alerts and messages.","npx shadcn@latest add @ss-components/avatar-11","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-11",0,3,7],19,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 12","shadcnstudio","Avatar with verified badge showing check mark icon for verified accounts.","npx shadcn@latest add @ss-components/avatar-12","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-12",0,4,7],19,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 13","shadcnstudio","Avatar group displaying multiple overlapping users with ring borders.","npx shadcn@latest add @ss-components/avatar-13","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-13",0,5,7],7,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 14","shadcnstudio","Avatar group with count indicator showing additional users (+9) in overflow.","npx shadcn@latest add @ss-components/avatar-14","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-14",0,6,7],6,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 15","shadcnstudio","Large-sized avatar group with bigger dimensions for prominent display.","npx shadcn@latest add @ss-components/avatar-15","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-15",0,7,7],46,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 16","shadcnstudio","Avatar group with tooltip hover effects and elevation animation.","npx shadcn@latest add @ss-components/avatar-16","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-16",0,0,8],7,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 17","shadcnstudio","Avatar group with smooth spacing transition on hover interaction.","npx shadcn@latest add @ss-components/avatar-17","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-17",0,1,8],7,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 18","shadcnstudio","Avatar group with tooltip transitions and hover spacing effects.","npx shadcn@latest add @ss-components/avatar-18","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-18",0,2,8],7,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 19","shadcnstudio","Avatar group with dropdown menu showing additional users and actions.","npx shadcn@latest add @ss-components/avatar-19","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-19",0,3,8],7,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 20","shadcnstudio","Avatar group with outlined container and background styling.","npx shadcn@latest add @ss-components/avatar-20","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-20",0,4,8],8,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 21","shadcnstudio","Avatar group with popularity indicator styling and text showcasing community trust.","npx shadcn@latest add @ss-components/avatar-21","https://shadcnstudio.com/docs/components/avatar",0,"",["avatar-21",0,5,8],44,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge 1","shadcnstudio","Default badge demonstrating basic styling with standard text display","npx shadcn@latest add @ss-components/badge-01","https://shadcnstudio.com/docs/components/badge",0,"",["badge-01",0,6,8],9,"text","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 2","shadcnstudio","Secondary variant badge with muted styling for less prominent labels","npx shadcn@latest add @ss-components/badge-02","https://shadcnstudio.com/docs/components/badge",0,"",["badge-02",0,7,8],7,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 3","shadcnstudio","Destructive variant badge with red styling for error or warning states","npx shadcn@latest add @ss-components/badge-03","https://shadcnstudio.com/docs/components/badge",0,"",["badge-03",0,0,9],22,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 4","shadcnstudio","Outline variant badge with bordered styling for subtle emphasis","npx shadcn@latest add @ss-components/badge-04","https://shadcnstudio.com/docs/components/badge",0,"",["badge-04",0,1,9],4,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 5","shadcnstudio","Dot indicator badge with colored circle for compact status representation","npx shadcn@latest add @ss-components/badge-05","https://shadcnstudio.com/docs/components/badge",0,"",["badge-05",0,2,9],38,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 6","shadcnstudio","Rounded badge with full border radius for pill-shaped appearance","npx shadcn@latest add @ss-components/badge-06","https://shadcnstudio.com/docs/components/badge",0,"",["badge-06",0,3,9],10,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 7","shadcnstudio","Number badge with circular design for count and notification displays","npx shadcn@latest add @ss-components/badge-07","https://shadcnstudio.com/docs/components/badge",0,"",["badge-07",0,4,9],6,"toast","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 8","shadcnstudio","Large size badge with increased padding for prominence","npx shadcn@latest add @ss-components/badge-08","https://shadcnstudio.com/docs/components/badge",0,"",["badge-08",0,5,9],10,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 9","shadcnstudio","Small size badge with reduced padding for compact display areas","npx shadcn@latest add @ss-components/badge-09","https://shadcnstudio.com/docs/components/badge",0,"",["badge-09",0,6,9],9,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 10","shadcnstudio","Badge with icon integration for enhanced visual context","npx shadcn@latest add @ss-components/badge-10","https://shadcnstudio.com/docs/components/badge",0,"",["badge-10",0,7,9],11,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 11","shadcnstudio","Link badge that can be used as clickable navigation element","npx shadcn@latest add @ss-components/badge-11","https://shadcnstudio.com/docs/components/badge",0,"",["badge-11",0,0,10],29,"navbar|b","badge|label,status,pill|icons,monochrome,minimal|c"],["Badge 12","shadcnstudio","Closable badge with X button for dismissible notifications","npx shadcn@latest add @ss-components/badge-12","https://shadcnstudio.com/docs/components/badge",0,"",["badge-12",0,1,10],11,"toast","badge|label,status,pill|icons,monochrome,minimal|c"],["Badge 13","shadcnstudio","Selectable badge with checkbox functionality for interactive selection","npx shadcn@latest add @ss-components/badge-13","https://shadcnstudio.com/docs/components/badge",0,"",["badge-13",0,2,10],6,"input","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 14","shadcnstudio","Gradient styled badge with vibrant indigo-to-pink color transition","npx shadcn@latest add @ss-components/badge-14","https://shadcnstudio.com/docs/components/badge",0,"",["badge-14",0,3,10],19,"background","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 15","shadcnstudio","Gradient outline badge with bordered gradient effect","npx shadcn@latest add @ss-components/badge-15","https://shadcnstudio.com/docs/components/badge",0,"",["badge-15",0,4,10],23,"background","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 16","shadcnstudio","In-progress status badge with amber color and dot indicator","npx shadcn@latest add @ss-components/badge-16","https://shadcnstudio.com/docs/components/badge",0,"",["badge-16",0,5,10],19,"loader","badge|label,tasks,status,pill|no icons,monochrome,minimal|c"],["Badge 17","shadcnstudio","Blocked status badge with destructive color and dot indicator","npx shadcn@latest add @ss-components/badge-17","https://shadcnstudio.com/docs/components/badge",0,"",["badge-17",0,6,10],18,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 18","shadcnstudio","Completed status badge with green color and dot indicator","npx shadcn@latest add @ss-components/badge-18","https://shadcnstudio.com/docs/components/badge",0,"",["badge-18",0,7,10],18,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 19","shadcnstudio","Pending status badge with amber outline and alert icon","npx shadcn@latest add @ss-components/badge-19","https://shadcnstudio.com/docs/components/badge",0,"",["badge-19",0,0,11],16,"toast","badge|label,status,pill|icons,monochrome,minimal|c"],["Badge 20","shadcnstudio","Failed status badge with destructive outline and ban icon","npx shadcn@latest add @ss-components/badge-20","https://shadcnstudio.com/docs/components/badge",0,"",["badge-20",0,1,11],14,"misc","badge|label,status,pill|icons,monochrome,minimal|c"],["Badge 21","shadcnstudio","Successful status badge with green outline and check icon","npx shadcn@latest add @ss-components/badge-21","https://shadcnstudio.com/docs/components/badge",0,"",["badge-21",0,2,11],45,"misc","badge|label,status,pill|icons,monochrome,minimal|c"],["Badge 22","shadcnstudio","Avatar badge combining user profile image with label text","npx shadcn@latest add @ss-components/badge-22","https://shadcnstudio.com/docs/components/badge",0,"",["badge-22",0,3,11],8,"media","badge|label,status,pill|no icons,avatar,monochrome,minimal|c"],["Badge 23","shadcnstudio","Cart notification badge with count display over shopping icon","npx shadcn@latest add @ss-components/badge-23","https://shadcnstudio.com/docs/components/badge",0,"",["badge-23",0,4,11],40,"toast","badge|label,status,pill|icons,monochrome,minimal|c"],["Badge 24","shadcnstudio","Online status indicator badge with green dot over avatar","npx shadcn@latest add @ss-components/badge-24","https://shadcnstudio.com/docs/components/badge",0,"",["badge-24",0,5,11],19,"media","badge|label,status,pill|no icons,monochrome,minimal|c"],["Breadcrumb 1","shadcnstudio","Basic breadcrumb navigation with standard separators for page hierarchy","npx shadcn@latest add @ss-components/breadcrumb-01","https://shadcnstudio.com/docs/components/breadcrumb",0,"",["breadcrumb-01",0,7,11],25,"navbar|b","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 2","shadcnstudio","Breadcrumb with home icon and slash separators for enhanced navigation","npx shadcn@latest add @ss-components/breadcrumb-02","https://shadcnstudio.com/docs/components/breadcrumb",0,"",["breadcrumb-02",1,0,0],25,"navbar|b","breadcrumb|navigation,path|no icons,monochrome,minimal|c"],["Breadcrumb 3","shadcnstudio","Breadcrumb with folder icons and chevron separators for file system navigation","npx shadcn@latest add @ss-components/breadcrumb-03","https://shadcnstudio.com/docs/components/breadcrumb",0,"",["breadcrumb-03",1,1,0],26,"navbar|b","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 4","shadcnstudio","Breadcrumb with dot icon separators for minimal visual hierarchy","npx shadcn@latest add @ss-components/breadcrumb-04","https://shadcnstudio.com/docs/components/breadcrumb",0,"",["breadcrumb-04",1,2,0],40,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 5","shadcnstudio","Breadcrumb styled with outlined badge components for modern tab-like appearance","npx shadcn@latest add @ss-components/breadcrumb-05","https://shadcnstudio.com/docs/components/breadcrumb",0,"",["breadcrumb-05",1,3,0],41,"tabs","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 6","shadcnstudio","Breadcrumb with dropdown menu integration for compact nested navigation and outlined badge components for modern tab-like appearance","npx shadcn@latest add @ss-components/breadcrumb-06","https://shadcnstudio.com/docs/components/breadcrumb",0,"",["breadcrumb-06",1,4,0],25,"navbar|b","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 7","shadcnstudio","Interactive breadcrumb with folder state icons and dropdown functionality","npx shadcn@latest add @ss-components/breadcrumb-07","https://shadcnstudio.com/docs/components/breadcrumb",0,"",["breadcrumb-07",1,5,0],39,"dropdown","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 8","shadcnstudio","Outlined breadcrumb with bordered container styling for defined boundaries","npx shadcn@latest add @ss-components/breadcrumb-08","https://shadcnstudio.com/docs/components/breadcrumb",0,"",["breadcrumb-08",1,6,0],44,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button 1","shadcnstudio","A basic button component with default styling","npx shadcn@latest add @ss-components/button-01","https://shadcnstudio.com/docs/components/button",0,"",["button-01",1,7,0],14,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 2","shadcnstudio","A button component in disabled state","npx shadcn@latest add @ss-components/button-02","https://shadcnstudio.com/docs/components/button",0,"",["button-02",1,0,1],11,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 3","shadcnstudio","A rounded button with icon and text content","npx shadcn@latest add @ss-components/button-03","https://shadcnstudio.com/docs/components/button",0,"",["button-03",1,1,1],13,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 4","shadcnstudio","A button with animated icon that moves on hover","npx shadcn@latest add @ss-components/button-04","https://shadcnstudio.com/docs/components/button",0,"",["button-04",1,2,1],19,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 5","shadcnstudio","Outline buttons with icons positioned before and after text","npx shadcn@latest add @ss-components/button-05","https://shadcnstudio.com/docs/components/button",0,"",["button-05",1,3,1],12,"button","button|cta,click,action|icons,monochrome|c"],["Button 6","shadcnstudio","Grouped action buttons for Cancel and Save operations","npx shadcn@latest add @ss-components/button-06","https://shadcnstudio.com/docs/components/button",0,"",["button-06",1,4,1],24,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 7","shadcnstudio","A button component with large size variant","npx shadcn@latest add @ss-components/button-07","https://shadcnstudio.com/docs/components/button",0,"",["button-07",1,5,1],13,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 8","shadcnstudio","A button component with small size variant","npx shadcn@latest add @ss-components/button-08","https://shadcnstudio.com/docs/components/button",0,"",["button-08",1,6,1],11,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 9","shadcnstudio","A button component with custom extra small sizing","npx shadcn@latest add @ss-components/button-09","https://shadcnstudio.com/docs/components/button",0,"",["button-09",1,7,1],11,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 10","shadcnstudio","A destructive button with gradient background for delete actions","npx shadcn@latest add @ss-components/button-10","https://shadcnstudio.com/docs/components/button",0,"",["button-10",1,0,2],25,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 11","shadcnstudio","A Primary Button with gradient background effect for primary action","npx shadcn@latest add @ss-components/button-11","https://shadcnstudio.com/docs/components/button",0,"",["button-11",1,1,2],16,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 12","shadcnstudio","Upgrade button with amber gradient and icon","npx shadcn@latest add @ss-components/button-12","https://shadcnstudio.com/docs/components/button",0,"",["button-12",1,2,2],26,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 13","shadcnstudio","Outline button with sky blue theme for duplicate action","npx shadcn@latest add @ss-components/button-13","https://shadcnstudio.com/docs/components/button",0,"",["button-13",1,3,2],20,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 14","shadcnstudio","Outline button with dashed border for download action","npx shadcn@latest add @ss-components/button-14","https://shadcnstudio.com/docs/components/button",0,"",["button-14",1,4,2],10,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 15","shadcnstudio","Destructive outline button for discard/delete actions","npx shadcn@latest add @ss-components/button-15","https://shadcnstudio.com/docs/components/button",0,"",["button-15",1,5,2],18,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 16","shadcnstudio","Ghost button with animated arrow on hover","npx shadcn@latest add @ss-components/button-16","https://shadcnstudio.com/docs/components/button",0,"",["button-16",1,6,2],39,"button","button|cta,settings,click,action|icons,monochrome,minimal|c"],["Button 17","shadcnstudio","Loading button with spinning icon in disabled state","npx shadcn@latest add @ss-components/button-17","https://shadcnstudio.com/docs/components/button",0,"",["button-17",1,7,2],9,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 18","shadcnstudio","Link button with animated underline effect on hover","npx shadcn@latest add @ss-components/button-18","https://shadcnstudio.com/docs/components/button",0,"",["button-18",1,0,3],5,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 19","shadcnstudio","Publish button with circular icon badge and rounded outline styling","npx shadcn@latest add @ss-components/button-19","https://shadcnstudio.com/docs/components/button",0,"",["button-19",1,1,3],12,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 20","shadcnstudio","Copy button UI displaying a truncated URL with a rounded \"Copy\" icon for quick copying.","npx shadcn@latest add @ss-components/button-20","https://shadcnstudio.com/docs/components/button",0,"",["button-20",1,2,3],62,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 21","shadcnstudio","Button with badge indicator showing unread message count","npx shadcn@latest add @ss-components/button-21","https://shadcnstudio.com/docs/components/button",0,"",["button-21",1,3,3],59,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 22","shadcnstudio","caution button with a warning icon and soft amber styling to indicate alerts or risks.","npx shadcn@latest add @ss-components/button-22","https://shadcnstudio.com/docs/components/button",0,"",["button-22",1,4,3],19,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 23","shadcnstudio","Save button with a floppy disk icon and soft blue background for non-intrusive actions.","npx shadcn@latest add @ss-components/button-23","https://shadcnstudio.com/docs/components/button",0,"",["button-23",1,5,3],19,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 24","shadcnstudio","Action buttons styled for “Reject” and “Approve” with colored shield icons to indicate decision-based actions","npx shadcn@latest add @ss-components/button-24","https://shadcnstudio.com/docs/components/button",0,"",["button-24",1,6,3],31,"button","button|cta,click,action|icons,monochrome|c"],["Button 25","shadcnstudio","Notifications button with bell icon and red notification badge counter","npx shadcn@latest add @ss-components/button-25","https://shadcnstudio.com/docs/components/button",0,"",["button-25",1,7,3],57,"button","button|cta,notifications,click,action|icons,monochrome,minimal|c"],["Button 26","shadcnstudio","Promise-based button with loading spinner and success/error state transitions","npx shadcn@latest add @ss-components/button-26","https://shadcnstudio.com/docs/components/button",0,"",["button-26",1,0,4],5,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 27","shadcnstudio","User profile button with avatar image and username display","npx shadcn@latest add @ss-components/button-27","https://shadcnstudio.com/docs/components/button",0,"",["button-27",1,1,4],21,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 28","shadcnstudio","Copy button with state transition animation between copy and check icons","npx shadcn@latest add @ss-components/button-28","https://shadcnstudio.com/docs/components/button",0,"",["button-28",1,2,4],8,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 29","shadcnstudio","Social media icon buttons for Google, X/Twitter, Facebook, and GitHub","npx shadcn@latest add @ss-components/button-29","https://shadcnstudio.com/docs/components/button",0,"",["button-29",1,3,4],45,"button","button|cta,click,action|no icons,avatar,images,monochrome,minimal|c"],["Button 30","shadcnstudio","Social authentication buttons with branded colors and \"Continue with\" text","npx shadcn@latest add @ss-components/button-30","https://shadcnstudio.com/docs/components/button",0,"",["button-30",1,4,4],92,"button","button|cta,click,action|no icons,avatar,images|c"],["Button 31","shadcnstudio","Icon-only button with bookmark icon and screen reader accessibility","npx shadcn@latest add @ss-components/button-31","https://shadcnstudio.com/docs/components/button",0,"",["button-31",1,5,4],4,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 32","shadcnstudio","Circular icon button with plus icon and tooltip for enhanced UX","npx shadcn@latest add @ss-components/button-32","https://shadcnstudio.com/docs/components/button",0,"",["button-32",1,6,4],0,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 33","shadcnstudio","Toggle icon button that switches between menu and close icons","npx shadcn@latest add @ss-components/button-33","https://shadcnstudio.com/docs/components/button",0,"",["button-33",1,7,4],3,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 34","shadcnstudio","Theme toggle button switching between sun and moon icons with colored styling","npx shadcn@latest add @ss-components/button-34","https://shadcnstudio.com/docs/components/button",0,"",["button-34",1,0,5],10,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 35","shadcnstudio","Mail icon button with notification badge counter for unread messages","npx shadcn@latest add @ss-components/button-35","https://shadcnstudio.com/docs/components/button",0,"",["button-35",1,1,5],22,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 36","shadcnstudio","Security icon button with destructive gradient background effect","npx shadcn@latest add @ss-components/button-36","https://shadcnstudio.com/docs/components/button",0,"",["button-36",1,2,5],20,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 37","shadcnstudio","Success icon button with soft green background and check icon","npx shadcn@latest add @ss-components/button-37","https://shadcnstudio.com/docs/components/button",0,"",["button-37",1,3,5],7,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 38","shadcnstudio","Notification icon button with animated blue dot indicator","npx shadcn@latest add @ss-components/button-38","https://shadcnstudio.com/docs/components/button",0,"",["button-38",1,4,5],20,"button","button|cta,notifications,click,action|icons,monochrome,minimal|c"],["Button 39","shadcnstudio","Animated button with ripple effect on click","npx shadcn@latest add @ss-components/button-39","https://shadcnstudio.com/docs/components/button",0,"",["button-39",1,5,5],17,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 40","shadcnstudio","Button with ring hover effect that shows animated border on hover","npx shadcn@latest add @ss-components/button-40","https://shadcnstudio.com/docs/components/button",0,"",["button-40",1,6,5],17,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 41","shadcnstudio","Button with shine hover effect using gradient animation","npx shadcn@latest add @ss-components/button-41","https://shadcnstudio.com/docs/components/button",0,"",["button-41",1,7,5],17,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 42","shadcnstudio","Button with tap scale animation using Framer Motion","npx shadcn@latest add @ss-components/button-42","https://shadcnstudio.com/docs/components/button",0,"",["button-42",1,0,6],18,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 43","shadcnstudio","Button with shimmer effect animation across the surface","npx shadcn@latest add @ss-components/button-43","https://shadcnstudio.com/docs/components/button",0,"",["button-43",1,1,6],30,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 44","shadcnstudio","Button with bounce hover effect on mouse interaction","npx shadcn@latest add @ss-components/button-44","https://shadcnstudio.com/docs/components/button",0,"",["button-44",1,2,6],19,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 45","shadcnstudio","Button with magnetic effect that follows mouse movement","npx shadcn@latest add @ss-components/button-45","https://shadcnstudio.com/docs/components/button",0,"",["button-45",1,3,6],20,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 46","shadcnstudio","Destructive button with heartbeat pulse animation effect","npx shadcn@latest add @ss-components/button-46","https://shadcnstudio.com/docs/components/button",0,"",["button-46",1,4,6],34,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 47","shadcnstudio","Button with stitched border design using layered shadow effects","npx shadcn@latest add @ss-components/button-47","https://shadcnstudio.com/docs/components/button",0,"",["button-47",1,5,6],30,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button Group 1","shadcnstudio","Download button group with action button and download count display","npx shadcn@latest add @ss-components/button-group-01","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-01",1,6,6],12,"button","button group|button,buttons,toolbar|icons,monochrome,minimal|c"],["Button Group 2","shadcnstudio","Interactive like button group with toggle state and dynamic count","npx shadcn@latest add @ss-components/button-group-02","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-02",1,7,6],24,"button","button group|button,buttons,toolbar|icons,monochrome,minimal|c"],["Button Group 3","shadcnstudio","Toolbar button group with tooltips for design tools and actions","npx shadcn@latest add @ss-components/button-group-03","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-03",1,0,7],11,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Button Group 4","shadcnstudio","Rounded media control button group with play, pause, and skip functions","npx shadcn@latest add @ss-components/button-group-04","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-04",1,1,7],21,"button","button group|button,media,buttons,toolbar|icons,monochrome|c"],["Button Group 5","shadcnstudio","Social media links button group with branded colors and hover effects","npx shadcn@latest add @ss-components/button-group-05","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-05",1,2,7],20,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button Group 6","shadcnstudio","Zoom control button group with increment/decrement and percentage display","npx shadcn@latest add @ss-components/button-group-06","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-06",1,3,7],9,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button Group 7","shadcnstudio","Number input button group with plus/minus controls and value display","npx shadcn@latest add @ss-components/button-group-07","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-07",1,4,7],18,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button Group 8","shadcnstudio","Preview link button group with primary action and external link icon","npx shadcn@latest add @ss-components/button-group-08","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-08",1,5,7],11,"button","button group|button,buttons,toolbar|icons,monochrome,minimal|c"],["Button Group 9","shadcnstudio","Action button group with edit, duplicate, and delete functions","npx shadcn@latest add @ss-components/button-group-09","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-09",1,6,7],17,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button Group 10","shadcnstudio","Flip transformation button group with horizontal and vertical controls","npx shadcn@latest add @ss-components/button-group-10","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-10",1,7,7],12,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button Group 11","shadcnstudio","Git merge button group with dropdown menu for merge strategy selection","npx shadcn@latest add @ss-components/button-group-11","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-11",1,0,8],25,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Button Group 12","shadcnstudio","Ghost variant button group for navigation between settings, dashboard, and analytics","npx shadcn@latest add @ss-components/button-group-12","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-12",1,1,8],44,"button","button group|button,settings,buttons,toolbar|icons,monochrome|c"],["Button Group 13","shadcnstudio","Email action button group with ripple animation effects","npx shadcn@latest add @ss-components/button-group-13","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-13",1,2,8],16,"button","button group|button,notifications,buttons,toolbar|icons,monochrome|c"],["Button Group 14","shadcnstudio","Like/dislike button group with expandable hover reveal animation","npx shadcn@latest add @ss-components/button-group-14","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-14",1,3,8],8,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button Group 15","shadcnstudio","Navigation button group with scale animation on press using Framer Motion","npx shadcn@latest add @ss-components/button-group-15","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-15",1,4,8],24,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button Group 16","shadcnstudio","File action button group with animated shine/shimmer hover effect","npx shadcn@latest add @ss-components/button-group-16","https://shadcnstudio.com/docs/components/button-group",0,"",["button-group-16",1,5,8],63,"button","button group|button,upload,buttons,toolbar|no icons,monochrome,minimal|c"],["Calendar 1","shadcnstudio","Basic single date selection calendar with default month display","npx shadcn@latest add @ss-components/calendar-01","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-01",1,6,8],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 2","shadcnstudio","Multi-month calendar displaying two months side by side for single date selection","npx shadcn@latest add @ss-components/calendar-02","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-02",1,7,8],60,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 3","shadcnstudio","Single month calendar with date range selection capability","npx shadcn@latest add @ss-components/calendar-03","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-03",1,0,9],72,"datepicker","calendar|date,date picker,schedule|no icons,monochrome|c"],["Calendar 4","shadcnstudio","Multi-month calendar with date range selection across multiple months","npx shadcn@latest add @ss-components/calendar-04","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-04",1,1,9],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 5","shadcnstudio","Range selection calendar with minimum days constraint (5 days minimum)","npx shadcn@latest add @ss-components/calendar-05","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-05",1,2,9],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 6","shadcnstudio","Calendar with disabled dates before a specific date for restricted selection","npx shadcn@latest add @ss-components/calendar-06","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-06",1,3,9],63,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 7","shadcnstudio","Range calendar with disabled weekends for business day selection only","npx shadcn@latest add @ss-components/calendar-07","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-07",1,4,9],65,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 8","shadcnstudio","Localized calendar with language switching between English and Hindi","npx shadcn@latest add @ss-components/calendar-08","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-08",1,5,9],74,"datepicker","calendar|date,language switcher,date picker,schedule|icons,monochrome|c"],["Calendar 9","shadcnstudio","Calendar with month and year dropdown selectors for easy navigation","npx shadcn@latest add @ss-components/calendar-09","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-09",1,6,9],63,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 10","shadcnstudio","Variable size calendar with responsive cell sizing for different screen sizes","npx shadcn@latest add @ss-components/calendar-10","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-10",1,7,9],65,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 11","shadcnstudio","Event calendar with integrated event list display and add event functionality","npx shadcn@latest add @ss-components/calendar-11","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-11",1,0,10],73,"datepicker","calendar|date,date picker,schedule|no icons,monochrome|c"],["Calendar 12","shadcnstudio","Multi-select calendar allowing selection of multiple individual dates","npx shadcn@latest add @ss-components/calendar-12","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-12",1,1,10],58,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 13","shadcnstudio","Custom styled calendar with sky blue theme for selected dates","npx shadcn@latest add @ss-components/calendar-13","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-13",1,2,10],75,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 14","shadcnstudio","Custom styled range calendar with sky blue theme for date range selection","npx shadcn@latest add @ss-components/calendar-14","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-14",1,3,10],90,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 15","shadcnstudio","Calendar with right-aligned navigation controls for alternative layout","npx shadcn@latest add @ss-components/calendar-15","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-15",1,4,10],65,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 16","shadcnstudio","Calendar with left-aligned navigation controls for alternative layout","npx shadcn@latest add @ss-components/calendar-16","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-16",1,5,10],64,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 17","shadcnstudio","Calendar with week numbers displayed for week-based scheduling","npx shadcn@latest add @ss-components/calendar-17","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-17",1,6,10],64,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 18","shadcnstudio","Calendar with \"Today\" quick action button for fast current date selection","npx shadcn@latest add @ss-components/calendar-18","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-18",1,7,10],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 19","shadcnstudio","Calendar with synchronized date input field for manual date entry","npx shadcn@latest add @ss-components/calendar-19","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-19",1,0,11],72,"datepicker","calendar|date,date picker,schedule|no icons,monochrome|c"],["Calendar 20","shadcnstudio","Calendar with integrated time input for complete datetime selection","npx shadcn@latest add @ss-components/calendar-20","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-20",1,1,11],73,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 21","shadcnstudio","Advanced calendar with collapsible year/month selection and custom navigation","npx shadcn@latest add @ss-components/calendar-21","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-21",1,2,11],65,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 22","shadcnstudio","Calendar with preset date shortcuts (Today, Yesterday, Tomorrow, in 3 days, in a week, etc.)","npx shadcn@latest add @ss-components/calendar-22","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-22",1,3,11],75,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 23","shadcnstudio","Range calendar with preset date range shortcuts (Last week, month, year, etc.)","npx shadcn@latest add @ss-components/calendar-23","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-23",1,4,11],74,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 24","shadcnstudio","Appointment booking calendar with time slot selection and availability indicators","npx shadcn@latest add @ss-components/calendar-24","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-24",1,5,11],83,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 25","shadcnstudio","Pricing calendar with dynamic price display for each date based on availability","npx shadcn@latest add @ss-components/calendar-25","https://shadcnstudio.com/docs/components/calendar",0,"",["calendar-25",1,6,11],71,"datepicker","calendar|date,pricing,date picker,schedule|icons,monochrome|c"],["Card 1","shadcnstudio","Login form card with email and password inputs","npx shadcn@latest add @ss-components/card-01","https://shadcnstudio.com/docs/components/card",0,"",["card-01",1,7,11],81,"card","card|container,login,surface|no icons,monochrome|c"],["Card 2","shadcnstudio","Meeting notes card with team member avatars and attendee list","npx shadcn@latest add @ss-components/card-02","https://shadcnstudio.com/docs/components/card",0,"",["card-02",2,0,0],65,"card","card|container,surface|no icons,monochrome|c"],["Card 3","shadcnstudio","Team invitation card with member list and invite functionality","npx shadcn@latest add @ss-components/card-03","https://shadcnstudio.com/docs/components/card",0,"",["card-03",2,1,0],71,"card","card|container,surface|icons,monochrome|c"],["Card 4","shadcnstudio","Image showcase card with gradient background and bottom-aligned image","npx shadcn@latest add @ss-components/card-04","https://shadcnstudio.com/docs/components/card",0,"",["card-04",2,2,0],90,"card","card|container,surface|no icons,monochrome|c"],["Card 5","shadcnstudio","Image showcase card with top-aligned image and action buttons","npx shadcn@latest add @ss-components/card-05","https://shadcnstudio.com/docs/components/card",0,"",["card-05",2,3,0],90,"card","card|container,surface|no icons,monochrome|c"],["Card 6","shadcnstudio","Horizontal layout card with side-by-side image and content","npx shadcn@latest add @ss-components/card-06","https://shadcnstudio.com/docs/components/card",0,"",["card-06",2,4,0],98,"card","card|container,surface|no icons,monochrome|c"],["Card 7","shadcnstudio","Overlay card with image background and overlaid text content","npx shadcn@latest add @ss-components/card-07","https://shadcnstudio.com/docs/components/card",0,"",["card-07",2,5,0],59,"card","card|container,surface|no icons,monochrome|c"],["Card 8","shadcnstudio","Soft background card with subtle primary color theme","npx shadcn@latest add @ss-components/card-08","https://shadcnstudio.com/docs/components/card",0,"",["card-08",2,6,0],77,"card","card|container,surface|no icons,monochrome|c"],["Card 9","shadcnstudio","Outline card with primary border and transparent background","npx shadcn@latest add @ss-components/card-09","https://shadcnstudio.com/docs/components/card",0,"",["card-09",2,7,0],60,"card","card|container,surface|no icons,monochrome|c"],["Card 10","shadcnstudio","Tabbed card with integrated tabs component for organized content sections","npx shadcn@latest add @ss-components/card-10","https://shadcnstudio.com/docs/components/card",0,"",["card-10",2,0,1],67,"card","card|container,surface|no icons,monochrome|c"],["Card 11","shadcnstudio","Social media post card with user profile, image, hashtags and interaction buttons","npx shadcn@latest add @ss-components/card-11","https://shadcnstudio.com/docs/components/card",0,"",["card-11",2,1,1],90,"card","card|container,surface|icons,monochrome|c"],["Card 12","shadcnstudio","Product showcase card with gradient background, like button and pricing details","npx shadcn@latest add @ss-components/card-12","https://shadcnstudio.com/docs/components/card",0,"",["card-12",2,2,1],93,"card","card|container,e-commerce,pricing,surface|icons,monochrome|c"],["Card 13","shadcnstudio","Testimonial card with user profile, star rating and highlighted text review","npx shadcn@latest add @ss-components/card-13","https://shadcnstudio.com/docs/components/card",0,"",["card-13",2,3,1],79,"card","card|container,surface|icons,monochrome|c"],["Card 14","shadcnstudio","Dismissible action card with close button and call-to-action content","npx shadcn@latest add @ss-components/card-14","https://shadcnstudio.com/docs/components/card",0,"",["card-14",2,4,1],82,"card","card|container,team,surface|icons,monochrome|c"],["Card 15","shadcnstudio","Connected card group with three image showcase cards arranged side by side","npx shadcn@latest add @ss-components/card-15","https://shadcnstudio.com/docs/components/card",0,"",["card-15",2,5,1],85,"card","card|container,surface|no icons,images,monochrome|c"],["Card 16","shadcnstudio","Interactive spotlight card with animated glow effect that follows mouse movement","npx shadcn@latest add @ss-components/card-16","https://shadcnstudio.com/docs/components/card",0,"",["card-16",2,6,1],74,"card","card|container,surface|no icons,monochrome|c"],["Card 17","shadcnstudio","Dynamic 3D hover card with perspective transforms and smooth depth animations","npx shadcn@latest add @ss-components/card-17","https://shadcnstudio.com/docs/components/card",0,"",["card-17",2,7,1],87,"card","card|container,surface|no icons,monochrome|c"],["Checkbox 1","shadcnstudio","Basic checkbox with label for simple true/false selection","npx shadcn@latest add @ss-components/checkbox-01","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-01",2,1,2],11,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox 2","shadcnstudio","Indeterminate checkbox with custom styling and three-state functionality","npx shadcn@latest add @ss-components/checkbox-02","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-02",2,2,2],42,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox 3","shadcnstudio","Checkbox with dashed border styling for visual distinction","npx shadcn@latest add @ss-components/checkbox-03","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-03",2,3,2],11,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox 4","shadcnstudio","Todo list checkbox with strikethrough text when checked","npx shadcn@latest add @ss-components/checkbox-04","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-04",2,4,2],42,"input","checkbox|form,tasks,checklist|icons,monochrome,minimal|c"],["Checkbox 5","shadcnstudio","Multiple checkboxes in different sizes for size comparison and selection","npx shadcn@latest add @ss-components/checkbox-05","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-05",2,5,2],10,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 6","shadcnstudio","Badge-style checkboxes with hidden unchecked state for compact selection","npx shadcn@latest add @ss-components/checkbox-06","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-06",2,6,2],17,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 7","shadcnstudio","Checkbox with description text providing additional context and information","npx shadcn@latest add @ss-components/checkbox-07","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-07",2,7,2],52,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 8","shadcnstudio","Horizontal group of checkboxes for technology selection with organized layout","npx shadcn@latest add @ss-components/checkbox-08","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-08",2,0,3],47,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox 9","shadcnstudio","Vertical group of checkboxes with icons for fruits selection","npx shadcn@latest add @ss-components/checkbox-09","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-09",2,1,3],49,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox 10","shadcnstudio","Color-themed checkboxes with destructive, info, and success color variants","npx shadcn@latest add @ss-components/checkbox-10","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-10",2,2,3],21,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 11","shadcnstudio","Custom icon checkboxes with heart, star, and circle icons for visual feedback","npx shadcn@latest add @ss-components/checkbox-11","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-11",2,3,3],22,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 12","shadcnstudio","Filled circular checkboxes with color themes and circle check icons","npx shadcn@latest add @ss-components/checkbox-12","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-12",2,4,3],26,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 13","shadcnstudio","Card-style checkboxes with border highlighting and description text","npx shadcn@latest add @ss-components/checkbox-13","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-13",2,5,3],88,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox 14","shadcnstudio","List group checkboxes with icons and skills selection in bordered layout","npx shadcn@latest add @ss-components/checkbox-14","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-14",2,6,3],47,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 15","shadcnstudio","Tree checkbox with parent-child relationship and indeterminate state","npx shadcn@latest add @ss-components/checkbox-15","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-15",2,7,3],47,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 16","shadcnstudio","Form checkbox with terms acceptance, description text, and action buttons","npx shadcn@latest add @ss-components/checkbox-16","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-16",2,0,4],63,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 17","shadcnstudio","Smooth animated checkbox with motion transitions and visual feedback","npx shadcn@latest add @ss-components/checkbox-17","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-17",2,1,4],10,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox 18","shadcnstudio","Animated todo checkbox with strikethrough effect and smooth transitions","npx shadcn@latest add @ss-components/checkbox-18","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-18",2,2,4],56,"input","checkbox|form,tasks,checklist|icons,monochrome,minimal|c"],["Checkbox 19","shadcnstudio","Checkbox with confetti animation effect when checked","npx shadcn@latest add @ss-components/checkbox-19","https://shadcnstudio.com/docs/components/checkbox",0,"",["checkbox-19",2,3,4],10,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Collapsible 1","shadcnstudio","Basic collapsible with repository list and toggle button functionality","npx shadcn@latest add @ss-components/collapsible-01","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-01",2,4,4],56,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Collapsible 2","shadcnstudio","File tree explorer with nested folders and expandable directory structure","npx shadcn@latest add @ss-components/collapsible-02","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-02",2,5,4],50,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 3","shadcnstudio","Task completion list with user avatars and progress percentages","npx shadcn@latest add @ss-components/collapsible-03","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-03",2,6,4],67,"accordion","accordion|collapsible,tasks,expand,faq|icons,monochrome|c"],["Collapsible 4","shadcnstudio","User list with avatars, status indicators and expandable team member details","npx shadcn@latest add @ss-components/collapsible-04","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-04",2,7,4],66,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 5","shadcnstudio","Filter panel with price range inputs, rating checkboxes and brand selection","npx shadcn@latest add @ss-components/collapsible-05","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-05",2,0,5],66,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 6","shadcnstudio","Simple text content collapsible with expandable paragraph sections","npx shadcn@latest add @ss-components/collapsible-06","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-06",2,1,5],58,"accordion","accordion|collapsible,media,login,expand,faq|no icons,monochrome|c"],["Collapsible 7","shadcnstudio","FAQ card with collapsible answer section and expandable image content","npx shadcn@latest add @ss-components/collapsible-07","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-07",2,2,5],64,"accordion","accordion|collapsible,media,expand,faq|icons,monochrome,minimal|c"],["Collapsible 8","shadcnstudio","Menu items with dropdown actions and nested navigation structure","npx shadcn@latest add @ss-components/collapsible-08","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-08",2,3,5],14,"accordion","accordion|collapsible,settings,expand,faq|no icons,monochrome,minimal|c"],["Collapsible 9","shadcnstudio","Multi-step form with delivery address, shipping options and payment details","npx shadcn@latest add @ss-components/collapsible-09","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-09",2,4,5],63,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 10","shadcnstudio","Animated collapsible with smooth transitions and motion effects","npx shadcn@latest add @ss-components/collapsible-10","https://shadcnstudio.com/docs/components/collapsible",0,"",["collapsible-10",2,5,5],56,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Combobox 1","shadcnstudio","Basic combobox with framework selection and searchable dropdown","npx shadcn@latest add @ss-components/combobox-01","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-01",2,6,5],46,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 2","shadcnstudio","Grouped combobox with fruits, vegetables, and beverages organized by categories","npx shadcn@latest add @ss-components/combobox-02","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-02",2,7,5],52,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 3","shadcnstudio","Grouped combobox with disabled options and category-based selection","npx shadcn@latest add @ss-components/combobox-03","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-03",2,0,6],53,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 4","shadcnstudio","Industry selector combobox with icons for various business sectors","npx shadcn@latest add @ss-components/combobox-04","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-04",2,1,6],54,"dropdown","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Combobox 5","shadcnstudio","Framework selector combobox with custom check icon styling","npx shadcn@latest add @ss-components/combobox-05","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-05",2,2,6],55,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 6","shadcnstudio","combobox with add new option functionality","npx shadcn@latest add @ss-components/combobox-06","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-06",2,3,6],56,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 7","shadcnstudio","Timezone selector combobox with real timezone data from Intl API","npx shadcn@latest add @ss-components/combobox-07","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-07",2,4,6],55,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 8","shadcnstudio","User selector combobox with avatars, name and email addresses","npx shadcn@latest add @ss-components/combobox-08","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-08",2,5,6],51,"dropdown","combobox|select,account,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 9","shadcnstudio","Country selector combobox with flag icons and country selection","npx shadcn@latest add @ss-components/combobox-09","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-09",2,6,6],53,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 10","shadcnstudio","Multi-select framework combobox with badge display and removable selections","npx shadcn@latest add @ss-components/combobox-10","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-10",2,7,6],52,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 11","shadcnstudio","Multiple-select combobox with expandable badge view to show or hide selected items dynamically","npx shadcn@latest add @ss-components/combobox-11","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-11",2,0,7],56,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 12","shadcnstudio","Multi-select combobox with a count badge showing the number of selected frameworks.","npx shadcn@latest add @ss-components/combobox-12","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-12",2,1,7],54,"dropdown","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Combobox 13","shadcnstudio","Framework selector combobox with smooth animations and motion effects","npx shadcn@latest add @ss-components/combobox-13","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-13",2,2,7],56,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 14","shadcnstudio","Framework selector combobox with floating label animation and enhanced styling","npx shadcn@latest add @ss-components/combobox-14","https://shadcnstudio.com/docs/components/combobox",0,"",["combobox-14",2,3,7],55,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Data Table 1","shadcnstudio","Basic data table with records and row selection functionality","npx shadcn@latest add @ss-components/data-table-01","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-01",2,5,8],60,"table","data table|table,pricing,account,rows,spreadsheet|no icons,monochrome|c"],["Data Table 2","shadcnstudio","Density data table with density selection","npx shadcn@latest add @ss-components/data-table-02","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-02",2,6,8],60,"table","data table|table,pricing,account,rows,spreadsheet|icons,monochrome|c"],["Data Table 3","shadcnstudio","Payment records table with search filter, column visibility toggle, and refresh functionality","npx shadcn@latest add @ss-components/data-table-03","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-03",2,7,8],59,"table","data table|table,pricing,account,rows,spreadsheet|icons,monochrome|c"],["Data Table 4","shadcnstudio","Product inventory table with images, badges, and advanced filtering by multiple attributes","npx shadcn@latest add @ss-components/data-table-04","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-04",2,0,9],81,"table","data table|table,e-commerce,pricing,rows,spreadsheet|icons,monochrome|c"],["Data Table 5","shadcnstudio","table with sortable columns and up/down arrow sort indicators","npx shadcn@latest add @ss-components/data-table-05","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-05",2,1,9],59,"table","data table|table,pricing,account,rows,spreadsheet|no icons,monochrome|c"],["Data Table 6","shadcnstudio","Data table with row expansion functionality for detailed content display","npx shadcn@latest add @ss-components/data-table-06","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-06",2,2,9],58,"table","data table|table,pricing,account,rows,spreadsheet|no icons,monochrome|c"],["Data Table 7","shadcnstudio","Data table with pinnable columns sticking to the left side or right side for easy access","npx shadcn@latest add @ss-components/data-table-07","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-07",2,3,9],56,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Data Table 8","shadcnstudio","Drag-and-drop data table with sortable rows and reordering functionality","npx shadcn@latest add @ss-components/data-table-08","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-08",2,4,9],69,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Data Table 9","shadcnstudio","Data table with expanding sub rows for detailed content display","npx shadcn@latest add @ss-components/data-table-09","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-09",2,5,9],58,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Data Table 10","shadcnstudio","Data table with pagination, rows selection, and sorting system","npx shadcn@latest add @ss-components/data-table-10","https://shadcnstudio.com/docs/components/data-table",0,"",0,0],["Data Table 11","shadcnstudio","data table with sorting, row selection, and pagination—styled with Origin UI and powered by @tanstack/react-table","npx shadcn@latest add @ss-components/data-table-11","https://shadcnstudio.com/docs/components/data-table",0,"",0,0],["Data Table 12","shadcnstudio","Data table with export functionality supporting CSV, Excel, and multiple formats","npx shadcn@latest add @ss-components/data-table-12","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-12",2,6,9],77,"table","data table|table,pricing,account,rows,spreadsheet|icons,monochrome|c"],["Data Table 13","shadcnstudio","editable data table with inline cell editing for text, status, and progress—supports row selection and live updates.","npx shadcn@latest add @ss-components/data-table-13","https://shadcnstudio.com/docs/components/data-table",0,"",["data-table-13",2,7,9],61,"table","data table|table,rows,spreadsheet|icons,monochrome|c"],["Date Picker 1","shadcnstudio","Basic single date picker with popover calendar display","npx shadcn@latest add @ss-components/date-picker-01","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-01",2,0,10],19,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date Picker 2","shadcnstudio","Date range picker with popover calendar for selecting start and end dates","npx shadcn@latest add @ss-components/date-picker-02","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-02",2,1,10],20,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date Picker 3","shadcnstudio","Single date picker with calendar icon and enhanced visual styling","npx shadcn@latest add @ss-components/date-picker-03","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-03",2,2,10],53,"datepicker","date picker|select,calendar,date input|no icons,monochrome,minimal|c"],["Date Picker 4","shadcnstudio","Date picker with integrated input field for manual date entry and calendar popup","npx shadcn@latest add @ss-components/date-picker-04","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-04",2,3,10],55,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date Picker 5","shadcnstudio","Natural language date picker supporting phrases like \"tomorrow\" or \"next week\"","npx shadcn@latest add @ss-components/date-picker-05","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-05",2,4,10],61,"datepicker","date picker|select,calendar,date input|icons,monochrome|c"],["Date Picker 6","shadcnstudio","Date range picker with compact date formatting using little-date library","npx shadcn@latest add @ss-components/date-picker-06","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-06",2,5,10],54,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date Picker 7","shadcnstudio","Single date picker with disabled outside days for cleaner calendar view","npx shadcn@latest add @ss-components/date-picker-07","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-07",2,6,10],21,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date Picker 8","shadcnstudio","Simple time input field with step control for precise time selection","npx shadcn@latest add @ss-components/date-picker-08","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-08",2,7,10],52,"datepicker","date picker|select,calendar,date input|no icons,monochrome,minimal|c"],["Date Picker 9","shadcnstudio","Time input field with clock icon for enhanced visual identification","npx shadcn@latest add @ss-components/date-picker-09","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-09",2,0,11],54,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date Picker 10","shadcnstudio","Combined date picker and time input displayed side by side for datetime selection","npx shadcn@latest add @ss-components/date-picker-10","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-10",2,1,11],54,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date Picker 11","shadcnstudio","Date picker with time range selection (from/to times) for event scheduling","npx shadcn@latest add @ss-components/date-picker-11","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-11",2,2,11],69,"datepicker","date picker|select,calendar,date input|no icons,monochrome,minimal|c"],["Date Picker 12","shadcnstudio","Travel date picker with departure/return dates and time selection for bookings","npx shadcn@latest add @ss-components/date-picker-12","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-12",2,3,11],70,"datepicker","date picker|select,calendar,date input|icons,animated,monochrome|c"],["Date Picker 13","shadcnstudio","Analytics chart with date range filter showing visitor data and interactive filtering","npx shadcn@latest add @ss-components/date-picker-13","https://shadcnstudio.com/docs/components/date-picker",0,"",["date-picker-13",2,4,11],68,"datepicker","date picker|select,calendar,date input|icons|c"],["Dialog 1","shadcnstudio","Basic alert dialog with confirmation for destructive actions","npx shadcn@latest add @ss-components/dialog-01","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-01",2,5,11],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 2","shadcnstudio","Alert dialog with icon and detailed feature list for update notifications","npx shadcn@latest add @ss-components/dialog-02","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-02",2,6,11],14,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 3","shadcnstudio","Destructive alert dialog with warning icon and checkbox for permanent deletion","npx shadcn@latest add @ss-components/dialog-03","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-03",2,7,11],13,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 4","shadcnstudio","Scrollable dialog with long content and scroll area for product information","npx shadcn@latest add @ss-components/dialog-04","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-04",3,0,0],12,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 5","shadcnstudio","Scrollable dialog with sticky header for fixed navigation while scrolling content","npx shadcn@latest add @ss-components/dialog-05","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-05",3,1,0],13,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 6","shadcnstudio","Scrollable dialog with sticky footer for persistent action buttons","npx shadcn@latest add @ss-components/dialog-06","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-06",3,2,0],12,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 7","shadcnstudio","Full-screen dialog taking up the entire viewport for immersive content","npx shadcn@latest add @ss-components/dialog-07","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-07",3,3,0],12,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 8","shadcnstudio","Terms and conditions dialog with structured content and accept/decline actions","npx shadcn@latest add @ss-components/dialog-08","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-08",3,4,0],12,"dialog","dialog|modal,login,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 9","shadcnstudio","Subscription dialog with input field and subscribe button","npx shadcn@latest add @ss-components/dialog-09","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-09",3,5,0],9,"dialog","dialog|modal,notifications,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 10","shadcnstudio","Referral program dialog with avatar display and email sharing functionality","npx shadcn@latest add @ss-components/dialog-10","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-10",3,6,0],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 11","shadcnstudio","Rating feedback dialog with emoji radio buttons and text area for comments","npx shadcn@latest add @ss-components/dialog-11","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-11",3,7,0],8,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 12","shadcnstudio","OTP verification dialog with input-otp component and validation feedback","npx shadcn@latest add @ss-components/dialog-12","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-12",3,0,1],9,"dialog","dialog|modal,notifications,account,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 13","shadcnstudio","Sign up dialog with gradient background and terms acceptance checkbox","npx shadcn@latest add @ss-components/dialog-13","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-13",3,1,1],8,"dialog","dialog|modal,login,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 14","shadcnstudio","Sign in dialog with gradient background and social login options","npx shadcn@latest add @ss-components/dialog-14","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-14",3,2,1],8,"dialog","dialog|modal,login,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 15","shadcnstudio","Invite friends dialog with avatar list and email invitation functionality","npx shadcn@latest add @ss-components/dialog-15","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-15",3,3,1],7,"dialog","dialog|modal,account,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 16","shadcnstudio","Profile edit dialog positioned at top-left corner of screen","npx shadcn@latest add @ss-components/dialog-16","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-16",3,4,1],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 17","shadcnstudio","Profile edit dialog positioned at top-align corner of screen","npx shadcn@latest add @ss-components/dialog-17","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-17",3,5,1],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 18","shadcnstudio","Profile edit dialog positioned at top-right-aligned of screen","npx shadcn@latest add @ss-components/dialog-18","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-18",3,6,1],11,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 19","shadcnstudio","Profile edit dialog positioned at middle-left-aligned of screen","npx shadcn@latest add @ss-components/dialog-19","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-19",3,7,1],12,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 20","shadcnstudio","Profile edit dialog positioned at middle-right side of screen","npx shadcn@latest add @ss-components/dialog-20","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-20",3,0,2],12,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 21","shadcnstudio","Profile edit dialog positioned at bottom-left-aligned of screen","npx shadcn@latest add @ss-components/dialog-21","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-21",3,1,2],11,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 22","shadcnstudio","Profile edit dialog positioned at center left of screen","npx shadcn@latest add @ss-components/dialog-22","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-22",3,2,2],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 23","shadcnstudio","Profile edit dialog positioned at bottom right aligned of screen","npx shadcn@latest add @ss-components/dialog-23","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-23",3,3,2],12,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 24","shadcnstudio","Profile edit dialog with slide-up animation from bottom","npx shadcn@latest add @ss-components/dialog-24","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-24",3,4,2],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 25","shadcnstudio","Profile edit dialog with slide-right animation from left side of the screen","npx shadcn@latest add @ss-components/dialog-25","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-25",3,5,2],10,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 26","shadcnstudio","Profile edit dialog with zoom in animation from center of the screen","npx shadcn@latest add @ss-components/dialog-26","https://shadcnstudio.com/docs/components/dialog",0,"",["dialog-26",3,6,2],8,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dropdown Menu 1","shadcnstudio","Basic dropdown menu with groups, separators, and submenu for account actions","npx shadcn@latest add @ss-components/dropdown-menu-01","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-01",3,7,2],7,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 2","shadcnstudio","User switcher dropdown with avatar display and task assignment selection","npx shadcn@latest add @ss-components/dropdown-menu-02","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-02",3,0,3],51,"dropdown","dropdown menu|menu,tasks,account,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 3","shadcnstudio","Chat list dropdown with avatars, message previews, and notification badges","npx shadcn@latest add @ss-components/dropdown-menu-03","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-03",3,1,3],13,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 4","shadcnstudio","Contact list dropdown with avatars, email display, and send action buttons","npx shadcn@latest add @ss-components/dropdown-menu-04","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-04",3,2,3],13,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 5","shadcnstudio","Meeting schedule dropdown with avatars, switch toggles for scheduling control","npx shadcn@latest add @ss-components/dropdown-menu-05","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-05",3,3,3],12,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 6","shadcnstudio","Text editing dropdown menu with formatting options and descriptions","npx shadcn@latest add @ss-components/dropdown-menu-06","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-06",3,4,3],6,"dropdown","dropdown menu|menu,search,dropdown,actions|icons,monochrome,minimal|c"],["Dropdown Menu 7","shadcnstudio","User account menu dropdown with avatar trigger and profile management options","npx shadcn@latest add @ss-components/dropdown-menu-07","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-07",3,5,3],5,"dropdown","dropdown menu|menu,settings,notifications,dropdown,actions|no icons,avatar,monochrome,minimal|c"],["Dropdown Menu 8","shadcnstudio","User profile dropdown with avatar header, user info, and submenu for invitations","npx shadcn@latest add @ss-components/dropdown-menu-08","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-08",3,6,3],9,"dropdown","dropdown menu|menu,account,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 9","shadcnstudio","Start-aligned dropdown menu with edit, share, and delete actions","npx shadcn@latest add @ss-components/dropdown-menu-09","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-09",3,7,3],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 10","shadcnstudio","End-aligned dropdown menu with browser actions and keyboard shortcuts","npx shadcn@latest add @ss-components/dropdown-menu-10","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-10",3,0,4],40,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 11","shadcnstudio","Task priority selector dropdown with icons and priority levels","npx shadcn@latest add @ss-components/dropdown-menu-11","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-11",3,1,4],11,"dropdown","dropdown menu|menu,tasks,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 12","shadcnstudio","User profile menu dropdown with icons for profile, settings, billing, and FAQ","npx shadcn@latest add @ss-components/dropdown-menu-12","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-12",3,2,4],44,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 13","shadcnstudio","Dropdown with checkbox controls for UI elements","npx shadcn@latest add @ss-components/dropdown-menu-13","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-13",3,3,4],11,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 14","shadcnstudio","Radio group selection dropdown for panel position with single choice selection","npx shadcn@latest add @ss-components/dropdown-menu-14","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-14",3,4,4],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 15","shadcnstudio","Left side animation dropdown menu","npx shadcn@latest add @ss-components/dropdown-menu-15","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-15",3,5,4],12,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Dropdown Menu 16","shadcnstudio","Animated dropdown menu with slide up animation effect","npx shadcn@latest add @ss-components/dropdown-menu-16","https://shadcnstudio.com/docs/components/dropdown-menu",0,"",["dropdown-menu-16",3,6,4],12,"dropdown","dropdown menu|menu,notifications,dropdown,actions|no icons,monochrome,minimal|c"],["Form 1","shadcnstudio","Form with radio group selection and alert notifications for user feedback","npx shadcn@latest add @ss-components/form-01","https://shadcnstudio.com/docs/components/form",0,"",["form-01",3,4,5],71,"input","form|inputs,settings,fields|no icons,monochrome|c"],["Form 2","shadcnstudio","Form with checkbox controls and alert integration for user selections","npx shadcn@latest add @ss-components/form-02","https://shadcnstudio.com/docs/components/form",0,"",["form-02",3,5,5],69,"input","form|inputs,fields|no icons,monochrome|c"],["Form 3","shadcnstudio","Form with switch toggle controls for settings and preferences","npx shadcn@latest add @ss-components/form-03","https://shadcnstudio.com/docs/components/form",0,"",["form-03",3,6,5],69,"input","form|inputs,media,fields|no icons,monochrome|c"],["Form 4","shadcnstudio","Form with input fields and validation alerts for data entry","npx shadcn@latest add @ss-components/form-04","https://shadcnstudio.com/docs/components/form",0,"",["form-04",3,7,5],75,"input","form|inputs,login,fields|no icons,monochrome,minimal|c"],["Form 5","shadcnstudio","Form with OTP input component for secure verification codes","npx shadcn@latest add @ss-components/form-05","https://shadcnstudio.com/docs/components/form",0,"",["form-05",3,0,6],74,"input","form|inputs,login,fields|icons,monochrome,minimal|c"],["Form 6","shadcnstudio","Form with textarea component for multi-line text input","npx shadcn@latest add @ss-components/form-06","https://shadcnstudio.com/docs/components/form",0,"",["form-06",3,1,6],71,"input","form|inputs,fields|no icons,monochrome|c"],["Form 7","shadcnstudio","Form with select dropdown components for option selection","npx shadcn@latest add @ss-components/form-07","https://shadcnstudio.com/docs/components/form",0,"",["form-07",3,2,6],74,"input","form|inputs,account,fields|icons,monochrome|c"],["Form 8","shadcnstudio","Form with command popover for searchable command selection","npx shadcn@latest add @ss-components/form-08","https://shadcnstudio.com/docs/components/form",0,"",["form-08",3,3,6],66,"input","form|inputs,fields|icons,monochrome|c"],["Form 9","shadcnstudio","Form with date picker in popover for date selection","npx shadcn@latest add @ss-components/form-09","https://shadcnstudio.com/docs/components/form",0,"",["form-09",3,4,6],73,"input","form|inputs,calendar,fields|icons,monochrome|c"],["Form 10","shadcnstudio","Comprehensive form with multiple input types in card layout for complex data entry","npx shadcn@latest add @ss-components/form-10","https://shadcnstudio.com/docs/components/form",0,"",["form-10",3,5,6],72,"input","form|inputs,team,fields|icons,monochrome|c"],["Input 1","shadcnstudio","A basic email input field with placeholder text","npx shadcn@latest add @ss-components/input-01","https://shadcnstudio.com/docs/components/input",0,"",["input-01",3,0,7],10,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 2","shadcnstudio","An email input field with a descriptive label for improved accessibility","npx shadcn@latest add @ss-components/input-02","https://shadcnstudio.com/docs/components/input",0,"",["input-02",3,1,7],51,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 3","shadcnstudio","A required email input field with a red asterisk indicator and validation","npx shadcn@latest add @ss-components/input-03","https://shadcnstudio.com/docs/components/input",0,"",["input-03",3,2,7],54,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 4","shadcnstudio","A disabled email input field that prevents user interaction","npx shadcn@latest add @ss-components/input-04","https://shadcnstudio.com/docs/components/input",0,"",["input-04",3,3,7],46,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 5","shadcnstudio","A read-only email input field with default value and muted styling","npx shadcn@latest add @ss-components/input-05","https://shadcnstudio.com/docs/components/input",0,"",["input-05",3,4,7],54,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 6","shadcnstudio","Text input fields showcasing different size variants (small, medium, large)","npx shadcn@latest add @ss-components/input-06","https://shadcnstudio.com/docs/components/input",0,"",["input-06",3,5,7],61,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 7","shadcnstudio","An email input field with a pre-filled default value","npx shadcn@latest add @ss-components/input-07","https://shadcnstudio.com/docs/components/input",0,"",["input-07",3,6,7],55,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 8","shadcnstudio","An input field with fully rounded borders for a modern appearance","npx shadcn@latest add @ss-components/input-08","https://shadcnstudio.com/docs/components/input",0,"",["input-08",3,7,7],51,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 9","shadcnstudio","An input field with helper text below for additional guidance","npx shadcn@latest add @ss-components/input-09","https://shadcnstudio.com/docs/components/input",0,"",["input-09",3,0,8],57,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 10","shadcnstudio","An email input field with right-aligned helper text for privacy assurance","npx shadcn@latest add @ss-components/input-10","https://shadcnstudio.com/docs/components/input",0,"",["input-10",3,1,8],57,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 11","shadcnstudio","An email input field with hint text indicating the field is optional","npx shadcn@latest add @ss-components/input-11","https://shadcnstudio.com/docs/components/input",0,"",["input-11",3,2,8],51,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 12","shadcnstudio","An email input field with error validation and dynamic error message display","npx shadcn@latest add @ss-components/input-12","https://shadcnstudio.com/docs/components/input",0,"",["input-12",3,3,8],71,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 13","shadcnstudio","An email input field with custom indigo focus ring styling","npx shadcn@latest add @ss-components/input-13","https://shadcnstudio.com/docs/components/input",0,"",["input-13",3,4,8],52,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 14","shadcnstudio","A username input field with a user icon positioned at the start","npx shadcn@latest add @ss-components/input-14","https://shadcnstudio.com/docs/components/input",0,"",["input-14",3,5,8],52,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 15","shadcnstudio","An email input field with a mail icon positioned at the end","npx shadcn@latest add @ss-components/input-15","https://shadcnstudio.com/docs/components/input",0,"",["input-15",3,6,8],52,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 16","shadcnstudio","A URL input field with \"https://\" text prefix positioned at the start","npx shadcn@latest add @ss-components/input-16","https://shadcnstudio.com/docs/components/input",0,"",["input-16",3,7,8],23,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 17","shadcnstudio","A domain input field with \".com\" text suffix positioned at the end","npx shadcn@latest add @ss-components/input-17","https://shadcnstudio.com/docs/components/input",0,"",["input-17",3,0,9],54,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 18","shadcnstudio","A URL input field with both \"https://\" prefix and \".com\" suffix text add-ons","npx shadcn@latest add @ss-components/input-18","https://shadcnstudio.com/docs/components/input",0,"",["input-18",3,1,9],54,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 19","shadcnstudio","A URL input field with an external \"https://\" add-on box at the start","npx shadcn@latest add @ss-components/input-19","https://shadcnstudio.com/docs/components/input",0,"",["input-19",3,2,9],53,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 20","shadcnstudio","A domain input field with an external \".com\" add-on box at the end","npx shadcn@latest add @ss-components/input-20","https://shadcnstudio.com/docs/components/input",0,"",["input-20",3,3,9],52,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 21","shadcnstudio","A URL input field with both external \"https://\" and \".com\" add-on boxes","npx shadcn@latest add @ss-components/input-21","https://shadcnstudio.com/docs/components/input",0,"",["input-21",3,4,9],52,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 22","shadcnstudio","An email input field with a filled muted background style and no border","npx shadcn@latest add @ss-components/input-22","https://shadcnstudio.com/docs/components/input",0,"",["input-22",3,5,9],42,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 23","shadcnstudio","An email input field with an overlapping label positioned over the border","npx shadcn@latest add @ss-components/input-23","https://shadcnstudio.com/docs/components/input",0,"",["input-23",3,6,9],48,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 24","shadcnstudio","An email input field with an animated floating label that moves on focus","npx shadcn@latest add @ss-components/input-24","https://shadcnstudio.com/docs/components/input",0,"",["input-24",3,7,9],40,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 25","shadcnstudio","An email input field with an inset label positioned above the input area","npx shadcn@latest add @ss-components/input-25","https://shadcnstudio.com/docs/components/input",0,"",["input-25",3,0,10],19,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 26","shadcnstudio","A password input field with a toggle button to show/hide password visibility","npx shadcn@latest add @ss-components/input-26","https://shadcnstudio.com/docs/components/input",0,"",["input-26",3,1,10],51,"input","input|text field,login,form,form control|no icons,monochrome,minimal|c"],["Input 27","shadcnstudio","A file input field with custom styling for the file picker button","npx shadcn@latest add @ss-components/input-27","https://shadcnstudio.com/docs/components/input",0,"",["input-27",3,2,10],52,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 28","shadcnstudio","A URL input field with a protocol selector dropdown at the start","npx shadcn@latest add @ss-components/input-28","https://shadcnstudio.com/docs/components/input",0,"",["input-28",3,3,10],54,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 29","shadcnstudio","A domain input field with a TLD selector dropdown at the end","npx shadcn@latest add @ss-components/input-29","https://shadcnstudio.com/docs/components/input",0,"",["input-29",3,4,10],53,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 30","shadcnstudio","An email input field paired with a subscribe button for newsletter signups","npx shadcn@latest add @ss-components/input-30","https://shadcnstudio.com/docs/components/input",0,"",["input-30",3,5,10],61,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 31","shadcnstudio","An email input field with an inline send button positioned at the end","npx shadcn@latest add @ss-components/input-31","https://shadcnstudio.com/docs/components/input",0,"",["input-31",3,6,10],54,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 32","shadcnstudio","Input field with a right-aligned icon button, ideal for actions like downloading or submitting email addresses","npx shadcn@latest add @ss-components/input-32","https://shadcnstudio.com/docs/components/input",0,"",["input-32",3,7,10],53,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 33","shadcnstudio","An email input field with an external subscribe button connected via styling","npx shadcn@latest add @ss-components/input-33","https://shadcnstudio.com/docs/components/input",0,"",["input-33",3,0,11],62,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 34","shadcnstudio","Input field with character limit counter showing current count out of maximum allowed","npx shadcn@latest add @ss-components/input-34","https://shadcnstudio.com/docs/components/input",0,"",["input-34",3,1,11],53,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 35","shadcnstudio","Input field with real-time character counter, guiding users on remaining character allowance.","npx shadcn@latest add @ss-components/input-35","https://shadcnstudio.com/docs/components/input",0,"",["input-35",3,2,11],56,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 36","shadcnstudio","Input field with clear button to instantly reset the field value","npx shadcn@latest add @ss-components/input-36","https://shadcnstudio.com/docs/components/input",0,"",["input-36",3,3,11],54,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 37","shadcnstudio","Search input field with keyboard shortcut indicator (⌘K) for enhanced UX","npx shadcn@latest add @ss-components/input-37","https://shadcnstudio.com/docs/components/input",0,"",["input-37",3,4,11],53,"input","input|text field,search,form,form control|no icons,monochrome,minimal|c"],["Input 38","shadcnstudio","Search input field with search icon and microphone button for voice input","npx shadcn@latest add @ss-components/input-38","https://shadcnstudio.com/docs/components/input",0,"",["input-38",3,5,11],54,"input","input|text field,search,form,form control|icons,monochrome|c"],["Input 39","shadcnstudio","Search input field with loading indicator that shows during search operations","npx shadcn@latest add @ss-components/input-39","https://shadcnstudio.com/docs/components/input",0,"",["input-39",3,6,11],52,"input","input|text field,search,form,form control|icons,monochrome,minimal|c"],["Input 40","shadcnstudio","Number input field with increment/decrement buttons using React Aria Components","npx shadcn@latest add @ss-components/input-40","https://shadcnstudio.com/docs/components/input",0,"",["input-40",3,7,11],58,"input","input|text field,form,form control|icons,monochrome|c"],["Input 41","shadcnstudio","Number field with increment/decrement buttons positioned at the end using React Aria","npx shadcn@latest add @ss-components/input-41","https://shadcnstudio.com/docs/components/input",0,"",["input-41",4,0,0],57,"input","input|text field,form,form control|icons,monochrome|c"],["Input 42","shadcnstudio","Number field with vertically stacked increment/decrement buttons using React Aria","npx shadcn@latest add @ss-components/input-42","https://shadcnstudio.com/docs/components/input",0,"",["input-42",4,1,0],58,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 43","shadcnstudio","Number field with rounded increment/decrement buttons positioned inline using React Aria","npx shadcn@latest add @ss-components/input-43","https://shadcnstudio.com/docs/components/input",0,"",["input-43",4,2,0],60,"input","input|text field,form,form control|icons,monochrome|c"],["Input 44","shadcnstudio","Number field with rounded increment/decrement buttons positioned at the end using React Aria","npx shadcn@latest add @ss-components/input-44","https://shadcnstudio.com/docs/components/input",0,"",["input-44",4,3,0],59,"input","input|text field,form,form control|icons,monochrome|c"],["Input 45","shadcnstudio","Number field with vertically stacked chevron buttons for increment/decrement using React Aria","npx shadcn@latest add @ss-components/input-45","https://shadcnstudio.com/docs/components/input",0,"",["input-45",4,4,0],58,"input","input|text field,form,form control|icons,monochrome|c"],["Input 46","shadcnstudio","Password input field with strength meter and requirements validation checker","npx shadcn@latest add @ss-components/input-46","https://shadcnstudio.com/docs/components/input",0,"",["input-46",4,5,0],66,"input","input|text field,login,form,form control|icons,monochrome|c"],["Input Mask 1","shadcnstudio","An input field with custom alphanumeric mask pattern for structured data entry","npx shadcn@latest add @ss-components/input-mask-01","https://shadcnstudio.com/docs/components/input-mask",0,"",["input-mask-01",4,6,0],56,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input Mask 2","shadcnstudio","A time input field with HH:MM:SS mask formatting for precise time entry","npx shadcn@latest add @ss-components/input-mask-02","https://shadcnstudio.com/docs/components/input-mask",0,"",["input-mask-02",4,7,0],54,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input Mask 3","shadcnstudio","A credit card number input with automatic formatting and card type detection","npx shadcn@latest add @ss-components/input-mask-03","https://shadcnstudio.com/docs/components/input-mask",0,"",["input-mask-03",4,0,1],56,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input Mask 4","shadcnstudio","A credit card expiry date input with MM/YY formatting and validation","npx shadcn@latest add @ss-components/input-mask-04","https://shadcnstudio.com/docs/components/input-mask",0,"",["input-mask-04",4,1,1],54,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input Mask 5","shadcnstudio","A credit card CVC input field with secure formatting and length validation","npx shadcn@latest add @ss-components/input-mask-05","https://shadcnstudio.com/docs/components/input-mask",0,"",["input-mask-05",4,2,1],53,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input Mask 6","shadcnstudio","A comprehensive credit card details form with card number, expiry, and CVC inputs with automatic formatting","npx shadcn@latest add @ss-components/input-mask-06","https://shadcnstudio.com/docs/components/input-mask",0,"",["input-mask-06",4,3,1],60,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input OTP 1","shadcnstudio","A 4-digit numeric OTP input field with individual slots for each digit","npx shadcn@latest add @ss-components/input-otp-01","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-01",4,4,1],45,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input OTP 2","shadcnstudio","A 4-character alphanumeric OTP input field supporting both letters and numbers","npx shadcn@latest add @ss-components/input-otp-02","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-02",4,5,1],47,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input OTP 3","shadcnstudio","A 4-digit OTP input field with resend functionality and helper text","npx shadcn@latest add @ss-components/input-otp-03","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-03",4,6,1],52,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input OTP 4","shadcnstudio","A 4-digit OTP input field with countdown timer and automatic resend functionality","npx shadcn@latest add @ss-components/input-otp-04","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-04",4,7,1],51,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input OTP 5","shadcnstudio","A 4-digit OTP input field with outlined styling and rounded borders","npx shadcn@latest add @ss-components/input-otp-05","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-05",4,0,2],46,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input OTP 6","shadcnstudio","A 4-digit OTP input field with filled background styling and muted appearance","npx shadcn@latest add @ss-components/input-otp-06","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-06",4,1,2],40,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input OTP 7","shadcnstudio","A 4-digit OTP input field with minimal underline styling and no background","npx shadcn@latest add @ss-components/input-otp-07","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-07",4,2,2],45,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input OTP 8","shadcnstudio","A 6-digit OTP input field with grouped layout and visual separator between groups","npx shadcn@latest add @ss-components/input-otp-08","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-08",4,3,2],49,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Input OTP 9","shadcnstudio","A 6-digit OTP input field with outlined grouped layout and visual separator","npx shadcn@latest add @ss-components/input-otp-09","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-09",4,4,2],51,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Input OTP 10","shadcnstudio","A 6-digit OTP input field with custom dot separator and grouped layout","npx shadcn@latest add @ss-components/input-otp-10","https://shadcnstudio.com/docs/components/input-otp",0,"",["input-otp-10",4,5,2],50,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Pagination 1","shadcnstudio","A basic pagination component with previous, numbered pages, and next controls","npx shadcn@latest add @ss-components/pagination-01","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-01",4,1,3],13,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 2","shadcnstudio","A pagination component with chevron icons for previous and next navigation","npx shadcn@latest add @ss-components/pagination-02","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-02",4,2,3],26,"navbar|b","pagination|pages,navigation|icons,monochrome|c"],["Pagination 3","shadcnstudio","A pagination component with primary button styling for the active page","npx shadcn@latest add @ss-components/pagination-03","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-03",4,3,3],47,"button","pagination|pages,navigation|icons,monochrome|c"],["Pagination 4","shadcnstudio","A pagination component with secondary button styling and custom variants","npx shadcn@latest add @ss-components/pagination-04","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-04",4,4,3],42,"button","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Pagination 5","shadcnstudio","A bordered pagination component with dividers and connected button styling","npx shadcn@latest add @ss-components/pagination-05","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-05",4,5,3],49,"button","pagination|pages,navigation|icons,monochrome|c"],["Pagination 6","shadcnstudio","A pagination component with fully rounded button styling for modern appearance","npx shadcn@latest add @ss-components/pagination-06","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-06",4,6,3],45,"button","pagination|pages,navigation|icons,monochrome|c"],["Pagination 7","shadcnstudio","A pagination component with first and last page navigation buttons","npx shadcn@latest add @ss-components/pagination-07","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-07",4,7,3],26,"navbar|b","pagination|pages,navigation|icons,monochrome|c"],["Pagination 8","shadcnstudio","A pagination component with ellipsis and tooltip showing hidden page count","npx shadcn@latest add @ss-components/pagination-08","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-08",4,0,4],45,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 9","shadcnstudio","A pagination component with underline styling for the active page indicator","npx shadcn@latest add @ss-components/pagination-09","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-09",4,1,4],44,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 10","shadcnstudio","A card-style pagination component with border, shadow, and contained layout","npx shadcn@latest add @ss-components/pagination-10","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-10",4,2,4],17,"card","pagination|pages,navigation|icons,monochrome|c"],["Pagination 11","shadcnstudio","A minimal numberless pagination component with only previous and next controls","npx shadcn@latest add @ss-components/pagination-11","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-11",4,3,4],35,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 12","shadcnstudio","A numberless pagination component with current page indicator text display","npx shadcn@latest add @ss-components/pagination-12","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-12",4,4,4],34,"text","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Pagination 13","shadcnstudio","A compact mini pagination component with page count display and icon navigation","npx shadcn@latest add @ss-components/pagination-13","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-13",4,5,4],24,"navbar|b","pagination|pages,navigation|icons,monochrome|c"],["Pagination 14","shadcnstudio","A pagination component with page size selector dropdown for customizable results per page","npx shadcn@latest add @ss-components/pagination-14","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-14",4,6,4],10,"dropdown","pagination|pages,navigation|icons,monochrome|c"],["Pagination 15","shadcnstudio","A comprehensive pagination component with page size selector, tooltips, and detailed navigation controls","npx shadcn@latest add @ss-components/pagination-15","https://shadcnstudio.com/docs/components/pagination",0,"",["pagination-15",4,7,4],26,"navbar|b","pagination|pages,navigation|icons,monochrome|c"],["Popover 1","shadcnstudio","A ratings popover displaying star ratings with progress bars and review statistics","npx shadcn@latest add @ss-components/popover-01","https://shadcnstudio.com/docs/components/popover",0,"",["popover-01",4,0,5],6,"chart","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 2","shadcnstudio","A dimensions popover with input fields for width, max width, height, and max height settings","npx shadcn@latest add @ss-components/popover-02","https://shadcnstudio.com/docs/components/popover",0,"",["popover-02",4,1,5],6,"input","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 3","shadcnstudio","A pricing popover displaying plan details with features and pricing information","npx shadcn@latest add @ss-components/popover-03","https://shadcnstudio.com/docs/components/popover",0,"",["popover-03",4,2,5],26,"section|b","popover|overlay,pricing,popup,menu|icons,monochrome,minimal|c"],["Popover 4","shadcnstudio","A volume control popover with a slider for adjusting audio levels","npx shadcn@latest add @ss-components/popover-04","https://shadcnstudio.com/docs/components/popover",0,"",["popover-04",4,3,5],5,"input","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 5","shadcnstudio","An informational popover about Shadcn Studio with description and learn more link","npx shadcn@latest add @ss-components/popover-05","https://shadcnstudio.com/docs/components/popover",0,"",["popover-05",4,4,5],25,"section|b","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Popover 6","shadcnstudio","A download progress popover with progress bar and pause/cancel/retry controls","npx shadcn@latest add @ss-components/popover-06","https://shadcnstudio.com/docs/components/popover",0,"",["popover-06",4,5,5],5,"loader","popover|overlay,media,popup,menu|icons,monochrome,minimal|c"],["Popover 7","shadcnstudio","A file deletion confirmation popover with warning icon and action buttons","npx shadcn@latest add @ss-components/popover-07","https://shadcnstudio.com/docs/components/popover",0,"",["popover-07",4,6,5],5,"button","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 8","shadcnstudio","A feedback popover with textarea for user comments and send/cancel actions","npx shadcn@latest add @ss-components/popover-08","https://shadcnstudio.com/docs/components/popover",0,"",["popover-08",4,7,5],5,"input","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 9","shadcnstudio","A filter popover with checkbox options and price range slider controls","npx shadcn@latest add @ss-components/popover-09","https://shadcnstudio.com/docs/components/popover",0,"",["popover-09",4,0,6],5,"input","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 10","shadcnstudio","A user search popover with debounced input, loading states, and avatar display","npx shadcn@latest add @ss-components/popover-10","https://shadcnstudio.com/docs/components/popover",0,"",["popover-10",4,1,6],4,"loader","popover|overlay,search,notifications,popup,menu|icons,monochrome,minimal|c"],["Popover 11","shadcnstudio","A notifications popover with unread indicators and mark-as-read functionality","npx shadcn@latest add @ss-components/popover-11","https://shadcnstudio.com/docs/components/popover",0,"",["popover-11",4,2,6],5,"toast","popover|overlay,tasks,notifications,popup,menu|icons,monochrome,minimal|c"],["Popover 12","shadcnstudio","An informational popover with image and content layout for location details","npx shadcn@latest add @ss-components/popover-12","https://shadcnstudio.com/docs/components/popover",0,"",["popover-12",4,3,6],5,"media","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 13","shadcnstudio","A promotional popover with QR code and coupon code with copy functionality with slide in from left animation","npx shadcn@latest add @ss-components/popover-13","https://shadcnstudio.com/docs/components/popover",0,"",["popover-13",4,4,6],11,"media","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Popover 14","shadcnstudio","A team sharing popover with email input and member selection checkboxes with slide in from bottom animation","npx shadcn@latest add @ss-components/popover-14","https://shadcnstudio.com/docs/components/popover",0,"",["popover-14",4,5,6],13,"input","popover|overlay,team,popup,menu|no icons,monochrome,minimal|c"],["Popover 15","shadcnstudio","A user profile popover with avatar, bio, and social statistics display with zoom-in animation","npx shadcn@latest add @ss-components/popover-15","https://shadcnstudio.com/docs/components/popover",0,"",["popover-15",4,6,6],8,"chart","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Radio Group 1","shadcnstudio","A basic vertical radio group","npx shadcn@latest add @ss-components/radio-group-01","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-01",4,2,7],49,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["Radio Group 2","shadcnstudio","A horizontal radio group layout","npx shadcn@latest add @ss-components/radio-group-02","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-02",4,3,7],45,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["Radio Group 3","shadcnstudio","A colored radio group with custom styling for different states","npx shadcn@latest add @ss-components/radio-group-03","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-03",4,4,7],55,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["Radio Group 4","shadcnstudio","A radio group with different sizes for various display options","npx shadcn@latest add @ss-components/radio-group-04","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-04",4,5,7],44,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["Radio Group 5","shadcnstudio","A radio group with dashed borders","npx shadcn@latest add @ss-components/radio-group-05","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-05",4,6,7],51,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["Radio Group 6","shadcnstudio","A radio group with solid filled styling for theme selection","npx shadcn@latest add @ss-components/radio-group-06","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-06",4,7,7],48,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio Group 7","shadcnstudio","A radio group with descriptions for detailed plan selection options","npx shadcn@latest add @ss-components/radio-group-07","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-07",4,0,8],62,"input","radio group|radio,options,form|icons,monochrome|c"],["Radio Group 8","shadcnstudio","A chip-style radio group with grid layout for size selection","npx shadcn@latest add @ss-components/radio-group-08","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-08",4,1,8],66,"input","radio group|radio,options,form|icons,monochrome|c"],["Radio Group 9","shadcnstudio","A list-style radio group with pricing and badges for plan selection","npx shadcn@latest add @ss-components/radio-group-09","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-09",4,2,8],77,"input","radio group|radio,pricing,options,form|icons,monochrome,minimal|c"],["Radio Group 10","shadcnstudio","A split-list radio group with highlighted selected state and pricing","npx shadcn@latest add @ss-components/radio-group-10","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-10",4,3,8],95,"input","radio group|radio,pricing,options,form|icons,monochrome,minimal|c"],["Radio Group 11","shadcnstudio","A card-style radio group with detailed descriptions and pricing","npx shadcn@latest add @ss-components/radio-group-11","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-11",4,4,8],64,"input","radio group|radio,team,pricing,options,form|icons,monochrome|c"],["Radio Group 12","shadcnstudio","A border less card radio group with hidden radio buttons and label-based selection","npx shadcn@latest add @ss-components/radio-group-12","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-12",4,5,8],62,"input","radio group|radio,team,pricing,options,form|icons,monochrome|c"],["Radio Group 13","shadcnstudio","A vertical card radio group with icons and centered layout for plan selection","npx shadcn@latest add @ss-components/radio-group-13","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-13",4,6,8],65,"input","radio group|radio,team,options,form|icons,monochrome|c"],["Radio Group 14","shadcnstudio","An animated radio group with motion effects for notification preferences","npx shadcn@latest add @ss-components/radio-group-14","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-14",4,7,8],49,"input","radio group|radio,notifications,options,form|no icons,monochrome,minimal|c"],["Radio Group 15","shadcnstudio","An animated inset radio group with smooth transitions for language selection","npx shadcn@latest add @ss-components/radio-group-15","https://shadcnstudio.com/docs/components/radio-group",0,"",["radio-group-15",4,0,9],45,"input","radio group|radio,language switcher,options,form|icons,monochrome|c"],["Select 1","shadcnstudio","A basic native select dropdown for gender selection","npx shadcn@latest add @ss-components/select-01","https://shadcnstudio.com/docs/components/select",0,"",["select-01",4,3,9],51,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 2","shadcnstudio","A native select dropdown with placeholder text for user guidance","npx shadcn@latest add @ss-components/select-02","https://shadcnstudio.com/docs/components/select",0,"",["select-02",4,4,9],53,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 3","shadcnstudio","A native select dropdown with icon for movie selection","npx shadcn@latest add @ss-components/select-03","https://shadcnstudio.com/docs/components/select",0,"",["select-03",4,5,9],52,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 4","shadcnstudio","A native select dropdown with helper text","npx shadcn@latest add @ss-components/select-04","https://shadcnstudio.com/docs/components/select",0,"",["select-04",4,6,9],57,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 5","shadcnstudio","A native select dropdown with error state and validation message","npx shadcn@latest add @ss-components/select-05","https://shadcnstudio.com/docs/components/select",0,"",["select-05",4,7,9],71,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 6","shadcnstudio","A required native select dropdown with asterisk indicator","npx shadcn@latest add @ss-components/select-06","https://shadcnstudio.com/docs/components/select",0,"",["select-06",4,0,10],55,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 7","shadcnstudio","A native select dropdown with option groups for categorized choices","npx shadcn@latest add @ss-components/select-07","https://shadcnstudio.com/docs/components/select",0,"",["select-07",4,1,10],53,"dropdown","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Select 8","shadcnstudio","A native select dropdown with overlapping label design","npx shadcn@latest add @ss-components/select-08","https://shadcnstudio.com/docs/components/select",0,"",["select-08",4,2,10],49,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 9","shadcnstudio","A native select dropdown with inset label design and custom styling","npx shadcn@latest add @ss-components/select-09","https://shadcnstudio.com/docs/components/select",0,"",["select-09",4,3,10],51,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 10","shadcnstudio","A basic custom select dropdown with grouped items and labels","npx shadcn@latest add @ss-components/select-10","https://shadcnstudio.com/docs/components/select",0,"",["select-10",4,4,10],51,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 11","shadcnstudio","A custom select dropdown with placeholder text","npx shadcn@latest add @ss-components/select-11","https://shadcnstudio.com/docs/components/select",0,"",["select-11",4,5,10],52,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 12","shadcnstudio","A custom select dropdown with icon","npx shadcn@latest add @ss-components/select-12","https://shadcnstudio.com/docs/components/select",0,"",["select-12",4,6,10],52,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 13","shadcnstudio","A custom select dropdown with helper text for location selection","npx shadcn@latest add @ss-components/select-13","https://shadcnstudio.com/docs/components/select",0,"",["select-13",4,7,10],57,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 14","shadcnstudio","A custom select dropdown with error state and validation message","npx shadcn@latest add @ss-components/select-14","https://shadcnstudio.com/docs/components/select",0,"",["select-14",4,0,11],69,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 15","shadcnstudio","A custom select dropdown with different size variants (small, default, large)","npx shadcn@latest add @ss-components/select-15","https://shadcnstudio.com/docs/components/select",0,"",["select-15",4,1,11],61,"dropdown","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Select 16","shadcnstudio","A custom select dropdown with colored border and focus ring styling","npx shadcn@latest add @ss-components/select-16","https://shadcnstudio.com/docs/components/select",0,"",["select-16",4,2,11],55,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 17","shadcnstudio","A custom select dropdown with colored background and themed styling","npx shadcn@latest add @ss-components/select-17","https://shadcnstudio.com/docs/components/select",0,"",["select-17",4,3,11],82,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 18","shadcnstudio","A ghost-style custom select dropdown with minimal styling and hover effects","npx shadcn@latest add @ss-components/select-18","https://shadcnstudio.com/docs/components/select",0,"",["select-18",4,4,11],46,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 19","shadcnstudio","A disabled custom select dropdown with reduced opacity and interaction","npx shadcn@latest add @ss-components/select-19","https://shadcnstudio.com/docs/components/select",0,"",["select-19",4,5,11],48,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 20","shadcnstudio","A custom select dropdown with disabled individual options","npx shadcn@latest add @ss-components/select-20","https://shadcnstudio.com/docs/components/select",0,"",["select-20",4,6,11],52,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 21","shadcnstudio","A custom select dropdown with required field indicator","npx shadcn@latest add @ss-components/select-21","https://shadcnstudio.com/docs/components/select",0,"",["select-21",4,7,11],54,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 22","shadcnstudio","A custom select dropdown with multiple option groups","npx shadcn@latest add @ss-components/select-22","https://shadcnstudio.com/docs/components/select",0,"",["select-22",5,0,0],52,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 23","shadcnstudio","A custom select dropdown with separators and grouped countries by geographic regions","npx shadcn@latest add @ss-components/select-23","https://shadcnstudio.com/docs/components/select",0,"",["select-23",5,1,0],52,"dropdown","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Select 24","shadcnstudio","A custom select dropdown with overlapping label positioned over the border","npx shadcn@latest add @ss-components/select-24","https://shadcnstudio.com/docs/components/select",0,"",["select-24",5,2,0],48,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 25","shadcnstudio","A custom select dropdown with inset label design inside bordered container","npx shadcn@latest add @ss-components/select-25","https://shadcnstudio.com/docs/components/select",0,"",["select-25",5,3,0],51,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 26","shadcnstudio","A timezone select dropdown with grouped time zones by geographic regions","npx shadcn@latest add @ss-components/select-26","https://shadcnstudio.com/docs/components/select",0,"",["select-26",5,4,0],51,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 27","shadcnstudio","A music genre select dropdown with icons for each option","npx shadcn@latest add @ss-components/select-27","https://shadcnstudio.com/docs/components/select",0,"",["select-27",5,5,0],52,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 28","shadcnstudio","A custom select dropdown with leading text before the selected value","npx shadcn@latest add @ss-components/select-28","https://shadcnstudio.com/docs/components/select",0,"",["select-28",5,6,0],55,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 29","shadcnstudio","A status select dropdown with colored circle indicators for each status","npx shadcn@latest add @ss-components/select-29","https://shadcnstudio.com/docs/components/select",0,"",["select-29",5,7,0],56,"dropdown","select|dropdown,tasks,options,form|icons,monochrome|c"],["Select 30","shadcnstudio","A country select dropdown with flag images for each country option","npx shadcn@latest add @ss-components/select-30","https://shadcnstudio.com/docs/components/select",0,"",["select-30",5,0,1],52,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 31","shadcnstudio","A user select dropdown with avatar images for each user option","npx shadcn@latest add @ss-components/select-31","https://shadcnstudio.com/docs/components/select",0,"",["select-31",5,1,1],53,"dropdown","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Select 32","shadcnstudio","A multi-select dropdown with search functionality for product categories","npx shadcn@latest add @ss-components/select-32","https://shadcnstudio.com/docs/components/select",0,"",["select-32",5,2,1],57,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 33","shadcnstudio","A multi-select dropdown with placeholder, badge display and removal functionality","npx shadcn@latest add @ss-components/select-33","https://shadcnstudio.com/docs/components/select",0,"",["select-33",5,3,1],58,"dropdown","select|dropdown,options,form|no icons,monochrome|c"],["Select 34","shadcnstudio","A native multiple select dropdown for dietary preferences with bordered container","npx shadcn@latest add @ss-components/select-34","https://shadcnstudio.com/docs/components/select",0,"",["select-34",5,4,1],66,"dropdown","select|dropdown,options,form|no icons,monochrome,minimal|c"],["Select 35","shadcnstudio","A React Aria Components listbox with single selection for currency options","npx shadcn@latest add @ss-components/select-35","https://shadcnstudio.com/docs/components/select",0,"",["select-35",5,5,1],65,"dropdown","select|dropdown,options,form|no icons,monochrome|c"],["Select 36","shadcnstudio","A React Aria Components listbox with multiple selection and grouped language options","npx shadcn@latest add @ss-components/select-36","https://shadcnstudio.com/docs/components/select",0,"",["select-36",5,6,1],70,"dropdown","select|dropdown,options,form|no icons,monochrome|c"],["Select 37","shadcnstudio","An animated select dropdown with slide-in from bottom transition effect","npx shadcn@latest add @ss-components/select-37","https://shadcnstudio.com/docs/components/select",0,"",["select-37",5,7,1],53,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 38","shadcnstudio","An animated select dropdown with zoom-in transition effect from center","npx shadcn@latest add @ss-components/select-38","https://shadcnstudio.com/docs/components/select",0,"",["select-38",5,0,2],52,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Sheet 1","shadcnstudio","A basic sheet component with form inputs for profile editing","npx shadcn@latest add @ss-components/sheet-01","https://shadcnstudio.com/docs/components/sheet",0,"",["sheet-01",5,1,2],8,"input","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 2","shadcnstudio","A sheet component demonstrating different slide directions (top, right, bottom, left)","npx shadcn@latest add @ss-components/sheet-02","https://shadcnstudio.com/docs/components/sheet",0,"",["sheet-02",5,2,2],47,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 3","shadcnstudio","A non-modal sheet component without overlay for profile editing","npx shadcn@latest add @ss-components/sheet-03","https://shadcnstudio.com/docs/components/sheet",0,"",["sheet-03",5,3,2],9,"dialog","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 4","shadcnstudio","A sheet component with scrollable content for terms and conditions","npx shadcn@latest add @ss-components/sheet-04","https://shadcnstudio.com/docs/components/sheet",0,"",["sheet-04",5,4,2],12,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 5","shadcnstudio","A sheet component with form validation and structured user registration","npx shadcn@latest add @ss-components/sheet-05","https://shadcnstudio.com/docs/components/sheet",0,"",["sheet-05",5,5,2],8,"input","drawer|sheet,login,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 6","shadcnstudio","A navigation sheet component with collapsible menu structure","npx shadcn@latest add @ss-components/sheet-06","https://shadcnstudio.com/docs/components/sheet",0,"",["sheet-06",5,6,2],28,"navbar|b","drawer|sheet,login,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 7","shadcnstudio","A sheet component with data table, pagination, and form integration for adding user data","npx shadcn@latest add @ss-components/sheet-07","https://shadcnstudio.com/docs/components/sheet",0,"",["sheet-07",5,7,2],60,"table","drawer|sheet,pricing,account,overlay,panel|icons,monochrome|c"],["Sonner 1","shadcnstudio","A basic toast notification with simple message display","npx shadcn@latest add @ss-components/sonner-01","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-01",5,1,3],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 2","shadcnstudio","A toast notification with title and description for detailed information","npx shadcn@latest add @ss-components/sonner-02","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-02",5,2,3],13,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 3","shadcnstudio","A toast notification with custom icon for enhanced visual communication","npx shadcn@latest add @ss-components/sonner-03","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-03",5,3,3],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 4","shadcnstudio","A toast notification with avatar component for personalized user notifications","npx shadcn@latest add @ss-components/sonner-04","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-04",5,4,3],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 5","shadcnstudio","A closable toast notification with user-controlled dismiss functionality","npx shadcn@latest add @ss-components/sonner-05","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-05",5,5,3],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 6","shadcnstudio","A toast notification with action button for interactive user responses","npx shadcn@latest add @ss-components/sonner-06","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-06",5,6,3],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 7","shadcnstudio","A promise-based toast notification with loading, success, and error states","npx shadcn@latest add @ss-components/sonner-07","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-07",5,7,3],12,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 8","shadcnstudio","A toast notification with configurable positioning options for all screen corners and centers for e.g. (top-left, top-right, bottom-left, bottom-right, center)","npx shadcn@latest add @ss-components/sonner-08","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-08",5,0,4],67,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 9","shadcnstudio","A soft-styled info toast notification with color-mixed background for subtle messaging","npx shadcn@latest add @ss-components/sonner-09","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-09",5,1,4],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 10","shadcnstudio","A soft-styled success toast notification with green color theming for positive feedback","npx shadcn@latest add @ss-components/sonner-10","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-10",5,2,4],12,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 11","shadcnstudio","A soft-styled warning toast notification with amber color theming for caution messages","npx shadcn@latest add @ss-components/sonner-11","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-11",5,3,4],12,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 12","shadcnstudio","A soft-styled destructive error toast notification with subtle red theming for error messages","npx shadcn@latest add @ss-components/sonner-12","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-12",5,4,4],13,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 13","shadcnstudio","An outline-styled info toast notification with border highlighting for informational messages","npx shadcn@latest add @ss-components/sonner-13","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-13",5,5,4],12,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 14","shadcnstudio","An outline-styled success toast notification with green border theming for positive feedback","npx shadcn@latest add @ss-components/sonner-14","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-14",5,6,4],13,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 15","shadcnstudio","An outline-styled warning toast notification with amber border theming for caution messages","npx shadcn@latest add @ss-components/sonner-15","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-15",5,7,4],13,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 16","shadcnstudio","An outline-styled destructive error toast notification with red border theming for error messages","npx shadcn@latest add @ss-components/sonner-16","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-16",5,0,5],46,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 17","shadcnstudio","A solid-styled info toast notification with blue background and white text for prominent messaging","npx shadcn@latest add @ss-components/sonner-17","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-17",5,1,5],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 18","shadcnstudio","A solid-styled success toast notification with green background and white text for prominent positive feedback","npx shadcn@latest add @ss-components/sonner-18","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-18",5,2,5],44,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 19","shadcnstudio","A solid-styled warning toast notification with amber background and white text for prominent caution messages","npx shadcn@latest add @ss-components/sonner-19","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-19",5,3,5],13,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Sonner 20","shadcnstudio","A solid-styled destructive error toast notification with red background and white text for prominent error messages","npx shadcn@latest add @ss-components/sonner-20","https://shadcnstudio.com/docs/components/sonner",0,"",["sonner-20",5,4,5],13,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Switch 1","shadcnstudio","A basic switch component with label for simple on/off controls","npx shadcn@latest add @ss-components/switch-01","https://shadcnstudio.com/docs/components/switch",0,"",["switch-01",5,6,5],10,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 2","shadcnstudio","A square-styled switch with rounded corners for alternative visual design","npx shadcn@latest add @ss-components/switch-02","https://shadcnstudio.com/docs/components/switch",0,"",["switch-02",5,7,5],0,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 3","shadcnstudio","A mini-sized switch with border styling for compact interface layouts","npx shadcn@latest add @ss-components/switch-03","https://shadcnstudio.com/docs/components/switch",0,"",["switch-03",5,0,6],32,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 4","shadcnstudio","Color-themed switches with destructive, success, info, and warning variants","npx shadcn@latest add @ss-components/switch-04","https://shadcnstudio.com/docs/components/switch",0,"",["switch-04",5,1,6],26,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 5","shadcnstudio","Multiple size variations of switches with small, medium, and large options","npx shadcn@latest add @ss-components/switch-05","https://shadcnstudio.com/docs/components/switch",0,"",["switch-05",5,2,6],38,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 6","shadcnstudio","Outline-styled switches with transparent backgrounds and colored borders for different themes","npx shadcn@latest add @ss-components/switch-06","https://shadcnstudio.com/docs/components/switch",0,"",["switch-06",5,3,6],59,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 7","shadcnstudio","A gradient-styled switch with amber to sky/indigo color transitions based on state","npx shadcn@latest add @ss-components/switch-07","https://shadcnstudio.com/docs/components/switch",0,"",["switch-07",5,4,6],20,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 8","shadcnstudio","A switch with dynamic label that changes text based on toggle state (Yes/No)","npx shadcn@latest add @ss-components/switch-08","https://shadcnstudio.com/docs/components/switch",0,"",["switch-08",5,5,6],7,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 9","shadcnstudio","A dual-label switch with clickable Yes/No labels that toggle the switch state","npx shadcn@latest add @ss-components/switch-09","https://shadcnstudio.com/docs/components/switch",0,"",["switch-09",5,6,6],6,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 10","shadcnstudio","A switch with icon label that toggles between sun and moon icons for theme switching","npx shadcn@latest add @ss-components/switch-10","https://shadcnstudio.com/docs/components/switch",0,"",["switch-10",5,7,6],6,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Switch 11","shadcnstudio","A dual-icon switch with clickable sun and moon icons for theme mode switching","npx shadcn@latest add @ss-components/switch-11","https://shadcnstudio.com/docs/components/switch",0,"",["switch-11",5,0,7],8,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Switch 12","shadcnstudio","A switch with check and X icon indicators that change visibility based on toggle state","npx shadcn@latest add @ss-components/switch-12","https://shadcnstudio.com/docs/components/switch",0,"",["switch-12",5,1,7],2,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Switch 13","shadcnstudio","A switch with sliding check and X icon indicators that move with the toggle handle","npx shadcn@latest add @ss-components/switch-13","https://shadcnstudio.com/docs/components/switch",0,"",["switch-13",5,2,7],9,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Switch 14","shadcnstudio","A square-styled switch with sliding Yes/No text indicators in the background","npx shadcn@latest add @ss-components/switch-14","https://shadcnstudio.com/docs/components/switch",0,"",["switch-14",5,3,7],12,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 15","shadcnstudio","A switch integrated within a card layout with database icon for backup settings","npx shadcn@latest add @ss-components/switch-15","https://shadcnstudio.com/docs/components/switch",0,"",["switch-15",5,4,7],44,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Switch 16","shadcnstudio","A switch card with Google Cloud icon for backup service toggle functionality","npx shadcn@latest add @ss-components/switch-16","https://shadcnstudio.com/docs/components/switch",0,"",["switch-16",5,5,7],44,"switch","switch|toggle,on off,settings|no icons,avatar,monochrome,minimal|c"],["Switch 17","shadcnstudio","A switch card with GitHub icon for repository connection toggle functionality","npx shadcn@latest add @ss-components/switch-17","https://shadcnstudio.com/docs/components/switch",0,"",["switch-17",5,6,7],45,"switch","switch|toggle,on off,settings|no icons,avatar,monochrome,minimal|c"],["Switch 18","shadcnstudio","A list group of switches with icons for skill preference selection across multiple categories","npx shadcn@latest add @ss-components/switch-18","https://shadcnstudio.com/docs/components/switch",0,"",["switch-18",5,7,7],69,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Switch 19","shadcnstudio","Animated motion switches in multiple sizes with smooth transition effects","npx shadcn@latest add @ss-components/switch-19","https://shadcnstudio.com/docs/components/switch",0,"",["switch-19",5,0,8],52,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 20","shadcnstudio","Animated gradient motion switches with color transitions and multiple size variations","npx shadcn@latest add @ss-components/switch-20","https://shadcnstudio.com/docs/components/switch",0,"",["switch-20",5,1,8],66,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Table 1","shadcnstudio","A basic table with caption, header, body, and footer displaying invoice data","npx shadcn@latest add @ss-components/table-01","https://shadcnstudio.com/docs/components/table",0,"",["table-01",5,2,8],67,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 2","shadcnstudio","A bordered table with complete border styling around the table container","npx shadcn@latest add @ss-components/table-02","https://shadcnstudio.com/docs/components/table",0,"",["table-02",5,3,8],68,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 3","shadcnstudio","A table with rounded corners and shadow styling for enhanced visual appeal","npx shadcn@latest add @ss-components/table-03","https://shadcnstudio.com/docs/components/table",0,"",["table-03",5,4,8],67,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 4","shadcnstudio","A table with vertical lines between columns for clear data separation","npx shadcn@latest add @ss-components/table-04","https://shadcnstudio.com/docs/components/table",0,"",["table-04",5,5,8],67,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 5","shadcnstudio","A table without borders for a clean, minimal appearance","npx shadcn@latest add @ss-components/table-05","https://shadcnstudio.com/docs/components/table",0,"",["table-05",5,6,8],67,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 6","shadcnstudio","A striped rows table with alternating row background colors for improved readability","npx shadcn@latest add @ss-components/table-06","https://shadcnstudio.com/docs/components/table",0,"",["table-06",5,7,8],66,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 7","shadcnstudio","A striped columns table with alternating column background colors for enhanced data comparison","npx shadcn@latest add @ss-components/table-07","https://shadcnstudio.com/docs/components/table",0,"",["table-07",5,0,9],66,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 8","shadcnstudio","A table with highlighted row functionality for emphasis and user interaction","npx shadcn@latest add @ss-components/table-08","https://shadcnstudio.com/docs/components/table",0,"",["table-08",5,1,9],81,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 9","shadcnstudio","A table with vertical scrolling functionality for displaying large datasets","npx shadcn@latest add @ss-components/table-09","https://shadcnstudio.com/docs/components/table",0,"",["table-09",5,2,9],60,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 10","shadcnstudio","A table with sticky header that remains visible during vertical scrolling","npx shadcn@latest add @ss-components/table-10","https://shadcnstudio.com/docs/components/table",0,"",["table-10",5,3,9],60,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 11","shadcnstudio","A table with sticky first column that remains fixed during horizontal scrolling","npx shadcn@latest add @ss-components/table-11","https://shadcnstudio.com/docs/components/table",0,"",["table-11",5,4,9],58,"table","data table|table,pricing,account,rows,spreadsheet|no icons,monochrome|c"],["Table 12","shadcnstudio","A vertical table layout for displaying data in a column-oriented format with key-value pairs","npx shadcn@latest add @ss-components/table-12","https://shadcnstudio.com/docs/components/table",0,"",["table-12",5,5,9],70,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 13","shadcnstudio","A table with avatar components for displaying user information with profile pictures","npx shadcn@latest add @ss-components/table-13","https://shadcnstudio.com/docs/components/table",0,"",["table-13",5,6,9],59,"table","data table|table,pricing,account,rows,spreadsheet|no icons,monochrome|c"],["Table 14","shadcnstudio","A table with integrated pagination controls for navigating through large datasets","npx shadcn@latest add @ss-components/table-14","https://shadcnstudio.com/docs/components/table",0,"",["table-14",5,7,9],66,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|b"],["Table 15","shadcnstudio","A table with selectable rows using checkboxes for bulk actions and data manipulation","npx shadcn@latest add @ss-components/table-15","https://shadcnstudio.com/docs/components/table",0,"",["table-15",5,0,10],57,"table","data table|table,pricing,account,rows,spreadsheet|no icons,monochrome|c"],["Table 16","shadcnstudio","A comprehensive product table with avatars, checkboxes, buttons, and action controls","npx shadcn@latest add @ss-components/table-16","https://shadcnstudio.com/docs/components/table",0,"",["table-16",5,1,10],59,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Tabs 1","shadcnstudio","Basic tabs component with default styling for content organization and navigation","npx shadcn@latest add @ss-components/tabs-01","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-01",5,2,10],31,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 2","shadcnstudio","Outlined tabs with border styling and background transparency for modern interface design","npx shadcn@latest add @ss-components/tabs-02","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-02",5,3,10],64,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 3","shadcnstudio","Tabs with icons for enhanced visual navigation and improved user experience","npx shadcn@latest add @ss-components/tabs-03","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-03",5,4,10],65,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 4","shadcnstudio","Tabs with badge components for displaying notifications, counters, or status indicators","npx shadcn@latest add @ss-components/tabs-04","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-04",5,5,10],69,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 5","shadcnstudio","Vertical tabs with icons displayed above text labels in a stacked layout","npx shadcn@latest add @ss-components/tabs-05","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-05",5,6,10],68,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 6","shadcnstudio","Tabs with badge count indicators showing numerical values for each tab","npx shadcn@latest add @ss-components/tabs-06","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-06",5,7,10],71,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 7","shadcnstudio","Icon-only tabs with tooltip labels for compact navigation","npx shadcn@latest add @ss-components/tabs-07","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-07",5,0,11],57,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 8","shadcnstudio","Simple justified tabs with equal width distribution across the container","npx shadcn@latest add @ss-components/tabs-08","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-08",5,1,11],59,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 9","shadcnstudio","Solid pill-style tabs with rounded corners and filled background","npx shadcn@latest add @ss-components/tabs-09","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-09",5,2,11],62,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 10","shadcnstudio","Outlined pill-style tabs with border styling and transparent background","npx shadcn@latest add @ss-components/tabs-10","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-10",5,3,11],25,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 11","shadcnstudio","Underline tabs with border bottom styling for minimal navigation","npx shadcn@latest add @ss-components/tabs-11","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-11",5,4,11],24,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 12","shadcnstudio","Sharp-cornered tabs with rectangular styling and bottom border","npx shadcn@latest add @ss-components/tabs-12","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-12",5,5,11],57,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 13","shadcnstudio","Lifted tabs with shadow effects for elevated appearance","npx shadcn@latest add @ss-components/tabs-13","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-13",5,6,11],59,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 14","shadcnstudio","Overflow tabs with scrollable area for handling many tab items","npx shadcn@latest add @ss-components/tabs-14","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-14",5,7,11],62,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 15","shadcnstudio","Vertical tabs layout with left-side navigation structure","npx shadcn@latest add @ss-components/tabs-15","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-15",6,0,0],66,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 16","shadcnstudio","Vertical tabs with underline styling in left-side layout","npx shadcn@latest add @ss-components/tabs-16","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-16",6,1,0],56,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 17","shadcnstudio","Soft vertical tabs with gentle styling and left navigation","npx shadcn@latest add @ss-components/tabs-17","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-17",6,2,0],60,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 18","shadcnstudio","Vertical tabs with solid background styling and left layout","npx shadcn@latest add @ss-components/tabs-18","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-18",6,3,0],64,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 19","shadcnstudio","Vertical tabs with sharp corners and rectangular styling","npx shadcn@latest add @ss-components/tabs-19","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-19",6,4,0],57,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 20","shadcnstudio","Vertical tabs with lined separator styling for organized layout","npx shadcn@latest add @ss-components/tabs-20","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-20",6,5,0],55,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 21","shadcnstudio","Vertical tabs with tooltip functionality for additional information","npx shadcn@latest add @ss-components/tabs-21","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-21",6,6,0],60,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 22","shadcnstudio","Vertical tabs with icons for enhanced visual navigation","npx shadcn@latest add @ss-components/tabs-22","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-22",6,7,0],66,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 23","shadcnstudio","Vertical tabs with badge indicators in left navigation layout","npx shadcn@latest add @ss-components/tabs-23","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-23",6,0,1],70,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 24","shadcnstudio","Vertical tabs with outline styling for clean bordered appearance","npx shadcn@latest add @ss-components/tabs-24","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-24",6,1,1],57,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 25","shadcnstudio","Custom styled tabs with primary background active state and enhanced hover effects","npx shadcn@latest add @ss-components/tabs-25","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-25",6,2,1],62,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 26","shadcnstudio","Custom tabs with underline styling using bottom border and no background","npx shadcn@latest add @ss-components/tabs-26","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-26",6,3,1],24,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 27","shadcnstudio","Animated tabs with motion highlight transitions using motion-tabs components","npx shadcn@latest add @ss-components/tabs-27","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-27",6,4,1],62,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs 28","shadcnstudio","Expandable tabs with icons and collapsible content using framer motion animations","npx shadcn@latest add @ss-components/tabs-28","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-28",6,5,1],63,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 29","shadcnstudio","Animated underline tabs with dynamic underline position tracking using framer motion","npx shadcn@latest add @ss-components/tabs-29","https://shadcnstudio.com/docs/components/tabs",0,"",["tabs-29",6,6,1],56,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome|c"],["Textarea 1","shadcnstudio","A basic textarea input field with placeholder text","npx shadcn@latest add @ss-components/textarea-01","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-01",6,1,2],48,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 2","shadcnstudio","A textarea with associated label for improved accessibility","npx shadcn@latest add @ss-components/textarea-02","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-02",6,2,2],56,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 3","shadcnstudio","A textarea with helper text below for additional context","npx shadcn@latest add @ss-components/textarea-03","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-03",6,3,2],61,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 4","shadcnstudio","A textarea with right-aligned helper text for guidance","npx shadcn@latest add @ss-components/textarea-04","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-04",6,4,2],62,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 5","shadcnstudio","An invalid textarea with error styling and validation message","npx shadcn@latest add @ss-components/textarea-05","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-05",6,5,2],74,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 6","shadcnstudio","A textarea with hint text providing user guidance and tips","npx shadcn@latest add @ss-components/textarea-06","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-06",6,6,2],58,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 7","shadcnstudio","A required textarea with asterisk indicator for mandatory fields","npx shadcn@latest add @ss-components/textarea-07","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-07",6,7,2],59,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 8","shadcnstudio","A textarea with colored border (indigo) styling and focus ring effects","npx shadcn@latest add @ss-components/textarea-08","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-08",6,0,3],59,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 9","shadcnstudio","A filled textarea with muted background and transparent border styling","npx shadcn@latest add @ss-components/textarea-09","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-09",6,1,3],53,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 10","shadcnstudio","Textarea size variations with small, default, and large height options","npx shadcn@latest add @ss-components/textarea-10","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-10",6,2,3],66,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 11","shadcnstudio","A textarea with start icon positioned on the left side","npx shadcn@latest add @ss-components/textarea-11","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-11",6,3,3],56,"input","textarea|text effect,input,form,text field|icons,monochrome,minimal|c"],["Textarea 12","shadcnstudio","A textarea with end icon positioned on the right side","npx shadcn@latest add @ss-components/textarea-12","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-12",6,4,3],55,"input","textarea|text effect,input,form,text field|icons,monochrome,minimal|c"],["Textarea 13","shadcnstudio","A textarea with overlapping label for modern form design","npx shadcn@latest add @ss-components/textarea-13","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-13",6,5,3],51,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 14","shadcnstudio","A textarea with floating label that animates on focus","npx shadcn@latest add @ss-components/textarea-14","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-14",6,6,3],43,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 15","shadcnstudio","A textarea with inset label for compact form layouts","npx shadcn@latest add @ss-components/textarea-15","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-15",6,7,3],52,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 16","shadcnstudio","A textarea with separate submit button below for form submission","npx shadcn@latest add @ss-components/textarea-16","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-16",6,0,4],74,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 17","shadcnstudio","An auto-growing textarea with field-sizing-content that expands with text content","npx shadcn@latest add @ss-components/textarea-17","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-17",6,1,4],52,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 18","shadcnstudio","A textarea with disabled resize functionality for fixed dimensions","npx shadcn@latest add @ss-components/textarea-18","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-18",6,2,4],56,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 19","shadcnstudio","A textarea with character count display and remaining characters indicator","npx shadcn@latest add @ss-components/textarea-19","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-19",6,3,4],61,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 20","shadcnstudio","A read-only textarea with muted background styling for displaying non-editable content","npx shadcn@latest add @ss-components/textarea-20","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-20",6,4,4],58,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 21","shadcnstudio","A disabled textarea in non-interactive state for form display","npx shadcn@latest add @ss-components/textarea-21","https://shadcnstudio.com/docs/components/textarea",0,"",["textarea-21",6,5,4],54,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Tooltip 1","shadcnstudio","A basic tooltip with simple text content displayed on hover","npx shadcn@latest add @ss-components/tooltip-01","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-01",6,6,4],8,"text","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 2","shadcnstudio","A light-themed tooltip with custom background and text colors","npx shadcn@latest add @ss-components/tooltip-02","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-02",6,7,4],7,"background","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 3","shadcnstudio","A tooltip without the arrow indicator for clean minimal appearance","npx shadcn@latest add @ss-components/tooltip-03","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-03",6,0,5],9,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 4","shadcnstudio","An error-styled tooltip with destructive color scheme for warnings","npx shadcn@latest add @ss-components/tooltip-04","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-04",6,1,5],6,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 5","shadcnstudio","A tooltip with an icon and text content in a flexible layout","npx shadcn@latest add @ss-components/tooltip-05","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-05",6,2,5],6,"text","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 6","shadcnstudio","A tooltip with rounded corners for a modern soft appearance","npx shadcn@latest add @ss-components/tooltip-06","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-06",6,3,5],8,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 7","shadcnstudio","A rich content tooltip with accessibility information, icon and formatted text","npx shadcn@latest add @ss-components/tooltip-07","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-07",6,4,5],8,"text","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 8","shadcnstudio","A tooltip displaying user information with avatar and name","npx shadcn@latest add @ss-components/tooltip-08","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-08",6,5,5],8,"media","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 9","shadcnstudio","A tooltip with badge indicator for pricing and status information","npx shadcn@latest add @ss-components/tooltip-09","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-09",6,6,5],27,"pricing|b","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 10","shadcnstudio","A directional tooltip demo showing placement on all four sides for e.g. top, right, bottom, left","npx shadcn@latest add @ss-components/tooltip-10","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-10",6,7,5],46,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 11","shadcnstudio","A hover card with media content including image and description links","npx shadcn@latest add @ss-components/tooltip-11","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-11",6,0,6],8,"media","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip 12","shadcnstudio","A hover card displaying statistics with avatar and growth metrics","npx shadcn@latest add @ss-components/tooltip-12","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-12",6,1,6],7,"chart","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 13","shadcnstudio","A project hover card with progress bar, timeline, and team avatars","npx shadcn@latest add @ss-components/tooltip-13","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-13",6,2,6],8,"loader","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip 14","shadcnstudio","An alert hover card with warning icon for error notifications","npx shadcn@latest add @ss-components/tooltip-14","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-14",6,3,6],7,"toast","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip 15","shadcnstudio","A hover card showing today's task completion with team member avatars and percentage progress","npx shadcn@latest add @ss-components/tooltip-15","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-15",6,4,6],7,"loader","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 16","shadcnstudio","An animated tooltip with stacked avatars and hover effects using motion-tooltip component","npx shadcn@latest add @ss-components/tooltip-16","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-16",6,5,6],44,"media","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 17","shadcnstudio","A global tooltip system with overlapping avatars and hover scaling effects using global-tooltip component","npx shadcn@latest add @ss-components/tooltip-17","https://shadcnstudio.com/docs/components/tooltip",0,"",["tooltip-17",6,6,6],44,"media","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["About Us 1","shadcnstudio","Centered header with video/image section and overlapping stats grid card displaying icons, values, and descriptions","npx shadcn@latest add @ss-blocks/about-us-page-01","https://shadcnstudio.com/blocks",0,"",["about-us-page-01",0,0,0],87,"section|b","about section|company,story|icons,monochrome|b"],["App Integration 1","shadcnstudio","Two-column layout with integration cards featuring tool logos, names, descriptions, and call-to-action for conversion-focused app showcases","npx shadcn@latest add @ss-blocks/app-integration-01","https://shadcnstudio.com/blocks",0,"",["app-integration-01",0,7,5],70,"button|b","integrations|logos,analytics,apps|no icons,avatar,images,monochrome|b"],["Blog 1","shadcnstudio","Three-column blog grid with featured images, titles, descriptions, and read more buttons for journey and destination content","npx shadcn@latest add @ss-blocks/blog-component-01","https://shadcnstudio.com/blocks",0,"",["blog-component-01",0,6,11],71,"section|b","blog section|articles,posts,cards|icons,images,monochrome|b"],["Contact Us 1","shadcnstudio","Two-column layout with contact illustration image and contact information grid featuring avatar icons and contact details","npx shadcn@latest add @ss-blocks/contact-us-page-01","https://shadcnstudio.com/blocks",0,"",["contact-us-page-01",2,4,7],78,"section|b","contact section|contact form,form|icons,monochrome|b"],["CTA 1","shadcnstudio","Rounded card layout with app download content featuring heading, description, and App Store/Google Play download buttons","npx shadcn@latest add @ss-blocks/cta-section-01","https://shadcnstudio.com/blocks",0,"",["cta-section-01",2,5,7],90,"button|b","cta section|call to action,media,banner|no icons,avatar,images,monochrome|b"],["Error 1","shadcnstudio","Two-column error page layout with left-side text content (Whoops heading, error message, description) and right-side black background featuring centered astronaut illustration","npx shadcn@latest add @ss-blocks/error-page-01","https://shadcnstudio.com/blocks",0,"",["error-page-01",3,7,4],71,"background","text effect|text animation,typography,animated text|no icons,monochrome|c"],["FAQ 1","shadcnstudio","Simple accordion-style FAQ section with collapsible questions and answers using shadcn/ui accordion component, featuring a clean header and single-column layout for basic Q&A displ","npx shadcn@latest add @ss-blocks/faq-component-01","https://shadcnstudio.com/blocks",0,"",["faq-component-01",3,0,5],71,"accordion|b","faq section|faq,accordion,questions|no icons,monochrome|b"],["Features 1","shadcnstudio","Three-column grid features section with header, description, \"See all features\" button, and feature cards containing avatar icons, titles, and descriptions","npx shadcn@latest add @ss-blocks/features-section-01","https://shadcnstudio.com/blocks",0,"",["features-section-01",3,1,5],60,"section|b","features section|features,e-commerce,grid,landing page|icons,monochrome|b"],["Footer 1","shadcnstudio","Simple three-section footer with logo and brand name, centered navigation links, social media icons, separator line, and copyright text with heart emoji","npx shadcn@latest add @ss-blocks/footer-component-01","https://shadcnstudio.com/blocks",0,"",["footer-component-01",3,2,5],64,"section|b","footer|links,site footer|icons,monochrome|b"],["Forgot Password 1","shadcnstudio","Centered card layout with logo header, title, description, and form input for password reset functionality with decorative background shape","npx shadcn@latest add @ss-blocks/forgot-password-01","https://shadcnstudio.com/blocks",0,"",["forgot-password-01",3,3,5],89,"navbar|b","login|password input,sign in,sign up,auth form|icons|b"],["Gallery 1","shadcnstudio","Gallery section with centered header featuring underlined text highlight, flexible grid layout supporting both single images and 2x2 grid sections for versatile image arrangement","npx shadcn@latest add @ss-blocks/gallery-component-01","https://shadcnstudio.com/blocks",0,"",["gallery-component-01",3,6,6],91,"carousel","gallery|images,grid,photos|no icons,images,monochrome|c"],["Hero 1","shadcnstudio","Centered vertical layout hero with navigation header, AI-powered badge in muted container, decorative SVG underline animation on \"Effortless\" text, call-to-action button, and full-","npx shadcn@latest add @ss-blocks/hero-section-01","https://shadcnstudio.com/blocks",0,"",["hero-section-01",3,7,6],80,"section|b","hero section|landing page,header,headline|icons,monochrome|b"],["Login 1","shadcnstudio","Centered card layout with logo header, quick login buttons, and full authentication form featuring email/password inputs, social login options, and remember me functionality","npx shadcn@latest add @ss-blocks/login-page-01","https://shadcnstudio.com/blocks",0,"",["login-page-01",4,6,2],86,"section|b","login|sign in,sign up,auth form|icons|b"],["Logo Cloud 1","shadcnstudio","Muted background logo cloud with centered card container, underlined text highlight, and flexbox logo grid arrangement with responsive gap spacing and centered alignment","npx shadcn@latest add @ss-blocks/logo-cloud-01","https://shadcnstudio.com/blocks",0,"",["logo-cloud-01",4,7,2],85,"section|b","logo cloud|logos,brands,social proof|no icons,avatar,images,monochrome|b"],["Navbar 1","shadcnstudio","A sticky navigation header with centered logo and brand name flanked symmetrically by navigation links on both sides. Features a search icon button and responsive mobile dropdown m","npx shadcn@latest add @ss-blocks/navbar-component-01","https://shadcnstudio.com/blocks",0,"",["navbar-component-01",4,0,3],57,"navbar|b","navbar|header,navigation,menu|no icons,monochrome,minimal|b"],["Portfolio 1","shadcnstudio","Portfolio showcase with masonry grid layout featuring project details, client information, and social media links","npx shadcn@latest add @ss-blocks/portfolio-01","https://shadcnstudio.com/blocks",0,"",["portfolio-01",4,7,6],79,"misc|b","content section|section,landing page|icons,images,monochrome|b"],["Pricing 1","shadcnstudio","Interactive pricing cards with monthly/annual toggle switch and plan comparison features","npx shadcn@latest add @ss-blocks/pricing-component-01","https://shadcnstudio.com/blocks",0,"",["pricing-component-01",4,0,7],79,"pricing|b","pricing section|pricing,plans,subscription|no icons,monochrome|b"],["Register 1","shadcnstudio","Centered card layout with logo header, registration form featuring full name, email, password inputs, social signup options, and account linking for comprehensive user onboarding","npx shadcn@latest add @ss-blocks/register-01","https://shadcnstudio.com/blocks",0,"",["register-01",4,1,9],87,"navbar|b","login|sign in,sign up,auth form|icons|b"],["Reset Password 1","shadcnstudio","Centered card layout with logo header, clear reset password messaging, form inputs for current and new passwords, and back to login navigation for secure password recovery","npx shadcn@latest add @ss-blocks/reset-password-01","https://shadcnstudio.com/blocks",0,"",["reset-password-01",4,2,9],88,"navbar|b","login|password input,sign in,sign up,auth form|icons|b"],["Social Proof 1","shadcnstudio","Feature checklist layout with split design showcasing product benefits alongside a complementary image. Perfect for highlighting key features with checkmark icons and descriptive c","npx shadcn@latest add @ss-blocks/social-proof-01","https://shadcnstudio.com/blocks",0,"",["social-proof-01",5,0,3],81,"section|b","testimonials|reviews,social proof,quotes|icons,monochrome|b"],["Team 1","shadcnstudio","A clean team showcase featuring a responsive 4-column grid layout with member cards, social media links, and hover effects. Perfect for displaying team members with their photos, n","npx shadcn@latest add @ss-blocks/team-section-01","https://shadcnstudio.com/blocks",0,"",["team-section-01",6,7,1],78,"section|b","team section|team,analytics,people,avatars|icons,images,monochrome|b"],["Testimonials 1","shadcnstudio","Testimonials section with side content and carousel featuring customer feedback with star ratings and avatars","npx shadcn@latest add @ss-blocks/testimonials-component-01","https://shadcnstudio.com/blocks",0,"",["testimonials-component-01",6,0,2],85,"card|b","testimonials|reviews,media,social proof,quotes|icons,monochrome|b"],["Two Factor Authentication 1","shadcnstudio","Centered card layout with logo header, clear two-factor authentication messaging, OTP input field, and authenticator app instructions for secure account verification","npx shadcn@latest add @ss-blocks/two-factor-authentication-01","https://shadcnstudio.com/blocks",0,"",["two-factor-authentication-01",6,7,6],89,"navbar|b","login|sign in,sign up,auth form|no icons,monochrome|b"],["Verify Email 1","shadcnstudio","Centered card layout with logo header, email verification messaging, activation link instructions, skip option, and resend link for streamlined email confirmation","npx shadcn@latest add @ss-blocks/verify-email-01","https://shadcnstudio.com/blocks",0,"",["verify-email-01",6,0,7],89,"navbar|b","login|sign in,notifications,account,sign up,auth form|no icons|b"],["Application Shell 1","shadcnstudio","Classic sidebar application shell with navigation menu, user profile, and language selector for traditional dashboard layouts.","npx shadcn@latest add @ss-blocks/application-shell-01","https://shadcnstudio.com/blocks",0,"",["application-shell-01",0,0,6],82,"navbar|b","terminal|code,settings,language switcher,command line|icons,monochrome|c"],["Chart 1","shadcnstudio","Comprehensive sales metrics dashboard featuring company profile, key performance indicators (sales trend, discounts, profit, orders), pie chart for revenue goals, and bar chart for","npx shadcn@latest add @ss-blocks/chart-component-01","https://shadcnstudio.com/blocks",0,"",["chart-component-01",2,0,2],79,"chart","chart|graph,pricing,account,data,dashboard|icons,avatar|c"],["Dashboard Dialog 1","shadcnstudio","A subscription plan selection dialog with pricing options, features comparison, and radio button selection for choosing between different tiers.","npx shadcn@latest add @ss-blocks/dashboard-dialog-01","https://shadcnstudio.com/blocks",0,"",["dashboard-dialog-01",2,6,7],72,"section|b","dialog|modal,overlay,popup|icons,monochrome|c"],["Dashboard Shell 1","shadcnstudio","Comprehensive dashboard layout with sidebar navigation, breadcrumb header, sales metrics charts, statistics cards, transaction tables, and widget components for business analytics ","npx shadcn@latest add @ss-blocks/dashboard-shell-01","https://shadcnstudio.com/blocks",0,"",["dashboard-shell-01",2,3,8],63,"section|b","dashboard|admin,analytics,app layout,terminal,settings,language switcher|icons,avatar,images|b"],["Dashboard Dropdown 1","shadcnstudio","A language selection dropdown with flag icons and language options for internationalization and localization features.","npx shadcn@latest add @ss-blocks/dashboard-dropdown-01","https://shadcnstudio.com/blocks",0,"",["dashboard-dropdown-01",2,7,7],71,"section|b","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Dashboard Dropdown 2","shadcnstudio","A user profile dropdown with avatar display, user information, profile settings, and account actions for user management.","npx shadcn@latest add @ss-blocks/dashboard-dropdown-02","https://shadcnstudio.com/blocks",0,"",["dashboard-dropdown-02",2,0,8],80,"section|b","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Dashboard Footer 1","shadcnstudio","A complete dashboard layout with sidebar, main content area, and footer featuring copyright text with social media icons (Facebook, Instagram, LinkedIn, Twitter) for application br","npx shadcn@latest add @ss-blocks/dashboard-footer-01","https://shadcnstudio.com/blocks",0,"",["dashboard-footer-01",2,1,8],81,"section|b","footer|links,site footer|no icons,monochrome,minimal|b"],["Dashboard Header 1","shadcnstudio","Comprehensive dashboard header with navigation, breadcrumbs, user profile, and language dropdown","npx shadcn@latest add @ss-blocks/dashboard-header-01","https://shadcnstudio.com/blocks",0,"",["dashboard-header-01",2,2,8],81,"navbar|b","dashboard|admin,analytics,app layout,navbar,language switcher,app|icons,monochrome|b"],["Dashboard Sidebar 1","shadcnstudio","Social media analytics dashboard sidebar featuring Content Performance, Audience Insights, Hashtag Performance, Competitor Analysis, Influencer tracking, Campaign Tracking, Sentime","npx shadcn@latest add @ss-blocks/dashboard-sidebar-01","https://shadcnstudio.com/blocks",0,"",["dashboard-sidebar-01",2,4,8],82,"section|b","dashboard|sidebar,admin,analytics,app layout,settings,app|icons,monochrome|b"],["Statistics 1","shadcnstudio","Logistics and shipping statistics cards displaying Shipped Orders, Damaged Returns, Missed Delivery Slots, and Late Deliveries with percentage change indicators and \"than last week","npx shadcn@latest add @ss-blocks/statistics-component-01","https://shadcnstudio.com/blocks",0,"",["statistics-component-01",5,5,5],73,"chart","stat card|stats section,kpi,metrics,dashboard,card|icons,monochrome|c"],["Widget 1","shadcnstudio","Total earnings widget with progress tracking, interactive controls, and comprehensive financial overview","npx shadcn@latest add @ss-blocks/widget-component-01","https://shadcnstudio.com/blocks",0,"",["widget-component-01",6,1,7],77,"loader","card|container,pricing,surface|icons,avatar,images,monochrome|c"],["Widget 2","shadcnstudio","Product insights widget with advanced analytics, chart visualization, and comprehensive product data overview","npx shadcn@latest add @ss-blocks/widget-component-02","https://shadcnstudio.com/blocks",0,"",["widget-component-02",6,2,7],78,"chart","card|container,surface|no icons,monochrome|c"],["Product List 1","shadcnstudio","Three-column grid layout with product cards featuring centered images, product names with badges, separator lines, pricing with sale discounts, wishlist checkboxes and shopping car","npx shadcn@latest add @ss-blocks/product-list-01","https://shadcnstudio.com/blocks",0,"",["product-list-01",4,1,7],89,"pricing|b","ecommerce|list,pricing,product,shop,checkout|icons,images,monochrome|b"],["Audio Player","elevenlabs","A customizable audio player with progress controls and playback management for music, podcasts, and voice content.","npx @elevenlabs/cli@latest components add audio-player","https://ui.elevenlabs.io/docs/components/audio-player",0,"",["audio-player",0,0,0],72,"media","video player|audio player,media,video,media player|icons,monochrome|c"],["Bar Visualizer","elevenlabs","Real-time audio frequency visualizer with state-based animations for voice agents and audio interfaces.","npx @elevenlabs/cli@latest components add bar-visualizer","https://ui.elevenlabs.io/docs/components/bar-visualizer",0,"",["bar-visualizer",0,1,0],83,"thinking","ai prompt|ai,chat,input|no icons,monochrome|c"],["Conversation Bar","elevenlabs","A complete voice conversation interface with microphone controls, text input, and real-time waveform visualization for ElevenLabs agents.","npx @elevenlabs/cli@latest components add conversation-bar","https://ui.elevenlabs.io/docs/components/conversation-bar",0,"",["conversation-bar",0,3,0],58,"thinking","chat|messages,ai,input|icons|c"],["Conversation","elevenlabs","A scrolling conversation container with auto-scroll and sticky-to-bottom behavior for chat interfaces.","npx @elevenlabs/cli@latest components add conversation","https://ui.elevenlabs.io/docs/components/conversation",0,"",["conversation",0,2,0],81,"thinking","chat|messages,ai,input|no icons|c"],["Live Waveform","elevenlabs","Real-time canvas-based audio waveform visualizer with microphone input and customizable rendering modes.","npx @elevenlabs/cli@latest components add live-waveform","https://ui.elevenlabs.io/docs/components/live-waveform",0,"",["live-waveform",0,4,0],70,"input","background|animated background,effect,hero background|no icons|c"],["Matrix","elevenlabs","A retro dot-matrix display component with circular cells and smooth animations. Perfect for retro displays, indicators, and audio visualizations.","npx @elevenlabs/cli@latest components add matrix","https://ui.elevenlabs.io/docs/components/matrix",0,"",["matrix",0,5,0],89,"media","voice|audio,ai|no icons,animated,monochrome,minimal|c"],["Message","elevenlabs","Composable message components with avatar, content variants, and automatic styling for user and assistant messages.","npx @elevenlabs/cli@latest components add message","https://ui.elevenlabs.io/docs/components/message",0,"",["message",0,6,0],82,"thinking","background|animated background,effect,hero background|no icons|c"],["Mic Selector","elevenlabs","Microphone input selector with device management.","npx @elevenlabs/cli@latest components add mic-selector","https://ui.elevenlabs.io/docs/components/mic-selector",0,"",["mic-selector",0,7,0],62,"media","select|voice,dropdown,options,form|icons|c"],["Orb","elevenlabs","A 3D animated orb with audio reactivity, custom colors, and agent state visualization built with Three.js.","npx @elevenlabs/cli@latest components add orb","https://ui.elevenlabs.io/docs/components/orb",0,"",["orb",0,2,1],81,"background","background|animated background,effect,hero background|no icons|c"],["Response","elevenlabs","Streaming markdown renderer with smooth character-by-character animations for AI responses using Streamdown.","npx @elevenlabs/cli@latest components add response","https://ui.elevenlabs.io/docs/components/response",0,"",["response",0,4,1],75,"thinking","ai prompt|ai,chat,input|no icons,monochrome,minimal|c"],["Scrub Bar","elevenlabs","A component for scrubbing through a timeline, typically used for audio or video playback.","npx @elevenlabs/cli@latest components add scrub-bar","https://ui.elevenlabs.io/docs/components/scrub-bar",0,"",["scrub-bar",0,5,1],47,"media","slider|range,input|no icons,monochrome,minimal|c"],["Shimmering Text","elevenlabs","Animated text with gradient shimmer effects and viewport-triggered animations using Motion.","npx @elevenlabs/cli@latest components add shimmering-text","https://ui.elevenlabs.io/docs/components/shimmering-text",0,"",["shimmering-text",0,6,1],64,"text","text effect|skeleton,text animation,typography,animated text|no icons,monochrome|c"],["Speech Input","elevenlabs","A compact speech-to-text input component with real-time transcription using ElevenLabs Scribe.","npx @elevenlabs/cli@latest components add speech-input","https://ui.elevenlabs.io/docs/components/speech-input",0,"",["speech-input",0,0,2],57,"input","input|voice,text field,form,form control|icons,animated,monochrome|c"],["Transcript Viewer","elevenlabs","A component for displaying an audio transcript with word-by-word highlighting synced to audio playback.","npx @elevenlabs/cli@latest components add transcript-viewer","https://ui.elevenlabs.io/docs/components/transcript-viewer",0,"",0,0],["Voice Button","elevenlabs","Interactive button with voice recording states, live waveform visualization, and automatic feedback transitions.","npx @elevenlabs/cli@latest components add voice-button","https://ui.elevenlabs.io/docs/components/voice-button",0,"",["voice-button",0,1,2],10,"button","button|voice,cta,click,action|no icons,monochrome,minimal|c"],["Voice Picker","elevenlabs","Searchable voice selector with audio preview, orb visualization, and ElevenLabs voice integration.","npx @elevenlabs/cli@latest components add voice-picker","https://ui.elevenlabs.io/docs/components/voice-picker",0,"",["voice-picker",0,5,2],17,"media","select|voice,dropdown,options,form|icons|c"],["Waveform","elevenlabs","Canvas-based audio waveform visualization components with recording, playback scrubbing, and microphone input support.","npx @elevenlabs/cli@latest components add waveform","https://ui.elevenlabs.io/docs/components/waveform",0,"",["waveform",0,6,2],66,"input","background|animated background,effect,hero background|no icons|c"],["EL-01 Speaker","elevenlabs","A ready el-01 speaker block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add speaker-01","https://ui.elevenlabs.io/blocks#speaker-01",0,"",["speaker-01",0,7,1],87,"misc","background|animated background,effect,hero background|icons,animated|c"],["Transcriber","elevenlabs","A ready transcriber block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add transcriber-01","https://ui.elevenlabs.io/blocks#transcriber-01",0,"",0,0],["Scribe V2 Realtime Transcriber","elevenlabs","A ready scribe v2 realtime transcriber block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add realtime-transcriber-01","https://ui.elevenlabs.io/blocks#realtime-transcriber-01",0,"",["realtime-transcriber-01",0,3,1],78,"misc","card|container,surface|no icons,monochrome|c"],["Voice chat 1","elevenlabs","A ready voice chat 1 block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add voice-chat-01","https://ui.elevenlabs.io/blocks#voice-chat-01",0,"",["voice-chat-01",0,2,2],77,"thinking","chat|voice,messages,ai,input|icons|c"],["Voice chat 2","elevenlabs","A ready voice chat 2 block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add voice-chat-02","https://ui.elevenlabs.io/blocks#voice-chat-02",0,"",["voice-chat-02",0,3,2],85,"thinking","chat|voice,messages,ai,input|icons|c"],["Voice chat 3","elevenlabs","A ready voice chat 3 block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add voice-chat-03","https://ui.elevenlabs.io/blocks#voice-chat-03",0,"",["voice-chat-03",0,4,2],74,"thinking","chat|voice,messages,ai,input|icons|c"],["Music player with playlist","elevenlabs","A ready music player with playlist block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add music-player-01","https://ui.elevenlabs.io/blocks#music-player-01",0,"",["music-player-01",0,0,1],71,"media","video player|audio player,media,video,media player|icons,monochrome|c"],["Simple music player","elevenlabs","A ready simple music player block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add music-player-02","https://ui.elevenlabs.io/blocks#music-player-02",0,"",["music-player-02",0,1,1],59,"media","video player|audio player,video,media player|icons,monochrome,minimal|c"],["Voice-fill form","elevenlabs","A ready voice-fill form block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add voice-form-01","https://ui.elevenlabs.io/blocks#voice-form-01",0,"",0,0],["Voice-nav site navigation","elevenlabs","A ready voice-nav site navigation block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add voice-nav-01","https://ui.elevenlabs.io/blocks#voice-nav-01",0,"",0,0],["Retro Pong game with Matrix display","elevenlabs","A ready retro pong game with matrix display block from ElevenLabs UI.","npx @elevenlabs/cli@latest components add pong-01","https://ui.elevenlabs.io/blocks#pong-01",0,"",0,0],["Copy Button","unlumen","A copy button component with a variety of styles and animations.","npx shadcn@latest add @unlumen-ui/copy","https://ui.unlumen.com/docs/ui/buttons/copy",0,"",["copy",0,1,0],9,"button","copy button|button,clipboard|icons,monochrome,minimal|c"],["Glow Button","unlumen","A button with an animated conic-gradient glow layer. Supports six animation modes and fully customisable colours and blur strength.","npx shadcn@latest add @unlumen-ui/glow","https://ui.unlumen.com/docs/ui/buttons/glow",0,"",["glow",0,5,0],72,"button","button|background,cta,click,action|icons,monochrome,minimal|c"],["Refresh Button","unlumen","An icon button that spins on click and supports async refresh callbacks. Perfect for reloading component previews or any live data widget.","npx shadcn@latest add @unlumen-ui/refresh","https://ui.unlumen.com/docs/ui/buttons/refresh",0,"",["refresh",0,5,1],5,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Clipped Circle","unlumen","A cursor-following spotlight effect that reveals a soft glowing circle wherever the user moves their mouse inside a container.","npx shadcn@latest add @unlumen-ui/clipped-circle","https://ui.unlumen.com/docs/ui/effects/clipped-circle",0,"",["clipped-circle",0,0,0],92,"command","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Count Up","unlumen","An animated number counter that springs to its target value when it enters the viewport, with support for decimals, separators, and direction.","npx shadcn@latest add @unlumen-ui/count-up","https://ui.unlumen.com/docs/ui/effects/count-up",0,"",["count-up",0,2,0],61,"text","number ticker|counter,text effect,animated number|no icons,monochrome,minimal|c"],["Math Graph","unlumen","A real-time visual math function builder with animated SVG curves, pan & zoom, crosshair tooltip, and support for multiple simultaneous expressions.","npx shadcn@latest add @unlumen-ui/math-graph","https://ui.unlumen.com/docs/ui/effects/math-graph",0,"",["math-graph",0,2,1],78,"chart","chart|graph,data,dashboard|no icons|c"],["Command Menu","unlumen","A composable ⌘K command palette with fuzzy search, custom groups, built-in theme switcher, and animated content reveal.","npx shadcn@latest add @unlumen-ui/command-menu","https://ui.unlumen.com/docs/ui/unlumen/command-menu",0,"",0,0],["Cursor","unlumen","An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.","npx shadcn@latest add @unlumen-ui/cursor","https://ui.unlumen.com/docs/ui/unlumen/cursor",0,"",["cursor",0,3,0],80,"misc","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Floating Tooltip","unlumen","A cursor-following tooltip with motion and shadcn-style variants.","npx shadcn@latest add @unlumen-ui/floating-tooltip","https://ui.unlumen.com/docs/ui/unlumen/floating-tooltip",0,"",["floating-tooltip",0,4,0],60,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Glowing Badge","unlumen","Badge with an animated pulsing glow dot. Supports status variants out of the box.","npx shadcn@latest add @unlumen-ui/glowing-badge","https://ui.unlumen.com/docs/ui/unlumen/glowing-badge",0,"",["glowing-badge",0,6,0],83,"misc","badge|background,tasks,label,status,pill|no icons,animated,monochrome,minimal|c"],["Highlight","unlumen","An animated highlight component that tracks elements with smooth spring animations.","npx shadcn@latest add @unlumen-ui/highlight","https://ui.unlumen.com/docs/ui/unlumen/highlight",0,"",["highlight",0,7,0],43,"misc","audio player|music,media player|no icons,monochrome,minimal|c"],["Kbd","unlumen","Keyboard key and shortcut display component with a soft, minimal key style.","npx shadcn@latest add @unlumen-ui/kbd","https://ui.unlumen.com/docs/ui/unlumen/kbd",0,"",["kbd",0,0,1],75,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Magnetic Button","unlumen","A button that magnetically follows cursor proximity with smooth spring physics.","npx shadcn@latest add @unlumen-ui/magnetic-button","https://ui.unlumen.com/docs/ui/unlumen/magnetic-button",0,"",["magnetic-button",0,1,1],62,"button","button|cta,click,action|no icons,animated,monochrome,minimal|c"],["Orbiting Skills","unlumen","Animated skill badges that orbit a center element. On desktop the ring follows the cursor on hover; on mobile it's always visible.","npx shadcn@latest add @unlumen-ui/orbiting-skills","https://ui.unlumen.com/docs/ui/unlumen/orbiting-skills",0,"",["orbiting-skills",0,3,1],51,"misc","background|animated background,effect,hero background|no icons,monochrome,minimal|c"],["Progressive Blur","unlumen","A single-layer backdrop-filter overlay with a CSS mask gradient — lightweight and GPU-friendly blur fade for any edge.","npx shadcn@latest add @unlumen-ui/progressive-blur","https://ui.unlumen.com/docs/ui/unlumen/progressive-blur",0,"",["progressive-blur",0,4,1],82,"background","progress bar|progress,meter,loading|no icons,monochrome|c"],["Scramble Text","unlumen","Reveals text with a randomized character scramble/glitch effect. Perfect for status messages, dynamic content, or adding visual interest to text transitions.","npx shadcn@latest add @unlumen-ui/scramble-text","https://ui.unlumen.com/docs/ui/unlumen/scramble-text",0,"",["scramble-text",0,6,1],43,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Shimmer Skeleton","unlumen","Lightweight loading skeleton with a smooth shimmer sweep animation.","npx shadcn@latest add @unlumen-ui/shimmer-skeleton","https://ui.unlumen.com/docs/ui/unlumen/shimmer-skeleton",0,"",["shimmer-skeleton",0,7,1],53,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Shimmering Text","unlumen","Animated gradient shimmer text with viewport-triggered and repeating animation support.","npx shadcn@latest add @unlumen-ui/shimmering-text","https://ui.unlumen.com/docs/ui/unlumen/shimmering-text",0,"",["shimmering-text",0,0,2],54,"text","text effect|skeleton,text animation,typography,animated text|no icons,monochrome|c"],["Slider","unlumen","Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Built on Radix UI Slider.","npx shadcn@latest add @unlumen-ui/slider","https://ui.unlumen.com/docs/ui/unlumen/slider",0,"",["slider",0,1,2],76,"input","slider|range,input|no icons,monochrome,minimal|c"],["Switch","unlumen","Animated toggle switch with a spring-driven thumb and smooth fill transition. Built on Radix UI Switch.","npx shadcn@latest add @unlumen-ui/switch","https://ui.unlumen.com/docs/ui/unlumen/switch",0,"",["switch",0,2,2],60,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Text Reveal","unlumen","Scroll-driven word-by-word or character-by-character text reveal animation using Motion.","npx shadcn@latest add @unlumen-ui/text-reveal","https://ui.unlumen.com/docs/ui/unlumen/text-reveal",0,"",["text-reveal",0,3,2],61,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Theme Switch","unlumen","Animated dark / light mode toggle button with a spring-driven sun ↔ moon icon swap and View Transition page reveal.","npx shadcn@latest add @unlumen-ui/theme-switch","https://ui.unlumen.com/docs/ui/unlumen/theme-switch",0,"",["theme-switch",0,4,2],3,"switch","theme switcher|switch,dark mode,light mode|icons,monochrome,minimal|c"],["Tilt Card","unlumen","A card with 3D spring tilt, optional floating image, badge variants and a radial shine on hover. Built on top of the Tilt primitive.","npx shadcn@latest add @unlumen-ui/tilt-card","https://ui.unlumen.com/docs/ui/unlumen/tilt-card",0,"",["tilt-card",0,5,2],93,"card","card|container,pricing,surface|no icons,images,animated,monochrome|c"],["Tooltip Preview","unlumen","Link tooltip that reveals a website preview card with title, description, image and favicon on hover.","npx shadcn@latest add @unlumen-ui/tooltip-preview","https://ui.unlumen.com/docs/ui/unlumen/tooltip-preview",0,"",["tooltip-preview",0,6,2],44,"media","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Velocity Highlight","unlumen","A snappy highlight component that stretches along its travel axis while tracking the active element.","npx shadcn@latest add @unlumen-ui/velocity-highlight","https://ui.unlumen.com/docs/ui/unlumen/velocity-highlight",0,"",["velocity-highlight",0,7,2],62,"misc","audio player|music,media player|no icons,monochrome|c"],["Auth 1","efferd","Modern auth page with particle background and social login buttons.","npx shadcn@latest add @efferd/auth-1","https://efferd.com/blocks",0,"",["auth-1",0,0,0],72,"section|b","login|sign in,sign up,auth form|icons|b"],["Auth 2","efferd","Modern auth page with testimonial sidebar, social logins, and email signup.","npx shadcn@latest add @efferd/auth-2","https://efferd.com/blocks",0,"",["auth-2",0,1,0],72,"section|b","login|sign in,sign up,auth form|icons,animated|b"],["Contact 1","efferd","Elegant contact page with office info, email, phone, and social links.","npx shadcn@latest add @efferd/contact-1","https://efferd.com/blocks",0,"",["contact-1",0,2,0],72,"section|b","contact section|contact form,account,form|no icons,monochrome|b"],["Contact 2","efferd","Modern contact card with info section and built-in form area.","npx shadcn@latest add @efferd/contact-2","https://efferd.com/blocks",0,"",["contact-2",0,3,0],71,"section|b","contact section|contact form,form|icons,monochrome|b"],["Cta 1","efferd","Centered call-to-action bar with bold heading and dual action buttons.","npx shadcn@latest add @efferd/cta-1","https://efferd.com/blocks",0,"",["cta-1",0,4,0],64,"button|b","cta section|call to action,banner|no icons,monochrome,minimal|b"],["Cta 2","efferd","Minimal call-to-action section with headline, short description, and dual buttons for sales contact and getting started.","npx shadcn@latest add @efferd/cta-2","https://efferd.com/blocks",0,"",["cta-2",0,5,0],75,"button|b","cta section|call to action,banner|icons,monochrome|b"],["Cta 3","efferd","Stylish call-to-action block featuring bordered layout, decorative icons, and clear buttons for contacting sales or getting started.","npx shadcn@latest add @efferd/cta-3","https://efferd.com/blocks",0,"",["cta-3",0,6,0],79,"button|b","cta section|call to action,banner|icons,monochrome|b"],["Cta 4","efferd","Modern call-to-action card with rounded edges, subtle shadow, and dual buttons for contacting sales or getting started.","npx shadcn@latest add @efferd/cta-4","https://efferd.com/blocks",0,"",["cta-4",0,7,0],75,"button|b","cta section|call to action,banner|icons,monochrome|b"],["Cta 5","efferd","Newsletter subscription section with email input, submit button, and expert avatars for added trust and engagement.","npx shadcn@latest add @efferd/cta-5","https://efferd.com/blocks",0,"",["cta-5",0,0,1],82,"button|b","cta section|call to action,notifications,banner|icons,avatar,images,monochrome|b"],["Feature 1","efferd","Minimal feature card with icon, title, and subtle grid background.","npx shadcn@latest add @efferd/feature-1","https://efferd.com/blocks",0,"",0,0],["Faqs 1","efferd","Elegant FAQ section with accordion-style questions, smooth transitions, and clear support call-to-action.","npx shadcn@latest add @efferd/faqs-1","https://efferd.com/blocks",0,"",["faqs-1",0,1,1],60,"accordion","accordion|faq section,collapsible,expand,faq|icons,monochrome|c"],["Faqs 2","efferd","Split-screen FAQ layout with bordered sections, interactive accordion, and a clean call-to-action footer.","npx shadcn@latest add @efferd/faqs-2","https://efferd.com/blocks",0,"",["faqs-2",0,2,1],66,"accordion","accordion|faq section,collapsible,expand,faq|no icons,monochrome|c"],["Faqs 3","efferd","Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordion interactions.","npx shadcn@latest add @efferd/faqs-3","https://efferd.com/blocks",0,"",["faqs-3",0,3,1],60,"accordion","accordion|faq section,collapsible,expand,faq|icons,monochrome|c"],["Faqs 4","efferd","Multi-category FAQ section with sidebar filters, adaptive accordion layout, and elegant interactive transitions.","npx shadcn@latest add @efferd/faqs-4","https://efferd.com/blocks",0,"",["faqs-4",0,4,1],68,"accordion","accordion|faq section,settings,login,collapsible,expand,faq|icons,monochrome|c"],["Faqs 5","efferd","Responsive FAQ section with filters, search, and accordions for quick answers.","npx shadcn@latest add @efferd/faqs-5","https://efferd.com/blocks",0,"",["faqs-5",0,5,1],62,"accordion","faq section|faq,settings,accordion,questions|icons,monochrome|b"],["Footer 1","efferd","Clean footer with company links, resources, and social icons.","npx shadcn@latest add @efferd/footer-1","https://efferd.com/blocks",0,"",["footer-1",0,6,1],73,"section|b","footer|links,site footer|icons,monochrome|b"],["Footer 2","efferd","Animated footer with link sections, brand logo, and social icons.","npx shadcn@latest add @efferd/footer-2","https://efferd.com/blocks",0,"",["footer-2",0,7,1],66,"section|b","footer|links,site footer|icons,animated,monochrome|b"],["Footer 3","efferd","Grid-based footer with social cards, link groups, and copyright bar.","npx shadcn@latest add @efferd/footer-3","https://efferd.com/blocks",0,"",["footer-3",0,0,2],71,"section|b","footer|links,site footer|icons,monochrome|b"],["Footer 4","efferd","Multi-column footer with app store buttons, social icons, and link groups.","npx shadcn@latest add @efferd/footer-4","https://efferd.com/blocks",0,"",["footer-4",0,1,2],75,"section|b","footer|links,settings,site footer|icons,monochrome|b"],["Footer 5","efferd","Sticky layered footer with gradient background, social icons, and animated link groups.","npx shadcn@latest add @efferd/footer-5","https://efferd.com/blocks",0,"",["footer-5",0,2,2],76,"section|b","footer|links,site footer|no icons,monochrome|b"],["Form 1","efferd","Elegant workspace creation form with labeled inputs, grouped fields, and a clean card layout for onboarding users smoothly.","npx shadcn@latest add @efferd/form-1","https://efferd.com/blocks",0,"",["form-1",0,3,2],78,"input","form|inputs,fields|icons,monochrome|c"],["Form 2","efferd","Project submission form featuring bordered layout, plus-icon corners, and detailed input fields for name, repository, and description.","npx shadcn@latest add @efferd/form-2","https://efferd.com/blocks",0,"",["form-2",0,4,2],73,"input","form|inputs,fields|icons,monochrome|c"],["Form 3","efferd","Comprehensive account settings form with structured fields for name, email, password, and phone number, featuring icons, grouped inputs, and save actions.","npx shadcn@latest add @efferd/form-3","https://efferd.com/blocks",0,"",["form-3",0,5,2],68,"input","form|inputs,settings,login,fields|icons,monochrome|c"],["Header 1","efferd","Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links.","npx shadcn@latest add @efferd/header-1","https://efferd.com/blocks",0,"",["header-1",0,6,2],60,"navbar|b","navbar|header,login,navigation,menu|no icons,monochrome,minimal|b"],["Header 2","efferd","Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions.","npx shadcn@latest add @efferd/header-2","https://efferd.com/blocks",0,"",["header-2",0,7,2],60,"navbar|b","navbar|header,login,navigation,menu|no icons,monochrome,minimal|b"],["Header 3","efferd","Feature-rich responsive header with scroll blur, animated mobile drawer, and nested navigation menus.","npx shadcn@latest add @efferd/header-3","https://efferd.com/blocks",0,"",["header-3",0,0,3],60,"navbar|b","navbar|header,login,navigation,menu|icons,monochrome|b"],["Image gallery 1","efferd","Masonry-style responsive gallery using random images with dynamic aspect ratios.","npx shadcn@latest add @efferd/image-gallery-1","https://efferd.com/blocks",0,"",["image-gallery-1",0,1,3],59,"carousel","gallery|image,images,grid,photos|no icons,images,animated,monochrome,minimal|c"],["Logo cloud 1","efferd","Simple logo grid displaying brand icons in a clean, bordered layout with light and dark mode support.","npx shadcn@latest add @efferd/logo-cloud-1","https://efferd.com/blocks",0,"",0,0],["Logo cloud 2","efferd","Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders for a modern visual layout.","npx shadcn@latest add @efferd/logo-cloud-2","https://efferd.com/blocks",0,"",["logo-cloud-2",0,2,3],64,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Logo cloud 3","efferd","Smooth infinite-scrolling logo showcase highlighting trusted brands with gradient masking and elegant motion effects.","npx shadcn@latest add @efferd/logo-cloud-3","https://efferd.com/blocks",0,"",0,0],["Logo cloud 4","efferd","Animated logo carousel with soft edge blurs and gradient accents for a sleek, modern brand showcase.","npx shadcn@latest add @efferd/logo-cloud-4","https://efferd.com/blocks",0,"",0,0],["Not found 1","efferd","Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.","npx shadcn@latest add @efferd/not-found-1","https://efferd.com/blocks",0,"",["not-found-1",0,3,3],68,"navbar|b","404 page|error page,not found|icons,monochrome|b"],["Not found 2","efferd","Animated 404 page with floating gradient orbs, soft motion effects, and clean centered layout.","npx shadcn@latest add @efferd/not-found-2","https://efferd.com/blocks",0,"",["not-found-2",0,4,3],95,"background","card|404 page,container,surface|icons,animated,monochrome|c"],["Pricing 1","efferd","Responsive pricing section with frequency toggle, tooltips, and highlightable plans.","npx shadcn@latest add @efferd/pricing-1","https://efferd.com/blocks",0,"",0,0],["Pricing 2","efferd","Modular pricing card UI kit with reusable glass-style components and typography helpers.","npx shadcn@latest add @efferd/pricing-2","https://efferd.com/blocks",0,"",["pricing-2",0,5,3],21,"pricing|b","pricing section|pricing,plans,subscription||b"],["Pricing 3","efferd","Three-tier pricing grid with interactive plan cards, badges, and feature lists.","npx shadcn@latest add @efferd/pricing-3","https://efferd.com/blocks",0,"",["pricing-3",0,6,3],64,"pricing|b","pricing section|pricing,notifications,plans,subscription|icons,monochrome|b"],["Pricing 4","efferd","Animated dual pricing cards with motion effects, discount badges, and trust indicator.","npx shadcn@latest add @efferd/pricing-4","https://efferd.com/blocks",0,"",["pricing-4",0,7,3],67,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Testimonials 1","efferd","Infinite vertical testimonial scroller with smooth motion and repeated card animation.","npx shadcn@latest add @efferd/testimonials-1","https://efferd.com/blocks",0,"",0,0],["Testimonials 2","efferd","Responsive testimonial grid with smooth motion reveal, subtle gradients, and elegant card design.","npx shadcn@latest add @efferd/testimonials-2","https://efferd.com/blocks",0,"",["testimonials-2",0,0,4],58,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,images,animated|b"],["Approval Card","toolui","Binary confirmation for agent actions.","npx shadcn@latest add @tool-ui/approval-card","https://www.tool-ui.com/docs/approval-card",0,"",["approval-card",0,0,0],76,"card","card|container,surface|icons,monochrome|c"],["Audio","toolui","Audio playback with artwork and metadata.","npx shadcn@latest add @tool-ui/audio","https://www.tool-ui.com/docs/audio",0,"",["audio",0,1,0],65,"media","audio player|music,media player|icons,monochrome,minimal|c"],["Chart","toolui","Display interactive data visualizations.","npx shadcn@latest add @tool-ui/chart","https://www.tool-ui.com/docs/chart",0,"",["chart",0,2,0],95,"chart","chart|graph,data,dashboard|no icons,monochrome|c"],["Citation","toolui","Display source references with attribution.","npx shadcn@latest add @tool-ui/citation","https://www.tool-ui.com/docs/citation",0,"",["citation",0,3,0],52,"misc","card|container,surface|icons,monochrome,minimal|c"],["Code Block","toolui","Display syntax-highlighted code snippets.","npx shadcn@latest add @tool-ui/code-block","https://www.tool-ui.com/docs/code-block",0,"",["code-block",0,4,0],80,"misc|b","code block|content section,code,syntax highlight|icons,colorful|c"],["Code Diff","toolui","Display syntax-highlighted diffs.","npx shadcn@latest add @tool-ui/code-diff","https://www.tool-ui.com/docs/code-diff",0,"",0,0],["Data Table","toolui","Present structured data in sortable tables.","npx shadcn@latest add @tool-ui/data-table","https://www.tool-ui.com/docs/data-table",0,"",["data-table",0,5,0],65,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Geo Map","toolui","Display geolocated entities, clusters, and routes.","npx shadcn@latest add @tool-ui/geo-map","https://www.tool-ui.com/docs/geo-map",0,"",["geo-map",0,6,0],83,"map","map|globe,media,location|no icons,monochrome|c"],["Image Gallery","toolui","Masonry grid with fullscreen lightbox viewer.","npx shadcn@latest add @tool-ui/image-gallery","https://www.tool-ui.com/docs/image-gallery",0,"",["image-gallery",0,0,1],70,"carousel","gallery|image,search,images,grid,photos|no icons,monochrome|c"],["Image","toolui","Display images with metadata and attribution.","npx shadcn@latest add @tool-ui/image","https://www.tool-ui.com/docs/image",0,"",["image",0,7,0],68,"media","image|media,mockup|no icons,monochrome,minimal|c"],["Instagram Post","toolui","Platform-native post card for Instagram.","npx shadcn@latest add @tool-ui/instagram-post","https://www.tool-ui.com/docs/instagram-post",0,"",["instagram-post",0,1,1],86,"card","card|blog section,container,surface|icons,avatar,images,animated,monochrome|c"],["Item Carousel","toolui","Horizontal carousel for browsing collections.","npx shadcn@latest add @tool-ui/item-carousel","https://www.tool-ui.com/docs/item-carousel",0,"",["item-carousel",0,2,1],95,"carousel","carousel|slider,gallery,swipe|no icons,monochrome|c"],["Link Preview","toolui","Rich link previews with Open Graph data.","npx shadcn@latest add @tool-ui/link-preview","https://www.tool-ui.com/docs/link-preview",0,"",["link-preview",0,3,1],9,"chart","hover card|link,popover,hover,card|no icons,monochrome,minimal|c"],["LinkedIn Post","toolui","Platform-native post card for LinkedIn.","npx shadcn@latest add @tool-ui/linkedin-post","https://www.tool-ui.com/docs/linkedin-post",0,"",["linkedin-post",0,4,1],64,"card","card|blog section,team,container,surface|icons,avatar|c"],["Message Draft","toolui","Review messages before sending.","npx shadcn@latest add @tool-ui/message-draft","https://www.tool-ui.com/docs/message-draft",0,"",["message-draft",0,5,1],64,"misc","data table|table,account,rows,spreadsheet|no icons,monochrome|c"],["Option List","toolui","Let users select from multiple choices.","npx shadcn@latest add @tool-ui/option-list","https://www.tool-ui.com/docs/option-list",0,"",["option-list",0,6,1],71,"dropdown","list|items,rows|no icons,monochrome,minimal|c"],["Order Summary","toolui","Display purchases with itemized pricing.","npx shadcn@latest add @tool-ui/order-summary","https://www.tool-ui.com/docs/order-summary",0,"",["order-summary",0,7,1],78,"pricing|b","ecommerce|product,pricing,shop,checkout|no icons,avatar,images,monochrome|b"],["Parameter Slider","toolui","Numeric parameter adjustment controls.","npx shadcn@latest add @tool-ui/parameter-slider","https://www.tool-ui.com/docs/parameter-slider",0,"",["parameter-slider",0,0,2],81,"input","slider|range,input|no icons,monochrome,minimal|c"],["Plan","toolui","Display step-by-step task workflows.","npx shadcn@latest add @tool-ui/plan","https://www.tool-ui.com/docs/plan",0,"",["plan",0,1,2],80,"pricing|b","pricing section|pricing,plans,subscription|icons,animated,monochrome|b"],["Preferences Panel","toolui","Compact settings panel with staged changes.","npx shadcn@latest add @tool-ui/preferences-panel","https://www.tool-ui.com/docs/preferences-panel",0,"",["preferences-panel",0,2,2],65,"misc","card|settings page,settings,notifications,container,surface|no icons,monochrome|c"],["Progress Tracker","toolui","Real-time multi-step status.","npx shadcn@latest add @tool-ui/progress-tracker","https://www.tool-ui.com/docs/progress-tracker",0,"",["progress-tracker",0,3,2],71,"loader","tracker|audio player,upload,progress bar,status,chart,dashboard|icons,animated,monochrome|c"],["Question Flow","toolui","Multi-step guided questions with branching.","npx shadcn@latest add @tool-ui/question-flow","https://www.tool-ui.com/docs/question-flow",0,"",["question-flow",0,4,2],65,"accordion","stepper|steps,progress,onboarding|no icons,monochrome|c"],["Stats Display","toolui","Display key metrics in a grid.","npx shadcn@latest add @tool-ui/stats-display","https://www.tool-ui.com/docs/stats-display",0,"",["stats-display",0,5,2],78,"chart|b","stats section|numbers,analytics,pricing,metrics|no icons,animated|b"],["Terminal","toolui","Show command-line output and logs.","npx shadcn@latest add @tool-ui/terminal","https://www.tool-ui.com/docs/terminal",0,"",["terminal",0,6,2],74,"command","terminal|code,command line|icons|c"],["Video","toolui","Video playback with controls and poster.","npx shadcn@latest add @tool-ui/video","https://www.tool-ui.com/docs/video",0,"",["video",0,7,2],83,"media","video player|video,media player|no icons,monochrome,minimal|c"],["X Post","toolui","Platform-native post card for X (Twitter).","npx shadcn@latest add @tool-ui/x-post","https://www.tool-ui.com/docs/x-post",0,"",["x-post",0,0,3],70,"card","card|blog section,container,surface|icons,avatar,monochrome|c"],["Map: advanced usage","mapcn","A MapLibre map with advanced usage, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/advanced-usage",0,"",["advanced-usage",0,0,0],80,"map","map|globe,location|no icons,animated|c"],["Map: arc","mapcn","A MapLibre map with arc, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/arcs",0,"",["arc",0,3,0],85,"map","map|globe,location|no icons,monochrome,minimal|c"],["Map: basic map","mapcn","A MapLibre map with basic map, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/basic-map",0,"",["basic-map",0,4,0],80,"map","map|globe,location|no icons,animated|c"],["Map: blank map","mapcn","A MapLibre map with blank map, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/basic-map",0,"",["blank-map",0,5,0],81,"map","map|globe,location|no icons|c"],["Map: cluster","mapcn","A MapLibre map with cluster, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/clusters",0,"",["cluster",0,7,0],97,"map","map|globe,location|icons,animated|c"],["Map: controlled map","mapcn","A MapLibre map with controlled map, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/advanced-usage",0,"",["controlled-map",0,1,1],77,"map","map|globe,location|no icons,animated|c"],["Map: custom layer","mapcn","A MapLibre map with custom layer, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/advanced-usage",0,"",["custom-layer",0,2,1],83,"map","map|globe,location|icons,animated|c"],["Map: custom style","mapcn","A MapLibre map with custom style, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/basic-map",0,"",["custom-style",0,3,1],79,"map","map|globe,location|no icons,animated|c"],["Map: draggable marker","mapcn","A MapLibre map with draggable marker, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/markers",0,"",["draggable-marker",0,5,1],82,"map","map|globe,location|icons,animated|c"],["Map: geojson","mapcn","A MapLibre map with geojson, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/geojson",0,"",["geojson",0,6,1],81,"map","map|globe,location|no icons,monochrome,minimal|c"],["Map: interactive arc","mapcn","A MapLibre map with interactive arc, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/arcs",0,"",["interactive-arc",0,0,2],80,"map","map|globe,location|no icons,animated|c"],["Map: layer markers","mapcn","A MapLibre map with layer markers, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/markers",0,"",["layer-markers",0,1,2],79,"map","map|globe,location|no icons,animated|c"],["Map: map controls","mapcn","A MapLibre map with map controls, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/controls",0,"",["map-controls",0,3,2],82,"map","map|globe,location|icons,animated|c"],["Map: map overlay","mapcn","A MapLibre map with map overlay, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/geojson",0,"",["map-overlay",0,4,2],84,"map","map|globe,location|no icons,animated|c"],["Map: markers","mapcn","A MapLibre map with markers, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/markers",0,"",["markers",0,5,2],81,"map","map|globe,location|no icons,animated|c"],["Map: osrm route","mapcn","A MapLibre map with osrm route, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/routes",0,"",["osrm-route",0,6,2],89,"map","map|globe,location|no icons,animated|c"],["Map: popup","mapcn","A MapLibre map with popup, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/popups",0,"",["popup",0,7,2],83,"map","map|dialog,globe,location|no icons,animated|c"],["Map: route","mapcn","A MapLibre map with route, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/routes",0,"",["route",0,0,3],77,"map","map|globe,location|no icons,monochrome,minimal|c"],["Map: route progress","mapcn","A MapLibre map with route progress, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/routes",0,"",["route-progress",0,1,3],91,"map","map|progress bar,globe,location|icons,animated|c"],["Map: standalone popup","mapcn","A MapLibre map with standalone popup, styled for shadcn.","npx shadcn@latest add @mapcn/map","https://www.mapcn.dev/docs/popups",0,"",["standalone-popup",0,2,3],77,"map","map|dialog,globe,location|icons,animated|c"],["Analytics Map","mapcn","Real-time analytics overview with a world map, breakdown cards, and device stats.","npx shadcn@latest add @mapcn/analytics-map","https://www.mapcn.dev/blocks/analytics-map",0,"",["analytics-map",0,2,0],83,"map","map|globe,location|icons|c"],["Choropleth","mapcn","World choropleth map shading countries by a metric, with a hover tooltip and legend.","npx shadcn@latest add @mapcn/choropleth","https://www.mapcn.dev/blocks/choropleth",0,"",["choropleth",0,6,0],91,"map","map|globe,location|icons|c"],["Analytics Card","mapcn","Compact analytics card with a headline metric over a world map.","npx shadcn@latest add @mapcn/analytics-card","https://www.mapcn.dev/blocks/analytics-card",0,"",["analytics-card",0,1,0],72,"chart","card|container,analytics,surface|icons|c"],["Delivery Tracker","mapcn","Live order tracking with route progress, courier position, and order details, shown on a map.","npx shadcn@latest add @mapcn/delivery-tracker","https://www.mapcn.dev/blocks/delivery-tracker",0,"",["delivery-tracker",0,4,1],83,"map","tracker|audio player,calendar,pricing,status,chart,dashboard|icons,animated|c"],["Uptime Monitor","mapcn","Status-page style map of edge network locations with live health, latency, and uptime.","npx shadcn@latest add @mapcn/uptime-monitor","https://www.mapcn.dev/blocks/uptime-monitor",0,"",["uptime-monitor",0,4,3],86,"map","tracker|status,chart,dashboard|icons|c"],["Heatmap","mapcn","Globe-projected heatmap visualizing earthquake density with zoom-dependent styling.","npx shadcn@latest add @mapcn/heatmap","https://www.mapcn.dev/blocks/heatmap",0,"",["heatmap",0,7,1],96,"map","heatmap|chart,calendar,dashboard|no icons,monochrome,minimal|c"],["Community Globe","mapcn","Globe of community members with avatar markers, a member list, local time, and an awake filter.","npx shadcn@latest add @mapcn/community-globe","https://www.mapcn.dev/blocks/community-globe",0,"",["community-globe",0,0,1],83,"map","map|globe,location|icons|c"],["Logistics Network","mapcn","Domestic logistics map with a sidebar of stats.","npx shadcn@latest add @mapcn/logistics-network","https://www.mapcn.dev/blocks/logistics-network",0,"",["logistics-network",0,2,2],77,"map","background|animated background,effect,hero background|icons,animated|c"],["Store Locator","mapcn","Searchable store list synced with map markers.","npx shadcn@latest add @mapcn/store-locator","https://www.mapcn.dev/blocks/store-locator",0,"",["store-locator",0,3,3],74,"map","map|ecommerce,globe,location|icons,animated|c"],["Agenda View","calendarcn","The coming days' events as a scrolling list.","npx shadcn@latest add @calendarcn/agenda-view","https://calendarcn.xyz/docs/components/agenda-view",0,"",["agenda-view",0,0,0],94,"misc","calendar|date,date picker,schedule|no icons|c"],["Calendar Core","calendarcn","CalendarProvider and useCalendar(), the state and settings every view shares.","npx shadcn@latest add @calendarcn/calendar-core","https://calendarcn.xyz/docs/components/calendar-core",0,"",["calendar-core",0,2,0],89,"datepicker","calendar|date,date picker,schedule|no icons,colorful|c"],["Calendar","calendarcn","The full calendar, with a toolbar, a view switcher, and day, week, month and agenda views.","npx shadcn@latest add @calendarcn/calendar","https://calendarcn.xyz/docs/components/calendar",0,"",["calendar",0,1,0],96,"datepicker","calendar|date,settings,date picker,schedule|icons|c"],["Day View","calendarcn","One day on the time grid.","npx shadcn@latest add @calendarcn/day-view","https://calendarcn.xyz/docs/components/day-view",0,"",["day-view",0,6,0],82,"misc","card|container,surface|no icons|c"],["Event Details","calendarcn","The panel and popover for viewing and editing an event.","npx shadcn@latest add @calendarcn/event-details","https://calendarcn.xyz/docs/components/event-details",0,"",["event-details",0,7,0],67,"misc","calendar|date,account,date picker,schedule|no icons,monochrome|c"],["Month View","calendarcn","A month at a glance.","npx shadcn@latest add @calendarcn/month-view","https://calendarcn.xyz/docs/components/month-view",0,"",["month-view",0,1,1],80,"misc","card|container,surface|no icons,colorful|c"],["Time Grid","calendarcn","The scrollable hour grid behind the day and week views.","npx shadcn@latest add @calendarcn/time-grid","https://calendarcn.xyz/docs/components/time-grid",0,"",["time-grid",0,3,1],83,"misc","card|container,surface|no icons|c"],["Week View","calendarcn","A week, or any number of days, on the time grid.","npx shadcn@latest add @calendarcn/week-view","https://calendarcn.xyz/docs/components/week-view",0,"",["week-view",0,5,1],95,"misc","card|container,surface|no icons|c"],["Calendar: config","calendarcn","calendarcn example: config.","npx shadcn@latest add @calendarcn/calendar","https://calendarcn.xyz/docs/components/calendar",0,"",["config",0,3,0],97,"datepicker","calendar|date,date picker,schedule|no icons|c"],["Calendar: custom event content","calendarcn","calendarcn example: custom event content.","npx shadcn@latest add @calendarcn/calendar","https://calendarcn.xyz/docs/components/calendar",0,"",["custom-event-content",0,4,0],96,"datepicker","calendar|content section,date,date picker,schedule|icons|c"],["Calendar: custom event details","calendarcn","calendarcn example: custom event details.","npx shadcn@latest add @calendarcn/calendar","https://calendarcn.xyz/docs/components/event-details",0,"",["custom-event-details",0,5,0],95,"datepicker","calendar|date,date picker,schedule|no icons|c"],["Calendar: ics","calendarcn","calendarcn example: ics.","npx shadcn@latest add @calendarcn/calendar","https://calendarcn.xyz/docs/components/calendar",0,"",["ics",0,0,1],95,"datepicker","calendar|date,date picker,schedule|icons|c"],["Calendar: range loading","calendarcn","calendarcn example: range loading.","npx shadcn@latest add @calendarcn/calendar","https://calendarcn.xyz/docs/components/calendar",0,"",["range-loading",0,2,1],80,"datepicker","calendar|loader,slider,date,date picker,schedule|no icons,monochrome|c"],["Calendar: typed events","calendarcn","calendarcn example: typed events.","npx shadcn@latest add @calendarcn/calendar","https://calendarcn.xyz/docs/components/calendar",0,"",["typed-events",0,4,1],95,"datepicker","calendar|date,date picker,schedule|icons|c"],["Accordion 1","cnippet","Default","npx shadcn@latest add @cnippet/v-accordion-1","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-1",1,0,3],54,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 2","cnippet","Single Accordion","npx shadcn@latest add @cnippet/v-accordion-2","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-2",1,7,3],33,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 3","cnippet","Multiple Accordion","npx shadcn@latest add @cnippet/v-accordion-3","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-3",1,0,4],33,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 4","cnippet","Controlled Accordion","npx shadcn@latest add @cnippet/v-accordion-4","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-4",1,1,4],58,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 5","cnippet","With plus/minus indicators","npx shadcn@latest add @cnippet/v-accordion-5","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-5",1,2,4],62,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 6","cnippet","With borders and rounded corners","npx shadcn@latest add @cnippet/v-accordion-6","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-6",1,3,4],59,"accordion","accordion|collapsible,team,expand,faq|icons,monochrome|c"],["Accordion 7","cnippet","Embedded within a Card","npx shadcn@latest add @cnippet/v-accordion-7","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-7",1,4,4],68,"accordion","accordion|collapsible,expand,faq|no icons,monochrome|c"],["Accordion 8","cnippet","Nested accordion example with bordered items","npx shadcn@latest add @cnippet/v-accordion-8","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-8",1,5,4],61,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 9","cnippet","User list accordion with avatars and role indicators","npx shadcn@latest add @cnippet/v-accordion-9","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-9",1,6,4],71,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 10","cnippet","Changelog / Release Notes with versioned entries","npx shadcn@latest add @cnippet/v-accordion-10","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-10",1,1,3],82,"accordion","accordion|collapsible,calendar,expand,faq|icons,monochrome|c"],["Accordion 11","cnippet","Searchable FAQ with live keyword filter","npx shadcn@latest add @cnippet/v-accordion-11","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-11",1,2,3],61,"accordion","accordion|collapsible,search,login,expand,faq|icons,monochrome|c"],["Accordion 12","cnippet","Settings sidebar navigation with icon sections","npx shadcn@latest add @cnippet/v-accordion-12","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-12",1,3,3],62,"accordion","accordion|collapsible,settings,notifications,expand,faq|icons,monochrome|c"],["Accordion 13","cnippet","Job board listings with requirements and apply action","npx shadcn@latest add @cnippet/v-accordion-13","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-13",1,4,3],62,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Accordion 14","cnippet","Onboarding step tracker with completion state","npx shadcn@latest add @cnippet/v-accordion-14","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-14",1,5,3],80,"accordion","accordion|collapsible,team,expand,faq|icons,monochrome|c"],["Accordion 15","cnippet","Product specifications table by category","npx shadcn@latest add @cnippet/v-accordion-15","https://ui.cnippet.dev/docs/components/accordion",0,"",["v-accordion-15",1,6,3],59,"accordion","accordion|collapsible,expand,faq|no icons,monochrome|c"],["Alert 1","cnippet","Default","npx shadcn@latest add @cnippet/v-alert-1","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-1",1,7,4],4,"toast","alert|message,banner,callout|no icons,monochrome,minimal|c"],["Alert 2","cnippet","With Icon","npx shadcn@latest add @cnippet/v-alert-2","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-2",1,6,5],35,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 3","cnippet","With Icon and Action Buttons","npx shadcn@latest add @cnippet/v-alert-3","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-3",1,7,5],47,"toast","alert|message,login,banner,callout|icons,monochrome,minimal|c"],["Alert 4","cnippet","Info Alert","npx shadcn@latest add @cnippet/v-alert-4","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-4",1,0,6],15,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 5","cnippet","Success Alert","npx shadcn@latest add @cnippet/v-alert-5","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-5",1,1,6],48,"toast","alert|message,tasks,banner,callout|icons,monochrome,minimal|c"],["Alert 6","cnippet","Warning Alert","npx shadcn@latest add @cnippet/v-alert-6","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-6",1,2,6],49,"toast","alert|message,settings,banner,callout|icons,monochrome,minimal|c"],["Alert 7","cnippet","Error Alert","npx shadcn@latest add @cnippet/v-alert-7","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-7",1,3,6],47,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 8","cnippet","Stacked alerts within a Frame","npx shadcn@latest add @cnippet/v-alert-8","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-8",1,4,6],76,"toast","alert|message,banner,callout|no icons,monochrome|c"],["Alert 9","cnippet","Alert with actions integrated within a Frame","npx shadcn@latest add @cnippet/v-alert-9","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-9",1,5,6],58,"toast","alert|message,login,banner,callout|icons,monochrome|c"],["Alert 10","cnippet","Feature discovery alert","npx shadcn@latest add @cnippet/v-alert-10","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-10",1,0,5],65,"toast","alert|message,team,banner,callout|icons,monochrome|c"],["Alert 11","cnippet","Dismissible announcement banner with CTA","npx shadcn@latest add @cnippet/v-alert-11","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-11",1,1,5],39,"toast","alert|message,banner,callout|icons,monochrome|c"],["Alert 12","cnippet","Cookie consent banner with accept and decline","npx shadcn@latest add @cnippet/v-alert-12","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-12",1,2,5],68,"toast","alert|message,banner,callout|icons,monochrome|c"],["Alert 13","cnippet","Storage limit warning with usage progress bar","npx shadcn@latest add @cnippet/v-alert-13","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-13",1,3,5],77,"toast","alert|message,banner,callout|icons,monochrome,minimal|c"],["Alert 14","cnippet","Update available with async install feedback","npx shadcn@latest add @cnippet/v-alert-14","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-14",1,4,5],64,"toast","alert|message,banner,callout|icons,monochrome|c"],["Alert 15","cnippet","Email verification with resend countdown","npx shadcn@latest add @cnippet/v-alert-15","https://ui.cnippet.dev/docs/components/alert",0,"",["v-alert-15",1,5,5],49,"toast","alert|message,notifications,account,banner,callout|icons,monochrome|c"],["Alert dialog 1","cnippet","Default","npx shadcn@latest add @cnippet/v-alert-dialog-1","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-1",1,6,6],21,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 2","cnippet","Small Size Alert Dialog","npx shadcn@latest add @cnippet/v-alert-dialog-2","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-2",1,5,7],10,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 3","cnippet","Alert Dialog Within A Standard Dialog","npx shadcn@latest add @cnippet/v-alert-dialog-3","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-3",1,6,7],9,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 4","cnippet","Task Success Confirmation","npx shadcn@latest add @cnippet/v-alert-dialog-4","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-4",1,7,7],9,"dialog","alert dialog|alert,tasks,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 5","cnippet","Account Deactivation Confirmation","npx shadcn@latest add @cnippet/v-alert-dialog-5","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-5",1,0,8],31,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 6","cnippet","Warning For Unsaved Changes","npx shadcn@latest add @cnippet/v-alert-dialog-6","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-6",1,1,8],10,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 7","cnippet","Confirmation For Successful e-ticket Registration","npx shadcn@latest add @cnippet/v-alert-dialog-7","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-7",1,2,8],11,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 8","cnippet","System Update Notification","npx shadcn@latest add @cnippet/v-alert-dialog-8","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-8",1,3,8],10,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 9","cnippet","Billing Warning For Expired Subscriptions","npx shadcn@latest add @cnippet/v-alert-dialog-9","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-9",1,4,8],12,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 10","cnippet","Logout Confirmation Dialog","npx shadcn@latest add @cnippet/v-alert-dialog-10","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-10",1,7,6],6,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 11","cnippet","File Overwrite Confirmation with three-way choice","npx shadcn@latest add @cnippet/v-alert-dialog-11","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-11",1,0,7],41,"dialog","alert dialog|alert,upload,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 12","cnippet","Subscription Downgrade Warning with feature loss list","npx shadcn@latest add @cnippet/v-alert-dialog-12","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-12",1,1,7],42,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 13","cnippet","Transfer Ownership with typed confirmation input","npx shadcn@latest add @cnippet/v-alert-dialog-13","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-13",1,2,7],53,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 14","cnippet","Clear All Data with checkbox consent gate","npx shadcn@latest add @cnippet/v-alert-dialog-14","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-14",1,3,7],27,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Alert dialog 15","cnippet","Rate Limit Exceeded with live countdown timer","npx shadcn@latest add @cnippet/v-alert-dialog-15","https://ui.cnippet.dev/docs/components/alert-dialog",0,"",["v-alert-dialog-15",1,4,7],20,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Autocomplete 1","cnippet","Default","npx shadcn@latest add @cnippet/v-autocomplete-1","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-1",1,5,8],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 2","cnippet","Disabled","npx shadcn@latest add @cnippet/v-autocomplete-2","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-2",1,0,10],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 3","cnippet","Sizes","npx shadcn@latest add @cnippet/v-autocomplete-3","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-3",1,2,10],1,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 4","cnippet","With Label","npx shadcn@latest add @cnippet/v-autocomplete-4","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-4",1,3,10],11,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 5","cnippet","Inline Autocomplete","npx shadcn@latest add @cnippet/v-autocomplete-5","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-5",1,4,10],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 6","cnippet","Auto Highlight","npx shadcn@latest add @cnippet/v-autocomplete-6","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-6",1,5,10],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 7","cnippet","With Clear Button","npx shadcn@latest add @cnippet/v-autocomplete-7","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-7",1,6,10],0,"button","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 8","cnippet","With Trigger and Clear Buttons","npx shadcn@latest add @cnippet/v-autocomplete-8","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-8",1,7,10],1,"button","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Autocomplete 9","cnippet","With Search Icon","npx shadcn@latest add @cnippet/v-autocomplete-9","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-9",1,0,11],1,"misc","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Autocomplete 10","cnippet","Grouped Items","npx shadcn@latest add @cnippet/v-autocomplete-10","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-10",1,6,8],3,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 11","cnippet","Limit Results","npx shadcn@latest add @cnippet/v-autocomplete-11","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-11",1,7,8],0,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 12","cnippet","Async Search","npx shadcn@latest add @cnippet/v-autocomplete-12","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-12",1,0,9],1,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 13","cnippet","Form Integration","npx shadcn@latest add @cnippet/v-autocomplete-13","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-13",1,1,9],43,"input","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 14","cnippet","Timezone Picker","npx shadcn@latest add @cnippet/v-autocomplete-14","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-14",1,2,9],48,"misc","combobox|select,search,autocomplete|icons,monochrome|c"],["Autocomplete 15","cnippet","Person Picker","npx shadcn@latest add @cnippet/v-autocomplete-15","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-15",1,3,9],48,"misc","combobox|select,search,autocomplete|icons,monochrome|c"],["Autocomplete 16","cnippet","Country picker with flag and ISO code","npx shadcn@latest add @cnippet/v-autocomplete-16","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-16",1,4,9],46,"misc","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Autocomplete 17","cnippet","Repository picker with language and star count","npx shadcn@latest add @cnippet/v-autocomplete-17","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-17",1,5,9],18,"misc","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 18","cnippet","Multi-select tag input with dismissible chip pills","npx shadcn@latest add @cnippet/v-autocomplete-18","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-18",1,6,9],55,"dropdown","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Autocomplete 19","cnippet","Priority selector with icon and description","npx shadcn@latest add @cnippet/v-autocomplete-19","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-19",1,7,9],46,"misc","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Autocomplete 20","cnippet","Tech stack picker grouped by category","npx shadcn@latest add @cnippet/v-autocomplete-20","https://ui.cnippet.dev/docs/components/autocomplete",0,"",["v-autocomplete-20",1,1,10],45,"carousel","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Avatar 1","cnippet","Default","npx shadcn@latest add @cnippet/v-avatar-1","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-1",1,1,11],4,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 2","cnippet","With Fallback","npx shadcn@latest add @cnippet/v-avatar-2","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-2",2,4,0],4,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 3","cnippet","Different Sizes","npx shadcn@latest add @cnippet/v-avatar-3","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-3",2,7,0],6,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 4","cnippet","Different Radius","npx shadcn@latest add @cnippet/v-avatar-4","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-4",2,0,1],6,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 5","cnippet","Avatar Group","npx shadcn@latest add @cnippet/v-avatar-5","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-5",2,1,1],4,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 6","cnippet","Avatar Group With Numeric Count","npx shadcn@latest add @cnippet/v-avatar-6","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-6",2,2,1],5,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 7","cnippet","With Details and Badge","npx shadcn@latest add @cnippet/v-avatar-7","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-7",2,3,1],44,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 8","cnippet","Avatar Social Proof With Text Label","npx shadcn@latest add @cnippet/v-avatar-8","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-8",2,4,1],41,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 9","cnippet","Compact Social Proof With Initials","npx shadcn@latest add @cnippet/v-avatar-9","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-9",2,5,1],45,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 10","cnippet","With Hover Effect","npx shadcn@latest add @cnippet/v-avatar-10","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-10",1,2,11],5,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 11","cnippet","With Hover Effect & Tooltips","npx shadcn@latest add @cnippet/v-avatar-11","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-11",1,3,11],5,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 12","cnippet","Avatar Inside An Empty State Example","npx shadcn@latest add @cnippet/v-avatar-12","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-12",1,4,11],51,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 13","cnippet","With Loading State Demonstration","npx shadcn@latest add @cnippet/v-avatar-13","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-13",1,5,11],4,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar 14","cnippet","With Custom Badge","npx shadcn@latest add @cnippet/v-avatar-14","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-14",1,6,11],58,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 15","cnippet","With Ring Animation","npx shadcn@latest add @cnippet/v-avatar-15","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-15",1,7,11],46,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 16","cnippet","With Dropdown Menu","npx shadcn@latest add @cnippet/v-avatar-16","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-16",2,0,0],9,"media","avatar|profile,settings,user,image|icons,monochrome,minimal|c"],["Avatar 17","cnippet","Team grid with online presence status dots","npx shadcn@latest add @cnippet/v-avatar-17","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-17",2,1,0],79,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar 18","cnippet","Pull request comment thread","npx shadcn@latest add @cnippet/v-avatar-18","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-18",2,2,0],62,"media","avatar|profile,user,image|icons,monochrome|c"],["Avatar 19","cnippet","Interactive assignee picker with selection state","npx shadcn@latest add @cnippet/v-avatar-19","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-19",2,3,0],70,"media","avatar|profile,user,image|icons,monochrome|c"],["Avatar 20","cnippet","Contributor leaderboard with rank and commit count","npx shadcn@latest add @cnippet/v-avatar-20","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-20",2,5,0],77,"media","avatar|profile,user,image|icons,monochrome|c"],["Avatar 21","cnippet","Profile card with stats and action buttons","npx shadcn@latest add @cnippet/v-avatar-21","https://ui.cnippet.dev/docs/components/avatar",0,"",["v-avatar-21",2,6,0],72,"media","avatar|profile,user,image|icons,monochrome|c"],["Badge 1","cnippet","Default","npx shadcn@latest add @cnippet/v-badge-1","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-1",2,6,1],8,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 2","cnippet","Outline","npx shadcn@latest add @cnippet/v-badge-2","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-2",2,7,2],6,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 3","cnippet","Secondary","npx shadcn@latest add @cnippet/v-badge-3","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-3",2,0,3],5,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 4","cnippet","Destructive","npx shadcn@latest add @cnippet/v-badge-4","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-4",2,1,3],20,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 5","cnippet","Info","npx shadcn@latest add @cnippet/v-badge-5","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-5",2,2,3],15,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 6","cnippet","Success","npx shadcn@latest add @cnippet/v-badge-6","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-6",2,3,3],14,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 7","cnippet","Warning","npx shadcn@latest add @cnippet/v-badge-7","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-7",2,4,3],16,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 8","cnippet","Error","npx shadcn@latest add @cnippet/v-badge-8","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-8",2,5,3],16,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 9","cnippet","Size Variations","npx shadcn@latest add @cnippet/v-badge-9","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-9",2,6,3],14,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 10","cnippet","With Icon","npx shadcn@latest add @cnippet/v-badge-10","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-10",2,7,1],5,"misc","badge|label,status,pill|icons,monochrome,minimal|c"],["Badge 11","cnippet","With Link","npx shadcn@latest add @cnippet/v-badge-11","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-11",2,0,2],8,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 12","cnippet","With Count","npx shadcn@latest add @cnippet/v-badge-12","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-12",2,1,2],6,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 13","cnippet","Status dot indicators (Online, Busy, Away, Offline)","npx shadcn@latest add @cnippet/v-badge-13","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-13",2,2,2],59,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 14","cnippet","Release channel tags (Stable, Beta, Experimental, Deprecated)","npx shadcn@latest add @cnippet/v-badge-14","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-14",2,3,2],66,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badge 15","cnippet","Subscription plan tiers with pricing","npx shadcn@latest add @cnippet/v-badge-15","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-15",2,4,2],85,"pricing|b","badge|label,pricing,status,pill|no icons,monochrome|c"],["Badge 16","cnippet","Notification category badges with unread counts","npx shadcn@latest add @cnippet/v-badge-16","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-16",2,5,2],82,"toast","badge|label,notifications,status,pill|icons,monochrome|c"],["Badge 17","cnippet","Priority labels in a task list","npx shadcn@latest add @cnippet/v-badge-17","https://ui.cnippet.dev/docs/components/badge",0,"",["v-badge-17",2,6,2],83,"misc","badge|label,status,pill|no icons,monochrome|c"],["Breadcrumb 1","cnippet","Default","npx shadcn@latest add @cnippet/v-breadcrumb-1","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-1",2,7,3],7,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 2","cnippet","With custom separator","npx shadcn@latest add @cnippet/v-breadcrumb-2","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-2",2,6,4],38,"misc","breadcrumb|navigation,path|no icons,monochrome,minimal|c"],["Breadcrumb 3","cnippet","With Dropdown Menu","npx shadcn@latest add @cnippet/v-breadcrumb-3","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-3",2,7,4],39,"dropdown","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 4","cnippet","With Next.js Link","npx shadcn@latest add @cnippet/v-breadcrumb-4","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-4",2,0,5],7,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 5","cnippet","With Icons For Each Item","npx shadcn@latest add @cnippet/v-breadcrumb-5","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-5",2,1,5],40,"misc","breadcrumb|navigation,settings,path|icons,monochrome|c"],["Breadcrumb 6","cnippet","With Avatar","npx shadcn@latest add @cnippet/v-breadcrumb-6","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-6",2,2,5],38,"media","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 7","cnippet","Inside Card","npx shadcn@latest add @cnippet/v-breadcrumb-7","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-7",2,3,5],44,"card","breadcrumb|navigation,e-commerce,path|icons,monochrome|c"],["Breadcrumb 8","cnippet","Starting With Home Icon","npx shadcn@latest add @cnippet/v-breadcrumb-8","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-8",2,4,5],42,"misc","breadcrumb|navigation,path|no icons,monochrome,minimal|c"],["Breadcrumb 9","cnippet","Button-style","npx shadcn@latest add @cnippet/v-breadcrumb-9","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-9",2,5,5],11,"button","breadcrumb|navigation,settings,path|icons,monochrome|c"],["Breadcrumb 10","cnippet","With Project, Sser and Document Info","npx shadcn@latest add @cnippet/v-breadcrumb-10","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-10",2,0,4],62,"misc","breadcrumb|navigation,account,path|icons,monochrome,minimal|c"],["Breadcrumb 11","cnippet","File path breadcrumb with folder and file icons in monospace","npx shadcn@latest add @cnippet/v-breadcrumb-11","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-11",2,1,4],44,"upload","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 12","cnippet","Checkout step progress breadcrumb with numbered circles and navigation buttons","npx shadcn@latest add @cnippet/v-breadcrumb-12","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-12",2,2,4],78,"navbar|b","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 13","cnippet","Admin hierarchy breadcrumb with colored icon badges per level","npx shadcn@latest add @cnippet/v-breadcrumb-13","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-13",2,3,4],59,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 14","cnippet","Page header breadcrumb with edit and share action buttons","npx shadcn@latest add @cnippet/v-breadcrumb-14","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-14",2,4,4],79,"navbar|b","breadcrumb|navigation,path|icons,monochrome|c"],["Breadcrumb 15","cnippet","Compact breadcrumb with ellipsis and hidden-items count badge","npx shadcn@latest add @cnippet/v-breadcrumb-15","https://ui.cnippet.dev/docs/components/breadcrumb",0,"",["v-breadcrumb-15",2,5,4],39,"misc","breadcrumb|navigation,settings,notifications,path|icons,monochrome|c"],["Button 1","cnippet","Default","npx shadcn@latest add @cnippet/v-button-1","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-1",2,6,5],12,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 2","cnippet","Outline","npx shadcn@latest add @cnippet/v-button-2","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-2",2,1,7],6,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 3","cnippet","Secondary","npx shadcn@latest add @cnippet/v-button-3","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-3",2,4,8],5,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 4","cnippet","Destructive","npx shadcn@latest add @cnippet/v-button-4","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-4",2,6,8],17,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 5","cnippet","Destructive Outline","npx shadcn@latest add @cnippet/v-button-5","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-5",2,7,8],17,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 6","cnippet","Ghost","npx shadcn@latest add @cnippet/v-button-6","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-6",2,0,9],5,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 7","cnippet","Link","npx shadcn@latest add @cnippet/v-button-7","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-7",2,1,9],4,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 8","cnippet","Extra-small Size","npx shadcn@latest add @cnippet/v-button-8","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-8",2,2,9],10,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 9","cnippet","Small Size","npx shadcn@latest add @cnippet/v-button-9","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-9",2,3,9],11,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 10","cnippet","Large Size","npx shadcn@latest add @cnippet/v-button-10","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-10",2,7,5],13,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 11","cnippet","Extra-large Size","npx shadcn@latest add @cnippet/v-button-11","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-11",2,0,6],15,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 12","cnippet","Disabled","npx shadcn@latest add @cnippet/v-button-12","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-12",2,1,6],8,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 13","cnippet","Icon","npx shadcn@latest add @cnippet/v-button-13","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-13",2,2,6],9,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 14","cnippet","Button with an icon on the right","npx shadcn@latest add @cnippet/v-button-14","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-14",2,3,6],17,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 15","cnippet","Button with an icon on the left","npx shadcn@latest add @cnippet/v-button-15","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-15",2,4,6],16,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 16","cnippet","Outline button with an icon on the left","npx shadcn@latest add @cnippet/v-button-16","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-16",2,5,6],9,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 17","cnippet","Ghost button with an icon on the right","npx shadcn@latest add @cnippet/v-button-17","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-17",2,6,6],36,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 18","cnippet","Destructive button with an icon on the left","npx shadcn@latest add @cnippet/v-button-18","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-18",2,7,6],30,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 19","cnippet","Link button with an icon on the right","npx shadcn@latest add @cnippet/v-button-19","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-19",2,0,7],39,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 20","cnippet","Star button with count","npx shadcn@latest add @cnippet/v-button-20","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-20",2,2,7],7,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 21","cnippet","Button with an unread badge","npx shadcn@latest add @cnippet/v-button-21","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-21",2,3,7],54,"button","button|cta,notifications,click,action|icons,monochrome,minimal|c"],["Button 22","cnippet","Button with icon, label, and shortcut keys","npx shadcn@latest add @cnippet/v-button-22","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-22",2,4,7],8,"button","button|cta,search,click,action|icons,monochrome,minimal|c"],["Button 23","cnippet","Icon-only copy button with feedback","npx shadcn@latest add @cnippet/v-button-23","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-23",2,5,7],3,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 24","cnippet","Animated hamburger / close toggle button","npx shadcn@latest add @cnippet/v-button-24","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-24",2,6,7],3,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 25","cnippet","Sliding Icon Button (Hover reveal)","npx shadcn@latest add @cnippet/v-button-25","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-25",2,7,7],17,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Button 26","cnippet","Social login buttons with GitHub, Google, and email options","npx shadcn@latest add @cnippet/v-button-26","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-26",2,0,8],90,"button","button|cta,click,action|icons,monochrome|c"],["Button 27","cnippet","Loading and success state button with animated icon swap","npx shadcn@latest add @cnippet/v-button-27","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-27",2,1,8],19,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 28","cnippet","File upload button with attachment preview and clear action","npx shadcn@latest add @cnippet/v-button-28","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-28",2,2,8],9,"button","button|cta,click,action|icons,monochrome,minimal|c"],["Button 29","cnippet","Split button with primary action and dropdown menu via Group","npx shadcn@latest add @cnippet/v-button-29","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-29",2,3,8],17,"button","button|cta,click,action|icons,monochrome|c"],["Button 30","cnippet","Segmented view toggle with list, table, and kanban options","npx shadcn@latest add @cnippet/v-button-30","https://ui.cnippet.dev/docs/components/button",0,"",["v-button-30",2,5,8],52,"button","button|cta,click,action|icons,monochrome|c"],["Calendar 1","cnippet","Default","npx shadcn@latest add @cnippet/v-calendar-1","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-1",2,4,9],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 2","cnippet","Fallback Only","npx shadcn@latest add @cnippet/v-calendar-2","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-2",2,7,10],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 3","cnippet","Different Sizes","npx shadcn@latest add @cnippet/v-calendar-3","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-3",2,1,11],68,"datepicker","calendar|date,date picker,schedule|no icons,monochrome|c"],["Calendar 4","cnippet","Dropdown Navigation","npx shadcn@latest add @cnippet/v-calendar-4","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-4",2,2,11],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 5","cnippet","Custom Select Dropdown","npx shadcn@latest add @cnippet/v-calendar-5","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-5",2,3,11],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 6","cnippet","Custom Combobox Dropdown","npx shadcn@latest add @cnippet/v-calendar-6","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-6",2,4,11],68,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 7","cnippet","Multiple Selection","npx shadcn@latest add @cnippet/v-calendar-7","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-7",2,5,11],61,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 8","cnippet","Appointment Booking","npx shadcn@latest add @cnippet/v-calendar-8","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-8",2,6,11],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 9","cnippet","Two-Month Range Picker","npx shadcn@latest add @cnippet/v-calendar-9","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-9",2,7,11],60,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 10","cnippet","Event Indicators","npx shadcn@latest add @cnippet/v-calendar-10","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-10",2,5,9],71,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 11","cnippet","Date Picker with Presets","npx shadcn@latest add @cnippet/v-calendar-11","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-11",2,6,9],70,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 12","cnippet","Date of Birth","npx shadcn@latest add @cnippet/v-calendar-12","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-12",2,7,9],60,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 13","cnippet","Week Picker","npx shadcn@latest add @cnippet/v-calendar-13","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-13",2,0,10],67,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 14","cnippet","Basic calendar","npx shadcn@latest add @cnippet/v-calendar-14","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-14",2,1,10],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 15","cnippet","Basic calendar","npx shadcn@latest add @cnippet/v-calendar-15","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-15",2,2,10],64,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 16","cnippet","Habit tracker with completion indicators and monthly streak counter","npx shadcn@latest add @cnippet/v-calendar-16","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-16",2,3,10],66,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 17","cnippet","Sprint planner with two-month range selection and duration stats","npx shadcn@latest add @cnippet/v-calendar-17","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-17",2,4,10],60,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 18","cnippet","Time off request with leave type selector and range picker","npx shadcn@latest add @cnippet/v-calendar-18","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-18",2,5,10],69,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 19","cnippet","Mini year view with all 12 months in a compact grid","npx shadcn@latest add @cnippet/v-calendar-19","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-19",2,6,10],58,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Calendar 20","cnippet","Time slot booking with available/booked slot grid and confirmation","npx shadcn@latest add @cnippet/v-calendar-20","https://ui.cnippet.dev/docs/components/calendar",0,"",["v-calendar-20",2,0,11],62,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card 1","cnippet","Default","npx shadcn@latest add @cnippet/v-card-1","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-1",3,0,0],80,"card","card|container,surface|icons,monochrome|c"],["Card 2","cnippet","With Border","npx shadcn@latest add @cnippet/v-card-2","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-2",3,3,1],64,"card","card|container,surface|no icons,monochrome|c"],["Card 3","cnippet","With Border Separation","npx shadcn@latest add @cnippet/v-card-3","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-3",3,5,1],67,"card","card|container,surface|no icons,monochrome|c"],["Card 4","cnippet","With Link","npx shadcn@latest add @cnippet/v-card-4","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-4",3,6,1],65,"card","card|container,surface|icons,monochrome|c"],["Card 5","cnippet","With Dropdown Menu","npx shadcn@latest add @cnippet/v-card-5","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-5",3,7,1],70,"card","card|container,settings,surface|icons,monochrome|c"],["Card 6","cnippet","With Image","npx shadcn@latest add @cnippet/v-card-6","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-6",3,0,2],89,"card","card|container,surface|icons,monochrome|c"],["Card 7","cnippet","With Image Scale Hover Effect","npx shadcn@latest add @cnippet/v-card-7","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-7",3,1,2],89,"card","card|container,surface|no icons,monochrome|c"],["Card 8","cnippet","With Image and Shadow Fade Effect","npx shadcn@latest add @cnippet/v-card-8","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-8",3,2,2],84,"card","card|container,account,surface|icons,monochrome|c"],["Card 9","cnippet","With Stacked depth Effect","npx shadcn@latest add @cnippet/v-card-9","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-9",3,3,2],68,"card","card|container,surface|no icons,monochrome|c"],["Card 10","cnippet","Login Form Card","npx shadcn@latest add @cnippet/v-card-10","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-10",3,1,0],75,"card","card|container,login,surface|icons,monochrome|c"],["Card 11","cnippet","Expandable Content Card","npx shadcn@latest add @cnippet/v-card-11","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-11",3,2,0],71,"card","card|container,pricing,surface|icons,monochrome|c"],["Card 12","cnippet","With Overflow Menu","npx shadcn@latest add @cnippet/v-card-12","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-12",3,3,0],73,"card","card|container,settings,pricing,surface|icons,monochrome|c"],["Card 13","cnippet","With Header Badge & Actions","npx shadcn@latest add @cnippet/v-card-13","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-13",3,4,0],75,"card","card|container,surface|icons,monochrome|c"],["Card 14","cnippet","With Icon, Title and Link","npx shadcn@latest add @cnippet/v-card-14","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-14",3,5,0],72,"card","card|container,media,surface|icons,monochrome|c"],["Card 15","cnippet","With Header Label and Link","npx shadcn@latest add @cnippet/v-card-15","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-15",3,6,0],65,"card","card|container,surface|icons,monochrome|c"],["Card 16","cnippet","GitHub repository list cards with language, star, and fork counts","npx shadcn@latest add @cnippet/v-card-16","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-16",3,7,0],69,"card","card|container,surface|icons,monochrome|c"],["Card 17","cnippet","Settings card with sidebar navigation and swappable content panels","npx shadcn@latest add @cnippet/v-card-17","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-17",3,0,1],76,"card","card|container,settings,notifications,surface|icons,monochrome|c"],["Card 18","cnippet","Pricing plan card with feature checklist and highlighted ring","npx shadcn@latest add @cnippet/v-card-18","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-18",3,1,1],75,"card","card|container,pricing,surface|icons,monochrome|c"],["Card 19","cnippet","Event card with date, time, location, attendee count, and RSVP button","npx shadcn@latest add @cnippet/v-card-19","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-19",3,2,1],88,"card","card|container,surface|icons,monochrome|c"],["Card 20","cnippet","Stats dashboard grid with four metric tiles and trend indicators","npx shadcn@latest add @cnippet/v-card-20","https://ui.cnippet.dev/docs/components/card",0,"",["v-card-20",3,4,1],81,"card","card|container,analytics,pricing,surface|icons,monochrome|c"],["Carousel 1","cnippet","Default","npx shadcn@latest add @cnippet/v-carousel-1","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-1",3,4,2],56,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 2","cnippet","Multiple Items","npx shadcn@latest add @cnippet/v-carousel-2","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-2",3,3,3],60,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 3","cnippet","Custom Spacing","npx shadcn@latest add @cnippet/v-carousel-3","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-3",3,4,3],59,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 4","cnippet","Vertical Orientation","npx shadcn@latest add @cnippet/v-carousel-4","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-4",3,5,3],57,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 5","cnippet","Autoplay with Indicators","npx shadcn@latest add @cnippet/v-carousel-5","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-5",3,6,3],98,"carousel","carousel|slider,gallery,swipe|no icons,monochrome|c"],["Carousel 6","cnippet","Testimonials","npx shadcn@latest add @cnippet/v-carousel-6","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-6",3,7,3],79,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 7","cnippet","Product Showcase","npx shadcn@latest add @cnippet/v-carousel-7","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-7",3,0,4],100,"carousel","carousel|slider,e-commerce,pricing,gallery,swipe|icons,monochrome|c"],["Carousel 8","cnippet","Onboarding Steps","npx shadcn@latest add @cnippet/v-carousel-8","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-8",3,1,4],74,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 9","cnippet","Team Members","npx shadcn@latest add @cnippet/v-carousel-9","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-9",3,2,4],63,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 10","cnippet","Gallery with Thumbnails","npx shadcn@latest add @cnippet/v-carousel-10","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-10",3,5,2],100,"carousel","carousel|slider,gallery,swipe|no icons,monochrome|c"],["Carousel 11","cnippet","Testimonial carousel with avatar, quote, and dot indicators","npx shadcn@latest add @cnippet/v-carousel-11","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-11",3,6,2],67,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 12","cnippet","Pricing plan carousel with arrow navigation and highlighted active plan","npx shadcn@latest add @cnippet/v-carousel-12","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-12",3,7,2],77,"carousel","carousel|slider,pricing,gallery,swipe|icons,monochrome|c"],["Carousel 13","cnippet","Media gallery carousel with caption badge and progress dots","npx shadcn@latest add @cnippet/v-carousel-13","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-13",3,0,3],98,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Carousel 14","cnippet","Changelog carousel with drag-free multi-slide and version tags","npx shadcn@latest add @cnippet/v-carousel-14","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-14",3,1,3],83,"carousel","carousel|slider,calendar,gallery,swipe|no icons,monochrome|c"],["Carousel 15","cnippet","Feature highlight carousel with icon slides and Prev/Next controls","npx shadcn@latest add @cnippet/v-carousel-15","https://ui.cnippet.dev/docs/components/carousel",0,"",["v-carousel-15",3,2,3],87,"carousel","carousel|slider,gallery,swipe|no icons,monochrome|c"],["Chart 1","cnippet","Multi-Series Bar Chart","npx shadcn@latest add @cnippet/v-chart-1","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-1",3,3,4],100,"chart","chart|graph,data,dashboard|no icons|c"],["Chart 2","cnippet","Area Chart","npx shadcn@latest add @cnippet/v-chart-2","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-2",3,2,5],91,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Chart 3","cnippet","Bar Chart","npx shadcn@latest add @cnippet/v-chart-3","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-3",3,3,5],99,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Chart 4","cnippet","Line Chart","npx shadcn@latest add @cnippet/v-chart-4","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-4",3,4,5],69,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Chart 5","cnippet","Pie Chart","npx shadcn@latest add @cnippet/v-chart-5","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-5",3,5,5],45,"chart","chart|graph,data,dashboard|no icons|c"],["Chart 6","cnippet","Radar Chart","npx shadcn@latest add @cnippet/v-chart-6","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-6",3,6,5],65,"chart","chart|graph,data,dashboard|no icons|c"],["Chart 7","cnippet","Radial Bar Chart","npx shadcn@latest add @cnippet/v-chart-7","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-7",3,7,5],73,"chart","chart|graph,data,dashboard|no icons|c"],["Chart 8","cnippet","Basic chart","npx shadcn@latest add @cnippet/v-chart-8","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-8",3,0,6],99,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Chart 9","cnippet","Basic chart","npx shadcn@latest add @cnippet/v-chart-9","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-9",3,1,6],69,"chart","chart|graph,data,dashboard|no icons|c"],["Chart 10","cnippet","Basic chart","npx shadcn@latest add @cnippet/v-chart-10","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-10",3,4,4],100,"chart","chart|graph,timeline data,pricing,data,dashboard|no icons|c"],["Chart 11","cnippet","Stacked area chart with two revenue series and a Y-axis legend","npx shadcn@latest add @cnippet/v-chart-11","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-11",3,5,4],96,"chart","chart|graph,timeline data,pricing,data,dashboard|no icons|c"],["Chart 12","cnippet","Horizontal bar chart ranking traffic channels by session count","npx shadcn@latest add @cnippet/v-chart-12","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-12",3,6,4],100,"chart","chart|graph,data,dashboard|no icons|c"],["Chart 13","cnippet","Donut chart with center label showing team headcount by department","npx shadcn@latest add @cnippet/v-chart-13","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-13",3,7,4],67,"chart","chart|graph,data,dashboard|no icons|c"],["Chart 14","cnippet","Multi-series line chart comparing API response percentiles (p50/p90/p99)","npx shadcn@latest add @cnippet/v-chart-14","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-14",3,0,5],75,"chart","chart|graph,timeline data,data,dashboard|no icons|c"],["Chart 15","cnippet","Composed chart overlaying revenue bars with a growth-rate line on dual axes","npx shadcn@latest add @cnippet/v-chart-15","https://ui.cnippet.dev/docs/components/chart",0,"",["v-chart-15",3,1,5],99,"chart","chart|graph,analytics,pricing,data,dashboard|no icons|c"],["Checkbox 1","cnippet","Default","npx shadcn@latest add @cnippet/v-checkbox-1","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-1",3,2,6],10,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox 2","cnippet","Disabled","npx shadcn@latest add @cnippet/v-checkbox-2","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-2",3,1,7],42,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox 3","cnippet","With Description","npx shadcn@latest add @cnippet/v-checkbox-3","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-3",3,2,7],50,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 4","cnippet","Card Style","npx shadcn@latest add @cnippet/v-checkbox-4","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-4",3,3,7],56,"input","checkbox|form,notifications,checklist|icons,monochrome,minimal|c"],["Checkbox 5","cnippet","Form Integration","npx shadcn@latest add @cnippet/v-checkbox-5","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-5",3,4,7],65,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox 6","cnippet","Payment method card checkbox","npx shadcn@latest add @cnippet/v-checkbox-6","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-6",3,5,7],73,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 7","cnippet","Select All with Indeterminate State","npx shadcn@latest add @cnippet/v-checkbox-7","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-7",3,6,7],65,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 8","cnippet","Issue Label Picker","npx shadcn@latest add @cnippet/v-checkbox-8","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-8",3,7,7],80,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox 9","cnippet","Notification Channel Selector","npx shadcn@latest add @cnippet/v-checkbox-9","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-9",3,0,8],67,"input","checkbox|form,notifications,checklist|icons,monochrome|c"],["Checkbox 10","cnippet","Multi-Consent Registration Gate","npx shadcn@latest add @cnippet/v-checkbox-10","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-10",3,3,6],68,"input","checkbox|form,checklist|no icons,monochrome|c"],["Checkbox 11","cnippet","Weekly availability grid with checkboxes per day and time slot","npx shadcn@latest add @cnippet/v-checkbox-11","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-11",3,4,6],62,"input","checkbox|form,checklist|no icons,monochrome|c"],["Checkbox 12","cnippet","Role permissions picker with colored badge per access level","npx shadcn@latest add @cnippet/v-checkbox-12","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-12",3,5,6],82,"input","checkbox|form,settings,checklist|icons,monochrome|c"],["Checkbox 13","cnippet","Notification preferences matrix with event rows and channel columns","npx shadcn@latest add @cnippet/v-checkbox-13","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-13",3,6,6],77,"input","checkbox|form,settings,notifications,checklist|icons,monochrome|c"],["Checkbox 14","cnippet","Plan add-on selector with dynamic price total as features are toggled","npx shadcn@latest add @cnippet/v-checkbox-14","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-14",3,7,6],72,"input","checkbox|form,pricing,checklist|icons,monochrome|c"],["Checkbox 15","cnippet","Sprint task checklist with priority badges and completion celebration","npx shadcn@latest add @cnippet/v-checkbox-15","https://ui.cnippet.dev/docs/components/checkbox",0,"",["v-checkbox-15",3,0,7],85,"input","checkbox|form,checklist|no icons,monochrome|c"],["Checkbox group 1","cnippet","Default","npx shadcn@latest add @cnippet/v-checkbox-group-1","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-1",3,1,8],43,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox group 2","cnippet","With Disabled Item","npx shadcn@latest add @cnippet/v-checkbox-group-2","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-2",3,0,9],43,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox group 3","cnippet","Parent Checkbox","npx shadcn@latest add @cnippet/v-checkbox-group-3","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-3",3,1,9],46,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox group 4","cnippet","Nested Parent Checkbox","npx shadcn@latest add @cnippet/v-checkbox-group-4","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-4",3,2,9],59,"input","checkbox|form,checklist|no icons,monochrome|c"],["Checkbox group 5","cnippet","Form Integration","npx shadcn@latest add @cnippet/v-checkbox-group-5","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-5",3,3,9],65,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox group 6","cnippet","Basic checkbox group","npx shadcn@latest add @cnippet/v-checkbox-group-6","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-6",3,4,9],46,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox group 7","cnippet","Basic checkbox group","npx shadcn@latest add @cnippet/v-checkbox-group-7","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-7",3,5,9],54,"input","checkbox|form,checklist|icons,monochrome,minimal|c"],["Checkbox group 8","cnippet","Basic checkbox group","npx shadcn@latest add @cnippet/v-checkbox-group-8","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-8",3,6,9],63,"input","checkbox|form,team,notifications,checklist|icons,monochrome|c"],["Checkbox group 9","cnippet","Basic checkbox group","npx shadcn@latest add @cnippet/v-checkbox-group-9","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-9",3,7,9],54,"input","checkbox|form,notifications,checklist|icons,monochrome|c"],["Checkbox group 10","cnippet","Basic checkbox group","npx shadcn@latest add @cnippet/v-checkbox-group-10","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-10",3,2,8],46,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox group 11","cnippet","Two-level nested group for tech stack selection by frontend and backend category","npx shadcn@latest add @cnippet/v-checkbox-group-11","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-11",3,3,8],56,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox group 12","cnippet","Recurring schedule picker with weekday and weekend sub-groups and day count badge","npx shadcn@latest add @cnippet/v-checkbox-group-12","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-12",3,4,8],67,"input","checkbox|form,checklist|icons,monochrome|c"],["Checkbox group 13","cnippet","Integration enablement list with card rows and a master enable-all parent checkbox","npx shadcn@latest add @cnippet/v-checkbox-group-13","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-13",3,5,8],72,"input","checkbox|form,team,checklist|icons,monochrome|c"],["Checkbox group 14","cnippet","Data export selector with two section groups and an item count summary","npx shadcn@latest add @cnippet/v-checkbox-group-14","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-14",3,6,8],58,"input","checkbox|form,settings,checklist|no icons,monochrome|c"],["Checkbox group 15","cnippet","Food preference picker with independent cuisine and dietary checkbox groups","npx shadcn@latest add @cnippet/v-checkbox-group-15","https://ui.cnippet.dev/docs/components/checkbox-group",0,"",["v-checkbox-group-15",3,7,8],62,"input","checkbox|form,settings,checklist|no icons,monochrome|c"],["Collapsible 1","cnippet","Default","npx shadcn@latest add @cnippet/v-collapsible-1","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-1",3,0,10],8,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Collapsible 2","cnippet","Collapsible","npx shadcn@latest add @cnippet/v-collapsible-2","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-2",3,7,10],61,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Collapsible 3","cnippet","Collapsible animated card","npx shadcn@latest add @cnippet/v-collapsible-3","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-3",3,0,11],50,"accordion","accordion|collapsible,login,expand,faq|icons,monochrome,minimal|c"],["Collapsible 4","cnippet","Collapsible card with bottom trigger","npx shadcn@latest add @cnippet/v-collapsible-4","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-4",3,1,11],74,"accordion","accordion|collapsible,pricing,expand,faq|icons,monochrome,minimal|c"],["Collapsible 5","cnippet","Collapsible form fields","npx shadcn@latest add @cnippet/v-collapsible-5","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-5",3,2,11],63,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Collapsible 6","cnippet","Multi-level collapsible menu","npx shadcn@latest add @cnippet/v-collapsible-6","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-6",3,3,11],62,"accordion","accordion|collapsible,settings,notifications,expand,faq|icons,monochrome|c"],["Collapsible 7","cnippet","Tree view with file actions","npx shadcn@latest add @cnippet/v-collapsible-7","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-7",3,4,11],70,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 8","cnippet","Read More Content Expander","npx shadcn@latest add @cnippet/v-collapsible-8","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-8",3,5,11],66,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 9","cnippet","CI/CD Build Step Log Viewer","npx shadcn@latest add @cnippet/v-collapsible-9","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-9",3,6,11],78,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 10","cnippet","Incident Status with Timeline","npx shadcn@latest add @cnippet/v-collapsible-10","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-10",3,1,10],81,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 11","cnippet","Accordion-style FAQ with single-open behavior and question count badge","npx shadcn@latest add @cnippet/v-collapsible-11","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-11",3,2,10],62,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 12","cnippet","Sidebar filter panel with collapsible groups, checkboxes, and active count","npx shadcn@latest add @cnippet/v-collapsible-12","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-12",3,3,10],71,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 13","cnippet","Package dependency list with version badges and expandable package names","npx shadcn@latest add @cnippet/v-collapsible-13","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-13",3,4,10],68,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 14","cnippet","Team directory with status dots, role labels, and per-team collapsible sections","npx shadcn@latest add @cnippet/v-collapsible-14","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-14",3,5,10],65,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Collapsible 15","cnippet","Privacy policy card with accordion sections and single-panel-open behavior","npx shadcn@latest add @cnippet/v-collapsible-15","https://ui.cnippet.dev/docs/components/collapsible",0,"",["v-collapsible-15",3,6,10],62,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Combobox 1","cnippet","Default","npx shadcn@latest add @cnippet/v-combobox-1","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-1",3,7,11],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 2","cnippet","Disabled","npx shadcn@latest add @cnippet/v-combobox-2","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-2",4,2,1],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 3","cnippet","Sizes","npx shadcn@latest add @cnippet/v-combobox-3","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-3",4,6,1],33,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 4","cnippet","With Label","npx shadcn@latest add @cnippet/v-combobox-4","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-4",4,7,1],44,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 5","cnippet","Auto Highlight","npx shadcn@latest add @cnippet/v-combobox-5","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-5",4,0,2],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 6","cnippet","With Clear Button","npx shadcn@latest add @cnippet/v-combobox-6","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-6",4,1,2],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 7","cnippet","With Groups","npx shadcn@latest add @cnippet/v-combobox-7","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-7",4,2,2],4,"dropdown","combobox|select,tasks,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 8","cnippet","Multiple Selection","npx shadcn@latest add @cnippet/v-combobox-8","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-8",4,3,2],6,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 9","cnippet","With Search Icon","npx shadcn@latest add @cnippet/v-combobox-9","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-9",4,4,2],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 10","cnippet","With Trigger Button","npx shadcn@latest add @cnippet/v-combobox-10","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-10",4,0,0],5,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 11","cnippet","With Select Button","npx shadcn@latest add @cnippet/v-combobox-11","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-11",4,1,0],1,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 12","cnippet","Form Integration","npx shadcn@latest add @cnippet/v-combobox-12","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-12",4,2,0],75,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 13","cnippet","Form Integration - Multiple","npx shadcn@latest add @cnippet/v-combobox-13","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-13",4,3,0],42,"dropdown","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Combobox 14","cnippet","Async Search","npx shadcn@latest add @cnippet/v-combobox-14","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-14",4,4,0],2,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 15","cnippet","Rich Item Rendering","npx shadcn@latest add @cnippet/v-combobox-15","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-15",4,5,0],0,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 16","cnippet","Controlled","npx shadcn@latest add @cnippet/v-combobox-16","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-16",4,6,0],53,"dropdown","combobox|select,tasks,search,autocomplete|icons,monochrome|c"],["Combobox 17","cnippet","Basic combobox","npx shadcn@latest add @cnippet/v-combobox-17","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-17",4,7,0],5,"dropdown","combobox|select,search,autocomplete|no icons,monochrome,minimal|c"],["Combobox 18","cnippet","City picker with timezone and country code trailing metadata","npx shadcn@latest add @cnippet/v-combobox-18","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-18",4,0,1],39,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 19","cnippet","Sprint selector with status badge and date range per item","npx shadcn@latest add @cnippet/v-combobox-19","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-19",4,1,1],42,"dropdown","combobox|select,calendar,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 20","cnippet","Font picker grouped by category with live preview sentence","npx shadcn@latest add @cnippet/v-combobox-20","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-20",4,3,1],48,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Combobox 21","cnippet","Timezone picker with UTC offset badge in trigger and region info below","npx shadcn@latest add @cnippet/v-combobox-21","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-21",4,4,1],48,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Combobox 22","cnippet","Currency picker with symbol icon in trigger and code trailing each item","npx shadcn@latest add @cnippet/v-combobox-22","https://ui.cnippet.dev/docs/components/combobox",0,"",["v-combobox-22",4,5,1],52,"dropdown","combobox|select,search,autocomplete|icons,monochrome,minimal|c"],["Command 1","cnippet","Default","npx shadcn@latest add @cnippet/v-command-1","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-1",4,5,2],14,"command","command menu|command palette,settings,search,cmdk|no icons,monochrome,minimal|c"],["Command 2","cnippet","Simple Command","npx shadcn@latest add @cnippet/v-command-2","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-2",4,4,3],10,"command","command menu|command palette,settings,search,cmdk|no icons,monochrome,minimal|c"],["Command 3","cnippet","Command With Groups","npx shadcn@latest add @cnippet/v-command-3","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-3",4,5,3],10,"command","command menu|command palette,settings,search,cmdk|no icons,monochrome,minimal|c"],["Command 4","cnippet","Command With File Search","npx shadcn@latest add @cnippet/v-command-4","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-4",4,6,3],42,"command","command menu|command palette,search,cmdk|icons,monochrome,minimal|c"],["Command 5","cnippet","User Search Command With Avatars","npx shadcn@latest add @cnippet/v-command-5","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-5",4,7,3],9,"command","command menu|command palette,account,search,cmdk|no icons,monochrome,minimal|c"],["Command 6","cnippet","Action Palette With Keyboard Shortcuts","npx shadcn@latest add @cnippet/v-command-6","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-6",4,0,4],9,"command","command menu|command palette,settings,notifications,search,cmdk|no icons,monochrome,minimal|c"],["Command 7","cnippet","With Recent And Favorites Sections","npx shadcn@latest add @cnippet/v-command-7","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-7",4,1,4],11,"command","command menu|command palette,settings,search,cmdk|no icons,monochrome,minimal|c"],["Command 8","cnippet","Basic command","npx shadcn@latest add @cnippet/v-command-8","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-8",4,2,4],10,"command","command menu|command palette,search,cmdk|icons,monochrome,minimal|c"],["Command 9","cnippet","Basic command","npx shadcn@latest add @cnippet/v-command-9","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-9",4,3,4],10,"command","command menu|command palette,account,search,cmdk|icons,monochrome,minimal|c"],["Command 10","cnippet","Basic command","npx shadcn@latest add @cnippet/v-command-10","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-10",4,6,2],56,"command","command menu|command palette,search,cmdk|icons,monochrome,minimal|c"],["Command 11","cnippet","Account settings palette with grouped profile, preferences, and sign-out actions","npx shadcn@latest add @cnippet/v-command-11","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-11",4,7,2],12,"command","command menu|command palette,settings,notifications,search,cmdk|no icons,monochrome,minimal|c"],["Command 12","cnippet","Repository search palette showing issues, pull requests, branches, and files","npx shadcn@latest add @cnippet/v-command-12","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-12",4,0,3],11,"command","command menu|command palette,search,cmdk|no icons,monochrome,minimal|c"],["Command 13","cnippet","Go-to-page palette with shortcut hints and arrow icon for unbound items","npx shadcn@latest add @cnippet/v-command-13","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-13",4,1,3],9,"command","command menu|command palette,settings,search,cmdk|no icons,monochrome,minimal|c"],["Command 14","cnippet","Appearance picker with theme and accent-color options and active check marks","npx shadcn@latest add @cnippet/v-command-14","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-14",4,2,3],43,"command","command menu|command palette,settings,search,cmdk|no icons,monochrome,minimal|c"],["Command 15","cnippet","Quick-open palette with page list, notification badges, and a keyboard footer","npx shadcn@latest add @cnippet/v-command-15","https://ui.cnippet.dev/docs/components/command",0,"",["v-command-15",4,3,3],10,"command","command menu|command palette,search,cmdk|no icons,monochrome,minimal|c"],["Context menu 1","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-1","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-1",4,4,4],6,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 2","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-2","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-2",4,3,5],6,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 3","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-3","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-3",4,4,5],6,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 4","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-4","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-4",4,5,5],6,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 5","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-5","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-5",4,6,5],6,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 6","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-6","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-6",4,7,5],6,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 7","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-7","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-7",4,0,6],6,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 8","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-8","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-8",4,1,6],6,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 9","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-9","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-9",4,2,6],61,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 10","cnippet","Basic context menu","npx shadcn@latest add @cnippet/v-context-menu-10","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-10",4,5,4],9,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 11","cnippet","Bookmark list with per-item star toggle, open, copy, share, and delete actions","npx shadcn@latest add @cnippet/v-context-menu-11","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-11",4,6,4],53,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome|c"],["Context menu 12","cnippet","Rich-text editor with checkbox formatting and alignment submenu","npx shadcn@latest add @cnippet/v-context-menu-12","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-12",4,7,4],5,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Context menu 13","cnippet","File explorer rows with extension badge, rename, download, and delete per file","npx shadcn@latest add @cnippet/v-context-menu-13","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-13",4,0,5],76,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome|c"],["Context menu 14","cnippet","Social feed with upvote/downvote controls and a report submenu per post","npx shadcn@latest add @cnippet/v-context-menu-14","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-14",4,1,5],57,"dropdown","context menu|dropdown menu,right click menu,menu|icons,monochrome|c"],["Context menu 15","cnippet","Task board with inline status radio, priority submenu, reassign, and delete","npx shadcn@latest add @cnippet/v-context-menu-15","https://ui.cnippet.dev/docs/components/context-menu",0,"",["v-context-menu-15",4,2,5],77,"dropdown","context menu|dropdown menu,right click menu,menu|icons,monochrome|c"],["Date picker 1","cnippet","Default","npx shadcn@latest add @cnippet/v-date-picker-1","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-1",4,3,6],6,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 2","cnippet","Date Range","npx shadcn@latest add @cnippet/v-date-picker-2","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-2",4,2,7],7,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 3","cnippet","Dropdown Navigation","npx shadcn@latest add @cnippet/v-date-picker-3","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-3",4,3,7],44,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 4","cnippet","With Presets","npx shadcn@latest add @cnippet/v-date-picker-4","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-4",4,4,7],7,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 5","cnippet","With Input","npx shadcn@latest add @cnippet/v-date-picker-5","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-5",4,5,7],5,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 6","cnippet","Auto-close on Select","npx shadcn@latest add @cnippet/v-date-picker-6","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-6",4,6,7],6,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 7","cnippet","Appointment Booking","npx shadcn@latest add @cnippet/v-date-picker-7","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-7",4,7,7],92,"datepicker","date picker|select,calendar,date input|icons,monochrome|c"],["Date picker 8","cnippet","Team Meeting Scheduler","npx shadcn@latest add @cnippet/v-date-picker-8","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-8",4,0,8],84,"datepicker","date picker|select,calendar,date input|icons,monochrome|c"],["Date picker 9","cnippet","Delivery Date Selector","npx shadcn@latest add @cnippet/v-date-picker-9","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-9",4,1,8],83,"datepicker","date picker|select,pricing,calendar,date input|icons,monochrome|c"],["Date picker 10","cnippet","Task Deadline Reschedule","npx shadcn@latest add @cnippet/v-date-picker-10","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-10",4,4,6],86,"datepicker","date picker|select,calendar,date input|icons,monochrome|c"],["Date picker 11","cnippet","Report Period Range with Presets","npx shadcn@latest add @cnippet/v-date-picker-11","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-11",4,5,6],58,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 12","cnippet","Recurring Event Date Picker","npx shadcn@latest add @cnippet/v-date-picker-12","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-12",4,6,6],63,"datepicker","date picker|select,calendar,date input|icons,monochrome|c"],["Date picker 13","cnippet","Hotel Stay Range with Duration Shortcuts","npx shadcn@latest add @cnippet/v-date-picker-13","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-13",4,7,6],63,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker 14","cnippet","Birthday Picker with Age Validation","npx shadcn@latest add @cnippet/v-date-picker-14","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-14",4,0,7],56,"datepicker","date picker|select,calendar,date input|icons,monochrome|c"],["Date picker 15","cnippet","Multi-date Availability Selector","npx shadcn@latest add @cnippet/v-date-picker-15","https://ui.cnippet.dev/docs/components/date-picker",0,"",["v-date-picker-15",4,1,7],58,"datepicker","date picker|select,calendar,date input|icons,monochrome|c"],["Dialog 1","cnippet","Default","npx shadcn@latest add @cnippet/v-dialog-1","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-1",4,2,8],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 2","cnippet","Open from a Menu","npx shadcn@latest add @cnippet/v-dialog-2","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-2",4,1,9],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 3","cnippet","Dialog with Bare Footer","npx shadcn@latest add @cnippet/v-dialog-3","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-3",4,2,9],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 4","cnippet","Dialog with scroll inside","npx shadcn@latest add @cnippet/v-dialog-4","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-4",4,3,9],11,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 5","cnippet","Nested Dialogs","npx shadcn@latest add @cnippet/v-dialog-5","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-5",4,4,9],9,"dialog","dialog|modal,team,account,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 6","cnippet","With Destructive Action","npx shadcn@latest add @cnippet/v-dialog-6","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-6",4,5,9],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 7","cnippet","Cookie Preferences","npx shadcn@latest add @cnippet/v-dialog-7","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-7",4,6,9],11,"dialog","dialog|modal,settings,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 8","cnippet","Session Expired","npx shadcn@latest add @cnippet/v-dialog-8","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-8",4,7,9],10,"dialog","dialog|modal,login,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 9","cnippet","Edit Profile with Avatar","npx shadcn@latest add @cnippet/v-dialog-9","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-9",4,0,10],44,"dialog","dialog|modal,account,overlay,popup|icons,monochrome,minimal|c"],["Dialog 10","cnippet","Invite Team Members","npx shadcn@latest add @cnippet/v-dialog-10","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-10",4,3,8],10,"dialog","dialog|modal,account,overlay,popup|icons,monochrome,minimal|c"],["Dialog 11","cnippet","Share Document with Link Copy","npx shadcn@latest add @cnippet/v-dialog-11","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-11",4,4,8],7,"dialog","dialog|modal,overlay,popup|icons,monochrome,minimal|c"],["Dialog 12","cnippet","Two-Factor Authentication Setup","npx shadcn@latest add @cnippet/v-dialog-12","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-12",4,5,8],9,"dialog","dialog|modal,overlay,popup|icons,monochrome,minimal|c"],["Dialog 13","cnippet","Subscription Cancellation with Reason","npx shadcn@latest add @cnippet/v-dialog-13","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-13",4,6,8],11,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dialog 14","cnippet","API Key Generation and Reveal","npx shadcn@latest add @cnippet/v-dialog-14","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-14",4,7,8],11,"dialog","dialog|modal,overlay,popup|icons,monochrome,minimal|c"],["Dialog 15","cnippet","Product Feedback Star Rating","npx shadcn@latest add @cnippet/v-dialog-15","https://ui.cnippet.dev/docs/components/dialog",0,"",["v-dialog-15",4,0,9],10,"dialog","dialog|modal,overlay,popup|icons,monochrome,minimal|c"],["Drawer 1","cnippet","Default","npx shadcn@latest add @cnippet/v-drawer-1","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-1",4,1,10],9,"misc","drawer|sheet,notifications,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 2","cnippet","Multiple Positions — Inset","npx shadcn@latest add @cnippet/v-drawer-2","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-2",4,0,11],13,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 3","cnippet","Multiple Positions — Straight","npx shadcn@latest add @cnippet/v-drawer-3","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-3",4,1,11],13,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 4","cnippet","Multi-step Nested Drawers","npx shadcn@latest add @cnippet/v-drawer-4","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-4",4,2,11],10,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 5","cnippet","Navigation Menu","npx shadcn@latest add @cnippet/v-drawer-5","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-5",4,3,11],39,"navbar|b","drawer|sheet,settings,overlay,panel|no icons,monochrome,minimal|c"],["Drawer 6","cnippet","Filter & Sort Panel","npx shadcn@latest add @cnippet/v-drawer-6","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-6",4,4,11],7,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Drawer 7","cnippet","Shopping Cart","npx shadcn@latest add @cnippet/v-drawer-7","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-7",4,5,11],8,"misc","drawer|sheet,e-commerce,pricing,overlay,panel|icons,monochrome,minimal|c"],["Drawer 8","cnippet","Notification Center","npx shadcn@latest add @cnippet/v-drawer-8","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-8",4,6,11],2,"toast","drawer|sheet,tasks,notifications,overlay,panel|icons,monochrome,minimal|c"],["Drawer 9","cnippet","Basic drawer","npx shadcn@latest add @cnippet/v-drawer-9","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-9",4,7,11],30,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Drawer 10","cnippet","Basic drawer","npx shadcn@latest add @cnippet/v-drawer-10","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-10",4,2,10],9,"misc","drawer|sheet,notifications,overlay,panel|icons,monochrome,minimal|c"],["Drawer 11","cnippet","User Preferences & Theme Settings","npx shadcn@latest add @cnippet/v-drawer-11","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-11",4,3,10],3,"misc","drawer|sheet,settings,notifications,overlay,panel|icons,monochrome,minimal|c"],["Drawer 12","cnippet","File Attachments with Upload","npx shadcn@latest add @cnippet/v-drawer-12","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-12",4,4,10],10,"upload","drawer|sheet,upload,overlay,panel|icons,monochrome,minimal|c"],["Drawer 13","cnippet","Activity Log with Status Timeline","npx shadcn@latest add @cnippet/v-drawer-13","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-13",4,5,10],9,"misc","drawer|sheet,tasks,overlay,panel|icons,monochrome,minimal|c"],["Drawer 14","cnippet","Help Center with FAQ Search","npx shadcn@latest add @cnippet/v-drawer-14","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-14",4,6,10],11,"accordion","drawer|sheet,team,login,overlay,panel|icons,monochrome,minimal|c"],["Drawer 15","cnippet","Quick Actions Grid","npx shadcn@latest add @cnippet/v-drawer-15","https://ui.cnippet.dev/docs/components/drawer",0,"",["v-drawer-15",4,7,10],0,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Empty state 1","cnippet","Default","npx shadcn@latest add @cnippet/v-empty-1","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-1",5,0,0],69,"misc","empty state|placeholder,illustration|icons,monochrome|c"],["Empty state 2","cnippet","Search empty state","npx shadcn@latest add @cnippet/v-empty-2","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-2",5,7,0],63,"misc","empty state|placeholder,search,illustration|icons,monochrome|c"],["Empty state 3","cnippet","Empty state with search input","npx shadcn@latest add @cnippet/v-empty-3","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-3",5,0,1],61,"input","empty state|placeholder,illustration|icons,monochrome|c"],["Empty state 4","cnippet","Empty state with add button","npx shadcn@latest add @cnippet/v-empty-4","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-4",5,1,1],58,"button","empty state|placeholder,illustration|icons,monochrome|c"],["Empty state 5","cnippet","Dashed upload empty state","npx shadcn@latest add @cnippet/v-empty-5","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-5",5,2,1],60,"upload","empty state|placeholder,upload,illustration|icons,monochrome|c"],["Empty state 6","cnippet","No automations empty state with toggle illustration","npx shadcn@latest add @cnippet/v-empty-6","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-6",5,3,1],70,"switch","empty state|placeholder,illustration|no icons|c"],["Empty state 7","cnippet","No products empty state with stacked cards and blur effect","npx shadcn@latest add @cnippet/v-empty-7","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-7",5,4,1],58,"card","empty state|placeholder,illustration|no icons,monochrome,minimal|c"],["Empty state 8","cnippet","No payments empty state with credit card illustration","npx shadcn@latest add @cnippet/v-empty-8","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-8",5,5,1],69,"card","empty state|placeholder,illustration|no icons|c"],["Empty state 9","cnippet","No events empty state with calendar illustration","npx shadcn@latest add @cnippet/v-empty-9","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-9",5,6,1],72,"datepicker","empty state|placeholder,illustration|no icons|c"],["Empty state 10","cnippet","All caught up — no new notifications","npx shadcn@latest add @cnippet/v-empty-10","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-10",5,1,0],68,"toast","empty state|placeholder,team,illustration|icons,monochrome|c"],["Empty state 11","cnippet","No team members — invite form empty state","npx shadcn@latest add @cnippet/v-empty-11","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-11",5,2,0],64,"input","empty state|placeholder,settings,notifications,illustration|icons,monochrome|c"],["Empty state 12","cnippet","No matching results — clear filters empty state","npx shadcn@latest add @cnippet/v-empty-12","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-12",5,3,0],64,"misc","empty state|placeholder,team,illustration|icons,monochrome|c"],["Empty state 13","cnippet","Inbox zero — illustration with compose action","npx shadcn@latest add @cnippet/v-empty-13","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-13",5,4,0],64,"misc","empty state|placeholder,illustration|icons,monochrome|c"],["Empty state 14","cnippet","Access restricted — permission request empty state","npx shadcn@latest add @cnippet/v-empty-14","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-14",5,5,0],68,"misc","empty state|placeholder,notifications,illustration|no icons|c"],["Empty state 15","cnippet","Basic empty state","npx shadcn@latest add @cnippet/v-empty-15","https://ui.cnippet.dev/docs/components/empty-state",0,"",["v-empty-15",5,6,0],69,"misc","empty state|placeholder,illustration|icons,monochrome|c"],["Field 1","cnippet","Basic field with label and description","npx shadcn@latest add @cnippet/v-field-1","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-1",5,7,1],47,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 2","cnippet","Required password field","npx shadcn@latest add @cnippet/v-field-2","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-2",5,2,3],48,"input","input|text field,login,form,form control|no icons,monochrome,minimal|c"],["Field 3","cnippet","Disabled field","npx shadcn@latest add @cnippet/v-field-3","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-3",5,6,3],41,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 4","cnippet","Field with validation error","npx shadcn@latest add @cnippet/v-field-4","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-4",5,7,3],12,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 5","cnippet","Field with validity state inspector","npx shadcn@latest add @cnippet/v-field-5","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-5",5,0,4],62,"input","input|text field,form,form control|no icons,monochrome|c"],["Field 6","cnippet","Field wrapping an input group","npx shadcn@latest add @cnippet/v-field-6","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-6",5,1,4],46,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Field 7","cnippet","Field with autocomplete","npx shadcn@latest add @cnippet/v-field-7","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-7",5,2,4],45,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 8","cnippet","Field with single-select combobox","npx shadcn@latest add @cnippet/v-field-8","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-8",5,3,4],46,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Field 9","cnippet","Field with multi-select combobox chips","npx shadcn@latest add @cnippet/v-field-9","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-9",5,4,4],55,"input","input|text field,form,form control|icons,monochrome|c"],["Field 10","cnippet","Field with textarea","npx shadcn@latest add @cnippet/v-field-10","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-10",5,0,2],52,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 11","cnippet","Field with select dropdown","npx shadcn@latest add @cnippet/v-field-11","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-11",5,1,2],44,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Field 12","cnippet","Field with checkbox","npx shadcn@latest add @cnippet/v-field-12","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-12",5,2,2],10,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 13","cnippet","Field with checkbox group","npx shadcn@latest add @cnippet/v-field-13","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-13",5,3,2],46,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Field 14","cnippet","Field with radio group","npx shadcn@latest add @cnippet/v-field-14","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-14",5,4,2],56,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 15","cnippet","Field with slider","npx shadcn@latest add @cnippet/v-field-15","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-15",5,5,2],47,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 16","cnippet","Field with number input","npx shadcn@latest add @cnippet/v-field-16","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-16",5,6,2],51,"input","input|text field,form,form control|icons,monochrome|c"],["Field 17","cnippet","Complete multi-field form","npx shadcn@latest add @cnippet/v-field-17","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-17",5,7,2],86,"input","input|text field,form,form control|icons,monochrome|c"],["Field 18","cnippet","Field with switch toggle","npx shadcn@latest add @cnippet/v-field-18","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-18",5,0,3],45,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 19","cnippet","Field with date input","npx shadcn@latest add @cnippet/v-field-19","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-19",5,1,3],50,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 20","cnippet","Field with OTP verification input","npx shadcn@latest add @cnippet/v-field-20","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-20",5,3,3],50,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Field 21","cnippet","Field with file upload","npx shadcn@latest add @cnippet/v-field-21","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-21",5,4,3],56,"input","input|text field,upload,form,form control|icons,monochrome,minimal|c"],["Field 22","cnippet","Field with password strength indicator","npx shadcn@latest add @cnippet/v-field-22","https://ui.cnippet.dev/docs/components/field",0,"",["v-field-22",5,5,3],50,"input","input|text field,login,form,form control|no icons,monochrome,minimal|c"],["Fieldset 1","cnippet","Billing details fieldset","npx shadcn@latest add @cnippet/v-fieldset-1","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-1",5,5,4],68,"misc","form|inputs,fields|no icons,monochrome|c"],["Fieldset 2","cnippet","Personal information fieldset","npx shadcn@latest add @cnippet/v-fieldset-2","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-2",5,7,4],65,"misc","form|inputs,notifications,fields|no icons,monochrome|c"],["Fieldset 3","cnippet","Shipping address fieldset","npx shadcn@latest add @cnippet/v-fieldset-3","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-3",5,0,5],71,"misc","form|inputs,fields|icons,monochrome|c"],["Fieldset 4","cnippet","Notification preferences fieldset","npx shadcn@latest add @cnippet/v-fieldset-4","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-4",5,1,5],65,"toast","form|inputs,settings,notifications,fields|no icons,monochrome|c"],["Fieldset 5","cnippet","Change password fieldset","npx shadcn@latest add @cnippet/v-fieldset-5","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-5",5,2,5],70,"misc","form|inputs,login,fields|no icons,monochrome|c"],["Fieldset 6","cnippet","Payment information fieldset","npx shadcn@latest add @cnippet/v-fieldset-6","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-6",5,3,5],70,"misc","form|inputs,fields|no icons,monochrome|c"],["Fieldset 7","cnippet","Basic fieldset","npx shadcn@latest add @cnippet/v-fieldset-7","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-7",5,4,5],71,"misc","form|inputs,settings,fields|icons,monochrome|c"],["Fieldset 8","cnippet","Basic fieldset","npx shadcn@latest add @cnippet/v-fieldset-8","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-8",5,5,5],69,"misc","form|inputs,fields|no icons,monochrome|c"],["Fieldset 9","cnippet","Basic fieldset","npx shadcn@latest add @cnippet/v-fieldset-9","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-9",5,6,5],62,"misc","form|inputs,fields|no icons,monochrome|c"],["Fieldset 10","cnippet","Basic fieldset","npx shadcn@latest add @cnippet/v-fieldset-10","https://ui.cnippet.dev/docs/components/fieldset",0,"",["v-fieldset-10",5,6,4],65,"misc","form|inputs,fields|no icons,monochrome,minimal|c"],["Form 1","cnippet","Default","npx shadcn@latest add @cnippet/v-form-1","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-1",5,7,5],74,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Form 2","cnippet","Multi-field form with validation","npx shadcn@latest add @cnippet/v-form-2","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-2",5,4,6],85,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Form 3","cnippet","Sign In","npx shadcn@latest add @cnippet/v-form-3","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-3",5,5,6],78,"input","form|inputs,login,fields|icons,monochrome|c"],["Form 4","cnippet","Profile Settings","npx shadcn@latest add @cnippet/v-form-4","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-4",5,6,6],70,"input","form|inputs,fields|icons,monochrome|c"],["Form 5","cnippet","Contact Form","npx shadcn@latest add @cnippet/v-form-5","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-5",5,7,6],75,"input","form|inputs,fields|icons,monochrome|c"],["Form 6","cnippet","Change Password","npx shadcn@latest add @cnippet/v-form-6","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-6",5,0,7],73,"input","form|inputs,login,fields|no icons,monochrome|c"],["Form 7","cnippet","Newsletter Signup","npx shadcn@latest add @cnippet/v-form-7","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-7",5,1,7],77,"input","form|inputs,fields|icons,monochrome|c"],["Form 8","cnippet","3-Step Onboarding Wizard","npx shadcn@latest add @cnippet/v-form-8","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-8",5,2,7],87,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Form 9","cnippet","Sign Up / Register","npx shadcn@latest add @cnippet/v-form-9","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-9",5,3,7],78,"input","form|inputs,login,fields|no icons,monochrome|c"],["Form 10","cnippet","Feedback form with rating","npx shadcn@latest add @cnippet/v-form-10","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-10",5,0,6],87,"input","form|inputs,fields|icons,monochrome|c"],["Form 11","cnippet","Forgot password — reset email","npx shadcn@latest add @cnippet/v-form-11","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-11",5,1,6],76,"input","form|inputs,login,fields|no icons,monochrome|c"],["Form 12","cnippet","Delete account — danger zone confirmation","npx shadcn@latest add @cnippet/v-form-12","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-12",5,2,6],96,"input","form|inputs,settings,fields|icons,monochrome|c"],["Form 13","cnippet","Invite team member","npx shadcn@latest add @cnippet/v-form-13","https://ui.cnippet.dev/docs/components/form",0,"",["v-form-13",5,3,6],79,"input","form|inputs,fields|icons,monochrome|c"],["Frame 1","cnippet","Default","npx shadcn@latest add @cnippet/v-frame-1","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-1",5,4,7],57,"misc","image|media,mockup|no icons,monochrome|c"],["Frame 2","cnippet","Separated panels","npx shadcn@latest add @cnippet/v-frame-2","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-2",5,6,7],63,"misc","image|media,mockup|no icons,monochrome|c"],["Frame 3","cnippet","With collapsible panel","npx shadcn@latest add @cnippet/v-frame-3","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-3",5,7,7],47,"accordion","image|media,upload,mockup|icons,monochrome|c"],["Frame 4","cnippet","Dense layout","npx shadcn@latest add @cnippet/v-frame-4","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-4",5,0,8],66,"misc","image|media,mockup|no icons,monochrome|c"],["Frame 5","cnippet","With action button in header","npx shadcn@latest add @cnippet/v-frame-5","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-5",5,1,8],83,"navbar|b","image|media,settings,mockup|icons,monochrome|c"],["Frame 6","cnippet","Stats metrics display","npx shadcn@latest add @cnippet/v-frame-6","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-6",5,2,8],71,"chart","image|media,analytics,pricing,mockup|no icons,monochrome|c"],["Frame 7","cnippet","With badge status indicator","npx shadcn@latest add @cnippet/v-frame-7","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-7",5,3,8],77,"misc","image|media,mockup|no icons,monochrome|c"],["Frame 8","cnippet","Read-only key-value info","npx shadcn@latest add @cnippet/v-frame-8","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-8",5,4,8],67,"misc","image|media,mockup|no icons,monochrome|c"],["Frame 9","cnippet","With footer CTA buttons","npx shadcn@latest add @cnippet/v-frame-9","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-9",5,5,8],77,"button","image|media,mockup|no icons,monochrome|c"],["Frame 10","cnippet","Basic frame","npx shadcn@latest add @cnippet/v-frame-10","https://ui.cnippet.dev/docs/components/frame",0,"",["v-frame-10",5,5,7],92,"misc","image|media,mockup|no icons,monochrome|c"],["Group 1","cnippet","Default","npx shadcn@latest add @cnippet/v-group-1","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-1",5,6,8],11,"misc","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Group 2","cnippet","With Input","npx shadcn@latest add @cnippet/v-group-2","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-2",5,0,10],44,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Group 3","cnippet","Small Size","npx shadcn@latest add @cnippet/v-group-3","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-3",5,1,10],11,"misc","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Group 4","cnippet","Large Size","npx shadcn@latest add @cnippet/v-group-4","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-4",5,2,10],9,"misc","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Group 5","cnippet","With Disabled Button","npx shadcn@latest add @cnippet/v-group-5","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-5",5,3,10],24,"button","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Group 6","cnippet","With Default Buttons","npx shadcn@latest add @cnippet/v-group-6","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-6",5,4,10],44,"button","input|text field,form,form control|no icons,monochrome,minimal|c"],["Group 7","cnippet","With Start Labeled Text","npx shadcn@latest add @cnippet/v-group-7","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-7",5,5,10],40,"text","input|text field,form,form control|no icons,monochrome,minimal|c"],["Group 8","cnippet","With End Text","npx shadcn@latest add @cnippet/v-group-8","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-8",5,6,10],3,"text","text effect|text animation,typography,animated text|icons,monochrome|c"],["Group 9","cnippet","Vertical","npx shadcn@latest add @cnippet/v-group-9","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-9",5,7,10],41,"misc","card|container,surface|icons,monochrome|c"],["Group 10","cnippet","Nested Groups","npx shadcn@latest add @cnippet/v-group-10","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-10",5,7,8],8,"misc","dialog|modal,overlay,popup|icons,monochrome|c"],["Group 11","cnippet","With Popup","npx shadcn@latest add @cnippet/v-group-11","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-11",5,0,9],40,"dialog","input|text field,form,form control|icons,monochrome|c"],["Group 12","cnippet","With Input Group","npx shadcn@latest add @cnippet/v-group-12","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-12",5,1,9],17,"input","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Group 13","cnippet","With Menu","npx shadcn@latest add @cnippet/v-group-13","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-13",5,2,9],41,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Group 14","cnippet","With Select","npx shadcn@latest add @cnippet/v-group-14","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-14",5,3,9],6,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Group 15","cnippet","Text formatting toolbar","npx shadcn@latest add @cnippet/v-group-15","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-15",5,4,9],46,"text","menubar|toolbar,menu|icons,monochrome|c"],["Group 16","cnippet","Thumbs up / down vote buttons","npx shadcn@latest add @cnippet/v-group-16","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-16",5,5,9],5,"button","button|cta,click,action|icons,monochrome|c"],["Group 17","cnippet","Media player controls","npx shadcn@latest add @cnippet/v-group-17","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-17",5,6,9],39,"media","input|text field,form,form control|no icons,monochrome,minimal|c"],["Group 18","cnippet","Price range input with apply button","npx shadcn@latest add @cnippet/v-group-18","https://ui.cnippet.dev/docs/components/group",0,"",["v-group-18",5,7,9],40,"button","select|dropdown,options,form|icons,monochrome|c"],["Input 1","cnippet","Default","npx shadcn@latest add @cnippet/v-input-1","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-1",5,0,11],0,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 2","cnippet","With Label","npx shadcn@latest add @cnippet/v-input-2","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-2",6,3,0],14,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 3","cnippet","With Description","npx shadcn@latest add @cnippet/v-input-3","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-3",6,2,1],50,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 4","cnippet","With Error Message","npx shadcn@latest add @cnippet/v-input-4","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-4",6,3,1],12,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 5","cnippet","With Character Counter","npx shadcn@latest add @cnippet/v-input-5","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-5",6,4,1],46,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 6","cnippet","With Password Type","npx shadcn@latest add @cnippet/v-input-6","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-6",6,5,1],45,"input","input|text field,login,form,form control|no icons,monochrome,minimal|c"],["Input 7","cnippet","With Phone Type","npx shadcn@latest add @cnippet/v-input-7","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-7",6,6,1],12,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 8","cnippet","With URL Type","npx shadcn@latest add @cnippet/v-input-8","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-8",6,7,1],11,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 9","cnippet","With Number Type","npx shadcn@latest add @cnippet/v-input-9","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-9",6,0,2],44,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 10","cnippet","With Date Type","npx shadcn@latest add @cnippet/v-input-10","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-10",5,1,11],44,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 11","cnippet","With File Type","npx shadcn@latest add @cnippet/v-input-11","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-11",5,2,11],49,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 12","cnippet","With Required Indicator","npx shadcn@latest add @cnippet/v-input-12","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-12",5,3,11],48,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 13","cnippet","With Time Type","npx shadcn@latest add @cnippet/v-input-13","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-13",5,4,11],40,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 14","cnippet","With Multiple Fields","npx shadcn@latest add @cnippet/v-input-14","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-14",5,5,11],69,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 15","cnippet","Input label with tooltip","npx shadcn@latest add @cnippet/v-input-15","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-15",5,6,11],49,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 16","cnippet","With Badge","npx shadcn@latest add @cnippet/v-input-16","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-16",5,7,11],55,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 17","cnippet","With Optional Badge","npx shadcn@latest add @cnippet/v-input-17","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-17",6,0,0],56,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 18","cnippet","With Link and Visibility Toggle","npx shadcn@latest add @cnippet/v-input-18","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-18",6,1,0],49,"input","input|text field,login,form,form control|icons,monochrome,minimal|c"],["Input 19","cnippet","With multiple error messages","npx shadcn@latest add @cnippet/v-input-19","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-19",6,2,0],51,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 20","cnippet","Password strength with dynamic hint and icons","npx shadcn@latest add @cnippet/v-input-20","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-20",6,4,0],56,"input","input|text field,login,form,form control|icons,monochrome,minimal|c"],["Input 21","cnippet","Disabled input with masked value","npx shadcn@latest add @cnippet/v-input-21","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-21",6,5,0],55,"input","input|text field,settings,form,form control|no icons,monochrome,minimal|c"],["Input 22","cnippet","Readonly with copy-to-clipboard button","npx shadcn@latest add @cnippet/v-input-22","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-22",6,6,0],55,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input 23","cnippet","Input with inline start icon","npx shadcn@latest add @cnippet/v-input-23","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-23",6,7,0],45,"input","input|text field,search,form,form control|icons,monochrome,minimal|c"],["Input 24","cnippet","Color picker input","npx shadcn@latest add @cnippet/v-input-24","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-24",6,0,1],81,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input 25","cnippet","Input with inline clear button","npx shadcn@latest add @cnippet/v-input-25","https://ui.cnippet.dev/docs/components/input",0,"",["v-input-25",6,1,1],47,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 1","cnippet","Default","npx shadcn@latest add @cnippet/v-input-group-1","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-1",6,1,2],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 2","cnippet","With End Icon","npx shadcn@latest add @cnippet/v-input-group-2","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-2",6,4,3],33,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 3","cnippet","With Start Text","npx shadcn@latest add @cnippet/v-input-group-3","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-3",6,7,3],1,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 4","cnippet","With End Text","npx shadcn@latest add @cnippet/v-input-group-4","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-4",6,0,4],34,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 5","cnippet","With Start and End Text","npx shadcn@latest add @cnippet/v-input-group-5","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-5",6,1,4],1,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 6","cnippet","With Tooltip","npx shadcn@latest add @cnippet/v-input-group-6","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-6",6,2,4],1,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 7","cnippet","With Icon Button","npx shadcn@latest add @cnippet/v-input-group-7","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-7",6,3,4],38,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 8","cnippet","With Button","npx shadcn@latest add @cnippet/v-input-group-8","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-8",6,4,4],4,"input","input|text field,search,form,form control|no icons,monochrome,minimal|c"],["Input group 9","cnippet","With Badge","npx shadcn@latest add @cnippet/v-input-group-9","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-9",6,5,4],11,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 10","cnippet","With Keyboard Shortcut","npx shadcn@latest add @cnippet/v-input-group-10","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-10",6,2,2],32,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 11","cnippet","With Inner Label","npx shadcn@latest add @cnippet/v-input-group-11","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-11",6,3,2],39,"input","input|text field,notifications,form,form control|icons,monochrome,minimal|c"],["Input group 12","cnippet","Sizes","npx shadcn@latest add @cnippet/v-input-group-12","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-12",6,4,2],1,"input","input|text field,form,form control|icons,monochrome|c"],["Input group 13","cnippet","Disabled","npx shadcn@latest add @cnippet/v-input-group-13","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-13",6,5,2],0,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 14","cnippet","Loading","npx shadcn@latest add @cnippet/v-input-group-14","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-14",6,6,2],0,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 15","cnippet","With Number Field","npx shadcn@latest add @cnippet/v-input-group-15","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-15",6,7,2],34,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Input group 16","cnippet","With Textarea","npx shadcn@latest add @cnippet/v-input-group-16","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-16",6,0,3],52,"input","input|text field,form,form control|icons,monochrome|c"],["Input group 17","cnippet","With currency select prefix","npx shadcn@latest add @cnippet/v-input-group-17","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-17",6,1,3],36,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 18","cnippet","Newsletter subscribe with arrow button","npx shadcn@latest add @cnippet/v-input-group-18","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-18",6,2,3],56,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 19","cnippet","With inline clear button","npx shadcn@latest add @cnippet/v-input-group-19","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-19",6,3,3],5,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 20","cnippet","Chat input with async send","npx shadcn@latest add @cnippet/v-input-group-20","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-20",6,5,3],8,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Input group 21","cnippet","Textarea with character countdown","npx shadcn@latest add @cnippet/v-input-group-21","https://ui.cnippet.dev/docs/components/input-group",0,"",["v-input-group-21",6,6,3],52,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Kbd 1","cnippet","Default","npx shadcn@latest add @cnippet/v-kbd-1","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-1",6,6,4],49,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Kbd 2","cnippet","Input group","npx shadcn@latest add @cnippet/v-kbd-2","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-2",6,1,5],32,"input","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Kbd 3","cnippet","Keys grouped together","npx shadcn@latest add @cnippet/v-kbd-3","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-3",6,2,5],0,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Kbd 4","cnippet","With icons","npx shadcn@latest add @cnippet/v-kbd-4","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-4",6,3,5],34,"misc","keyboard key|shortcut,keyboard|icons,monochrome|c"],["Kbd 5","cnippet","In a tooltip","npx shadcn@latest add @cnippet/v-kbd-5","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-5",6,4,5],2,"misc","keyboard key|shortcut,keyboard|icons,monochrome,minimal|c"],["Kbd 6","cnippet","Reference list","npx shadcn@latest add @cnippet/v-kbd-6","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-6",6,5,5],54,"misc","keyboard key|shortcut,search,keyboard|no icons,monochrome,minimal|c"],["Kbd 7","cnippet","Keyboard shortcut in button","npx shadcn@latest add @cnippet/v-kbd-7","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-7",6,6,5],44,"button","keyboard key|shortcut,keyboard|icons,monochrome|c"],["Kbd 8","cnippet","Arrow key navigation display","npx shadcn@latest add @cnippet/v-kbd-8","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-8",6,7,5],70,"navbar|b","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Kbd 9","cnippet","Cross-platform Mac vs Win shortcut table","npx shadcn@latest add @cnippet/v-kbd-9","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-9",6,0,6],63,"table","keyboard key|shortcut,keyboard|icons,monochrome|c"],["Kbd 10","cnippet","Shortcuts in menu items","npx shadcn@latest add @cnippet/v-kbd-10","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-10",6,7,4],10,"dropdown","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Kbd 11","cnippet","Command palette result rows with navigation hints","npx shadcn@latest add @cnippet/v-kbd-11","https://ui.cnippet.dev/docs/components/kbd",0,"",["v-kbd-11",6,0,5],83,"navbar|b","keyboard key|shortcut,settings,keyboard|icons,monochrome|c"],["Label 1","cnippet","Default","npx shadcn@latest add @cnippet/v-label-1","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-1",6,1,6],12,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 2","cnippet","With checkbox","npx shadcn@latest add @cnippet/v-label-2","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-2",6,0,7],10,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 3","cnippet","With textarea field","npx shadcn@latest add @cnippet/v-label-3","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-3",6,1,7],53,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 4","cnippet","With required indicator","npx shadcn@latest add @cnippet/v-label-4","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-4",6,2,7],52,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 5","cnippet","With optional indicator","npx shadcn@latest add @cnippet/v-label-5","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-5",6,3,7],50,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 6","cnippet","With tooltip info icon","npx shadcn@latest add @cnippet/v-label-6","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-6",6,4,7],46,"misc","input|text field,form,form control|icons,monochrome,minimal|c"],["Label 7","cnippet","With badge indicator","npx shadcn@latest add @cnippet/v-label-7","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-7",6,5,7],60,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 8","cnippet","With character counter","npx shadcn@latest add @cnippet/v-label-8","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-8",6,6,7],51,"text","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 9","cnippet","With helper description text","npx shadcn@latest add @cnippet/v-label-9","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-9",6,7,7],50,"text","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 10","cnippet","With status indicator dot","npx shadcn@latest add @cnippet/v-label-10","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-10",6,2,6],52,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 11","cnippet","With keyboard shortcut","npx shadcn@latest add @cnippet/v-label-11","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-11",6,3,6],48,"misc","input|text field,search,form,form control|no icons,monochrome,minimal|c"],["Label 12","cnippet","With inline link","npx shadcn@latest add @cnippet/v-label-12","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-12",6,4,6],47,"misc","input|text field,login,form,form control|no icons,monochrome,minimal|c"],["Label 13","cnippet","With icon prefix","npx shadcn@latest add @cnippet/v-label-13","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-13",6,5,6],49,"misc","input|text field,form,form control|icons,monochrome,minimal|c"],["Label 14","cnippet","Horizontal layout","npx shadcn@latest add @cnippet/v-label-14","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-14",6,6,6],64,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label 15","cnippet","With error state","npx shadcn@latest add @cnippet/v-label-15","https://ui.cnippet.dev/docs/components/label",0,"",["v-label-15",6,7,6],67,"misc","input|text field,form,form control|no icons,monochrome,minimal|c"],["Menu 1","cnippet","Default","npx shadcn@latest add @cnippet/v-menu-1","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-1",6,0,8],9,"dropdown","dropdown menu|menu,media,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 2","cnippet","Open on Hover","npx shadcn@latest add @cnippet/v-menu-2","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-2",6,7,8],8,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 3","cnippet","With Checkbox","npx shadcn@latest add @cnippet/v-menu-3","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-3",6,0,9],9,"dropdown","dropdown menu|menu,notifications,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 4","cnippet","With Switch","npx shadcn@latest add @cnippet/v-menu-4","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-4",6,1,9],9,"dropdown","dropdown menu|menu,notifications,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 5","cnippet","With Radio Group","npx shadcn@latest add @cnippet/v-menu-5","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-5",6,2,9],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 6","cnippet","With Link","npx shadcn@latest add @cnippet/v-menu-6","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-6",6,3,9],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 7","cnippet","With Group Label","npx shadcn@latest add @cnippet/v-menu-7","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-7",6,4,9],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 8","cnippet","Nested Menu","npx shadcn@latest add @cnippet/v-menu-8","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-8",6,5,9],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 9","cnippet","Close on Click","npx shadcn@latest add @cnippet/v-menu-9","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-9",6,6,9],9,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 10","cnippet","Open a Dialog","npx shadcn@latest add @cnippet/v-menu-10","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-10",6,1,8],43,"dropdown","dropdown menu|menu,settings,notifications,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 11","cnippet","Account menu","npx shadcn@latest add @cnippet/v-menu-11","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-11",6,2,8],6,"dropdown","dropdown menu|menu,settings,account,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 12","cnippet","File actions","npx shadcn@latest add @cnippet/v-menu-12","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-12",6,3,8],40,"dropdown","dropdown menu|menu,dropdown,actions|no icons,monochrome,minimal|c"],["Menu 13","cnippet","Icon button trigger","npx shadcn@latest add @cnippet/v-menu-13","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-13",6,4,8],0,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Menu 14","cnippet","Notification settings","npx shadcn@latest add @cnippet/v-menu-14","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-14",6,5,8],2,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Menu 15","cnippet","Share with export sub-menu","npx shadcn@latest add @cnippet/v-menu-15","https://ui.cnippet.dev/docs/components/menu",0,"",["v-menu-15",6,6,8],7,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Meter 1","cnippet","Default","npx shadcn@latest add @cnippet/v-meter-1","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-1",6,7,9],48,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 2","cnippet","With Label","npx shadcn@latest add @cnippet/v-meter-2","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-2",6,6,10],47,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 3","cnippet","With Formatted Value","npx shadcn@latest add @cnippet/v-meter-3","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-3",6,7,10],47,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 4","cnippet","With Range","npx shadcn@latest add @cnippet/v-meter-4","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-4",6,0,11],48,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 5","cnippet","Stacked resource meters","npx shadcn@latest add @cnippet/v-meter-5","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-5",6,1,11],58,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 6","cnippet","Color-coded by severity","npx shadcn@latest add @cnippet/v-meter-6","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-6",6,2,11],79,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 7","cnippet","Storage breakdown with icons","npx shadcn@latest add @cnippet/v-meter-7","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-7",6,3,11],58,"misc","progress bar|progress,login,meter,loading|no icons,monochrome,minimal|c"],["Meter 8","cnippet","Upload progress card","npx shadcn@latest add @cnippet/v-meter-8","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-8",6,4,11],77,"loader","progress bar|progress,meter,loading|no icons,monochrome|c"],["Meter 9","cnippet","Profile strength checklist","npx shadcn@latest add @cnippet/v-meter-9","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-9",6,5,11],100,"misc","progress bar|progress,pricing,meter,loading|no icons,monochrome|c"],["Meter 10","cnippet","Basic meter","npx shadcn@latest add @cnippet/v-meter-10","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-10",6,0,10],78,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 11","cnippet","Basic meter","npx shadcn@latest add @cnippet/v-meter-11","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-11",6,1,10],81,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 12","cnippet","Basic meter","npx shadcn@latest add @cnippet/v-meter-12","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-12",6,2,10],97,"misc","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Meter 13","cnippet","Basic meter","npx shadcn@latest add @cnippet/v-meter-13","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-13",6,3,10],82,"misc","progress bar|progress,meter,loading|icons,monochrome|c"],["Meter 14","cnippet","Basic meter","npx shadcn@latest add @cnippet/v-meter-14","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-14",6,4,10],57,"misc","progress bar|progress,upload,meter,loading|icons,monochrome,minimal|c"],["Meter 15","cnippet","Basic meter","npx shadcn@latest add @cnippet/v-meter-15","https://ui.cnippet.dev/docs/components/meter",0,"",["v-meter-15",6,5,10],76,"misc","progress bar|progress,meter,loading|no icons,monochrome|c"],["Number field 1","cnippet","Default","npx shadcn@latest add @cnippet/v-number-field-1","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-1",6,6,11],0,"input","number input|input,stepper|icons,monochrome|c"],["Number field 2","cnippet","Sizes","npx shadcn@latest add @cnippet/v-number-field-2","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-2",7,5,0],34,"input","number input|input,stepper|icons,monochrome|c"],["Number field 3","cnippet","Disabled","npx shadcn@latest add @cnippet/v-number-field-3","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-3",7,6,0],0,"input","number input|input,stepper|icons,monochrome|c"],["Number field 4","cnippet","With External Label","npx shadcn@latest add @cnippet/v-number-field-4","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-4",7,7,0],47,"input","number input|input,stepper|icons,monochrome|c"],["Number field 5","cnippet","With Scrub","npx shadcn@latest add @cnippet/v-number-field-5","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-5",7,0,1],40,"input","number input|input,stepper|icons,monochrome|c"],["Number field 6","cnippet","With Range","npx shadcn@latest add @cnippet/v-number-field-6","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-6",7,1,1],0,"input","number input|input,stepper|icons,monochrome|c"],["Number field 7","cnippet","With Formatted Value","npx shadcn@latest add @cnippet/v-number-field-7","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-7",7,2,1],4,"input","number input|input,stepper|icons,monochrome|c"],["Number field 8","cnippet","With Step","npx shadcn@latest add @cnippet/v-number-field-8","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-8",7,3,1],62,"input","number input|input,stepper|icons,monochrome|c"],["Number field 9","cnippet","Form Integration","npx shadcn@latest add @cnippet/v-number-field-9","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-9",7,4,1],72,"input","number input|input,stepper|icons,monochrome|c"],["Number field 10","cnippet","Percentage with scrub","npx shadcn@latest add @cnippet/v-number-field-10","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-10",6,7,11],66,"input","number input|input,stepper|icons,monochrome|c"],["Number field 11","cnippet","Shopping cart quantity row","npx shadcn@latest add @cnippet/v-number-field-11","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-11",7,0,0],40,"input","number input|input,stepper|icons,monochrome|c"],["Number field 12","cnippet","Typography settings","npx shadcn@latest add @cnippet/v-number-field-12","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-12",7,1,0],37,"input","number input|input,pricing,stepper|icons,monochrome|c"],["Number field 13","cnippet","Min/max budget range","npx shadcn@latest add @cnippet/v-number-field-13","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-13",7,2,0],66,"input","number input|input,stepper|icons,monochrome|c"],["Number field 14","cnippet","Controlled with reset","npx shadcn@latest add @cnippet/v-number-field-14","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-14",7,3,0],42,"input","number input|input,stepper|icons,monochrome|c"],["Number field 15","cnippet","Basic number field","npx shadcn@latest add @cnippet/v-number-field-15","https://ui.cnippet.dev/docs/components/number-field",0,"",["v-number-field-15",7,4,0],48,"input","number input|input,stepper|icons,monochrome|c"],["Input otp 1","cnippet","Default","npx shadcn@latest add @cnippet/v-otp-field-1","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-1",7,5,1],0,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 2","cnippet","Large","npx shadcn@latest add @cnippet/v-otp-field-2","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-2",7,4,2],0,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 3","cnippet","With Separator","npx shadcn@latest add @cnippet/v-otp-field-3","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-3",7,5,2],0,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 4","cnippet","With Label","npx shadcn@latest add @cnippet/v-otp-field-4","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-4",7,6,2],49,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 5","cnippet","Custom sanitization","npx shadcn@latest add @cnippet/v-otp-field-5","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-5",7,7,2],46,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 6","cnippet","Auto Validation","npx shadcn@latest add @cnippet/v-otp-field-6","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-6",7,0,3],49,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 7","cnippet","Alphanumeric","npx shadcn@latest add @cnippet/v-otp-field-7","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-7",7,1,3],55,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 8","cnippet","Placeholder hints","npx shadcn@latest add @cnippet/v-otp-field-8","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-8",7,2,3],55,"input","otp input|input,verification,code|no icons,monochrome|c"],["Input otp 9","cnippet","Masked entry","npx shadcn@latest add @cnippet/v-otp-field-9","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-9",7,3,3],51,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 10","cnippet","Email verification card","npx shadcn@latest add @cnippet/v-otp-field-10","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-10",7,6,1],51,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 11","cnippet","2FA authenticator app","npx shadcn@latest add @cnippet/v-otp-field-11","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-11",7,7,1],63,"input","otp input|input,account,verification,code|icons,monochrome|c"],["Input otp 12","cnippet","8-char invite code with separator","npx shadcn@latest add @cnippet/v-otp-field-12","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-12",7,0,2],81,"input","otp input|input,verification,code|icons,monochrome|c"],["Input otp 13","cnippet","Success state on completion","npx shadcn@latest add @cnippet/v-otp-field-13","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-13",7,1,2],54,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 14","cnippet","Resend countdown timer","npx shadcn@latest add @cnippet/v-otp-field-14","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-14",7,2,2],50,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Input otp 15","cnippet","Basic input otp","npx shadcn@latest add @cnippet/v-otp-field-15","https://ui.cnippet.dev/docs/components/input-otp",0,"",["v-otp-field-15",7,3,2],49,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Pagination 1","cnippet","Default","npx shadcn@latest add @cnippet/v-pagination-1","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-1",7,4,3],12,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 2","cnippet","Without Labels","npx shadcn@latest add @cnippet/v-pagination-2","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-2",7,7,4],38,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 3","cnippet","With Hover Effect","npx shadcn@latest add @cnippet/v-pagination-3","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-3",7,1,5],43,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 4","cnippet","With Circle Buttons","npx shadcn@latest add @cnippet/v-pagination-4","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-4",7,2,5],43,"button","pagination|pages,navigation|icons,monochrome|c"],["Pagination 5","cnippet","With Go-To-Page Input","npx shadcn@latest add @cnippet/v-pagination-5","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-5",7,3,5],42,"input","pagination|pages,navigation|icons,monochrome|c"],["Pagination 6","cnippet","Numbered Pagination In Card","npx shadcn@latest add @cnippet/v-pagination-6","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-6",7,4,5],48,"card","pagination|pages,navigation|icons,monochrome|c"],["Pagination 7","cnippet","With Arrows Buttons","npx shadcn@latest add @cnippet/v-pagination-7","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-7",7,5,5],39,"button","pagination|pages,navigation|icons,monochrome|c"],["Pagination 8","cnippet","With Page Info On Center","npx shadcn@latest add @cnippet/v-pagination-8","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-8",7,6,5],3,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 9","cnippet","With Page Info On Left","npx shadcn@latest add @cnippet/v-pagination-9","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-9",7,7,5],41,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 10","cnippet","With Outline Style Buttons","npx shadcn@latest add @cnippet/v-pagination-10","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-10",7,5,3],8,"button","pagination|pages,navigation|icons,monochrome|c"],["Pagination 11","cnippet","With Page Select Dropdown And First/Last Navigation","npx shadcn@latest add @cnippet/v-pagination-11","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-11",7,6,3],68,"navbar|b","pagination|pages,navigation|icons,monochrome|c"],["Pagination 12","cnippet","Numbered Pagination With Go-To-Page Input","npx shadcn@latest add @cnippet/v-pagination-12","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-12",7,7,3],6,"input","pagination|pages,navigation|icons,monochrome|c"],["Pagination 13","cnippet","With Page Info, Numbered Pages, Ellipsis, and Per-Page Select","npx shadcn@latest add @cnippet/v-pagination-13","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-13",7,0,4],34,"dropdown","pagination|pages,navigation|icons,monochrome|c"],["Pagination 14","cnippet","Mini pill","npx shadcn@latest add @cnippet/v-pagination-14","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-14",7,1,4],39,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 15","cnippet","Older/newer cursor navigation","npx shadcn@latest add @cnippet/v-pagination-15","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-15",7,2,4],66,"navbar|b","pagination|pages,navigation|icons,monochrome|c"],["Pagination 16","cnippet","Controlled with smart ellipsis","npx shadcn@latest add @cnippet/v-pagination-16","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-16",7,3,4],3,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 17","cnippet","Results summary with compact nav","npx shadcn@latest add @cnippet/v-pagination-17","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-17",7,4,4],71,"navbar|b","pagination|pages,navigation|icons,monochrome|c"],["Pagination 18","cnippet","Loading/disabled state","npx shadcn@latest add @cnippet/v-pagination-18","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-18",7,5,4],43,"loader","pagination|pages,navigation|icons,monochrome|c"],["Pagination 19","cnippet","Basic pagination","npx shadcn@latest add @cnippet/v-pagination-19","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-19",7,6,4],36,"misc","pagination|pages,navigation|icons,monochrome|c"],["Pagination 20","cnippet","Basic pagination","npx shadcn@latest add @cnippet/v-pagination-20","https://ui.cnippet.dev/docs/components/pagination",0,"",["v-pagination-20",7,0,5],34,"misc","pagination|pages,navigation|icons,monochrome|c"],["Popover 1","cnippet","Default","npx shadcn@latest add @cnippet/v-popover-1","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-1",7,0,6],10,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Popover 2","cnippet","With Close Button","npx shadcn@latest add @cnippet/v-popover-2","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-2",7,3,7],10,"button","popover|overlay,notifications,popup,menu|no icons,monochrome,minimal|c"],["Popover 3","cnippet","Tooltip Style","npx shadcn@latest add @cnippet/v-popover-3","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-3",7,5,7],1,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 4","cnippet","Animated Popovers","npx shadcn@latest add @cnippet/v-popover-4","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-4",7,6,7],3,"misc","popover|overlay,notifications,popup,menu|icons,monochrome|c"],["Popover 5","cnippet","Shared Popover with Multiple Triggers","npx shadcn@latest add @cnippet/v-popover-5","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-5",7,7,7],57,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Popover 6","cnippet","Placement","npx shadcn@latest add @cnippet/v-popover-6","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-6",7,0,8],14,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Popover 7","cnippet","User Profile Card","npx shadcn@latest add @cnippet/v-popover-7","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-7",7,1,8],42,"card","popover|overlay,calendar,popup,menu|no icons,monochrome,minimal|c"],["Popover 8","cnippet","Timestamp Detail","npx shadcn@latest add @cnippet/v-popover-8","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-8",7,2,8],3,"misc","popover|overlay,settings,notifications,popup,menu|icons,monochrome,minimal|c"],["Popover 9","cnippet","Quick Settings","npx shadcn@latest add @cnippet/v-popover-9","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-9",7,3,8],9,"misc","popover|overlay,team,settings,popup,menu|icons,monochrome,minimal|c"],["Popover 10","cnippet","Feature Tour","npx shadcn@latest add @cnippet/v-popover-10","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-10",7,1,6],70,"section|b","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 11","cnippet","Share Link","npx shadcn@latest add @cnippet/v-popover-11","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-11",7,2,6],24,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Popover 12","cnippet","Accent Color Picker","npx shadcn@latest add @cnippet/v-popover-12","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-12",7,3,6],8,"input","popover|overlay,settings,popup,menu|icons,monochrome,minimal|c"],["Popover 13","cnippet","Keyboard Shortcuts","npx shadcn@latest add @cnippet/v-popover-13","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-13",7,4,6],10,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 14","cnippet","Filter Panel","npx shadcn@latest add @cnippet/v-popover-14","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-14",7,5,6],9,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 15","cnippet","Set a Reminder","npx shadcn@latest add @cnippet/v-popover-15","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-15",7,6,6],16,"misc","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Popover 16","cnippet","System Status","npx shadcn@latest add @cnippet/v-popover-16","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-16",7,7,6],2,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 17","cnippet","Emoji picker","npx shadcn@latest add @cnippet/v-popover-17","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-17",7,0,7],9,"misc","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Popover 18","cnippet","Confirmation / delete","npx shadcn@latest add @cnippet/v-popover-18","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-18",7,1,7],7,"misc","popover|overlay,popup,menu|icons,monochrome|c"],["Popover 19","cnippet","Inline tag editor","npx shadcn@latest add @cnippet/v-popover-19","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-19",7,2,7],19,"misc","popover|overlay,notifications,popup,menu|icons,monochrome,minimal|c"],["Popover 20","cnippet","Notification panel","npx shadcn@latest add @cnippet/v-popover-20","https://ui.cnippet.dev/docs/components/popover",0,"",["v-popover-20",7,4,7],41,"toast","popover|overlay,popup,menu|icons,monochrome,minimal|c"],["Preview card 1","cnippet","Default","npx shadcn@latest add @cnippet/v-preview-card-1","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-1",7,4,8],7,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 2","cnippet","User mention profile card","npx shadcn@latest add @cnippet/v-preview-card-2","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-2",7,3,9],45,"card","hover card|popover,hover,card|icons,monochrome,minimal|c"],["Preview card 3","cnippet","Article / blog post preview","npx shadcn@latest add @cnippet/v-preview-card-3","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-3",7,4,9],43,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 4","cnippet","Product card","npx shadcn@latest add @cnippet/v-preview-card-4","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-4",7,5,9],46,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 5","cnippet","GitHub-style issue preview","npx shadcn@latest add @cnippet/v-preview-card-5","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-5",7,6,9],44,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 6","cnippet","NPM package preview","npx shadcn@latest add @cnippet/v-preview-card-6","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-6",7,7,9],41,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 7","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-7","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-7",7,0,10],46,"card","hover card|popover,hover,card|icons,monochrome,minimal|c"],["Preview card 8","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-8","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-8",7,1,10],37,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 9","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-9","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-9",7,2,10],48,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 10","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-10","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-10",7,5,8],53,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 11","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-11","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-11",7,6,8],44,"card","hover card|popover,hover,card|icons,monochrome,minimal|c"],["Preview card 12","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-12","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-12",7,7,8],48,"card","hover card|popover,hover,card|icons,monochrome,minimal|c"],["Preview card 13","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-13","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-13",7,0,9],48,"card","hover card|popover,hover,card|icons,monochrome|c"],["Preview card 14","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-14","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-14",7,1,9],43,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Preview card 15","cnippet","Basic preview card","npx shadcn@latest add @cnippet/v-preview-card-15","https://ui.cnippet.dev/docs/components/preview-card",0,"",["v-preview-card-15",7,2,9],43,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Progress 1","cnippet","Default","npx shadcn@latest add @cnippet/v-progress-1","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-1",7,3,10],46,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress 2","cnippet","With Formatted Value","npx shadcn@latest add @cnippet/v-progress-2","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-2",7,2,11],47,"loader","progress bar|progress,upload,meter,loading|no icons,monochrome,minimal|c"],["Progress 3","cnippet","With status messages","npx shadcn@latest add @cnippet/v-progress-3","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-3",7,3,11],59,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress 4","cnippet","With slider","npx shadcn@latest add @cnippet/v-progress-4","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-4",7,4,11],51,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress 5","cnippet","Multi-step progress indicator","npx shadcn@latest add @cnippet/v-progress-5","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-5",7,5,11],75,"loader","progress bar|progress,settings,meter,loading|icons,monochrome|c"],["Progress 6","cnippet","With custom colors","npx shadcn@latest add @cnippet/v-progress-6","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-6",7,6,11],100,"loader","progress bar|progress,meter,loading|no icons,animated,monochrome,minimal|c"],["Progress 7","cnippet","Skills Meter","npx shadcn@latest add @cnippet/v-progress-7","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-7",7,7,11],76,"loader","progress bar|progress,meter,loading|no icons,monochrome|c"],["Progress 8","cnippet","Multi-file Upload Queue","npx shadcn@latest add @cnippet/v-progress-8","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-8",8,0,0],95,"loader","progress bar|progress,upload,meter,loading|icons,animated,monochrome|c"],["Progress 9","cnippet","Monthly Budget Breakdown","npx shadcn@latest add @cnippet/v-progress-9","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-9",8,1,0],94,"loader","progress bar|progress,pricing,meter,loading|no icons,monochrome|c"],["Progress 10","cnippet","API Usage with Tier Milestones","npx shadcn@latest add @cnippet/v-progress-10","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-10",7,4,10],82,"loader","progress bar|progress,meter,loading|icons,monochrome|c"],["Progress 11","cnippet","Survey completion counter","npx shadcn@latest add @cnippet/v-progress-11","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-11",7,5,10],51,"loader","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progress 12","cnippet","Download with speed stats","npx shadcn@latest add @cnippet/v-progress-12","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-12",7,6,10],57,"loader","progress bar|progress,meter,loading|icons,monochrome,minimal|c"],["Progress 13","cnippet","Fundraiser goal tracker","npx shadcn@latest add @cnippet/v-progress-13","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-13",7,7,10],75,"loader","progress bar|progress,pricing,meter,loading|icons,monochrome,minimal|c"],["Progress 14","cnippet","Reading progress bar","npx shadcn@latest add @cnippet/v-progress-14","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-14",7,0,11],64,"loader","progress bar|progress,meter,loading|no icons,monochrome|c"],["Progress 15","cnippet","Build pipeline stages","npx shadcn@latest add @cnippet/v-progress-15","https://ui.cnippet.dev/docs/components/progress",0,"",["v-progress-15",7,1,11],73,"loader","progress bar|progress,e-commerce,meter,loading|icons,monochrome|c"],["Radio group 1","cnippet","Default","npx shadcn@latest add @cnippet/v-radio-group-1","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-1",8,2,0],43,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 2","cnippet","Disabled","npx shadcn@latest add @cnippet/v-radio-group-2","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-2",8,1,1],46,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 3","cnippet","With Description","npx shadcn@latest add @cnippet/v-radio-group-3","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-3",8,2,1],50,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 4","cnippet","Card Style","npx shadcn@latest add @cnippet/v-radio-group-4","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-4",8,3,1],58,"input","radio group|radio,notifications,options,form|no icons,monochrome|c"],["Radio group 5","cnippet","Colored Variants","npx shadcn@latest add @cnippet/v-radio-group-5","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-5",8,4,1],51,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 6","cnippet","With Legend","npx shadcn@latest add @cnippet/v-radio-group-6","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-6",8,5,1],48,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 7","cnippet","In Card With Description","npx shadcn@latest add @cnippet/v-radio-group-7","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-7",8,6,1],79,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 8","cnippet","In Card With Icons","npx shadcn@latest add @cnippet/v-radio-group-8","https://ui.cnippet.dev/docs/components/radio-group",0,"",0,0],["Radio group 9","cnippet","Form Integration","npx shadcn@latest add @cnippet/v-radio-group-9","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-9",8,7,1],65,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 10","cnippet","Basic radio group","npx shadcn@latest add @cnippet/v-radio-group-10","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-10",8,3,0],64,"input","radio group|radio,pricing,options,form|no icons,monochrome|c"],["Radio group 11","cnippet","Horizontal Layout","npx shadcn@latest add @cnippet/v-radio-group-11","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-11",8,4,0],45,"input","radio group|radio,options,form|no icons,monochrome,minimal|c"],["Radio group 12","cnippet","Shipping Options","npx shadcn@latest add @cnippet/v-radio-group-12","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-12",8,5,0],64,"input","radio group|radio,pricing,options,form|no icons,monochrome|c"],["Radio group 13","cnippet","Theme Selector","npx shadcn@latest add @cnippet/v-radio-group-13","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-13",8,6,0],55,"input","radio group|radio,options,form|icons,monochrome|c"],["Radio group 14","cnippet","Availability Status","npx shadcn@latest add @cnippet/v-radio-group-14","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-14",8,7,0],77,"input","radio group|radio,options,form|no icons,monochrome|c"],["Radio group 15","cnippet","Billing Frequency","npx shadcn@latest add @cnippet/v-radio-group-15","https://ui.cnippet.dev/docs/components/radio-group",0,"",["v-radio-group-15",8,0,1],65,"input","radio group|radio,pricing,options,form|no icons,monochrome|c"],["Scroll area 1","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-1","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-1",8,0,2],43,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 2","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-2","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-2",8,7,2],43,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 3","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-3","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-3",8,0,3],37,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 4","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-4","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-4",8,1,3],37,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 5","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-5","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-5",8,2,3],58,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 6","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-6","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-6",8,3,3],62,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 7","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-7","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-7",8,4,3],56,"misc","scroll area|scroll,tasks,container|no icons,monochrome|c"],["Scroll area 8","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-8","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-8",8,5,3],59,"misc","scroll area|scroll,pricing,container|no icons,monochrome|c"],["Scroll area 9","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-9","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-9",8,6,3],69,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 10","cnippet","Basic scroll area","npx shadcn@latest add @cnippet/v-scroll-area-10","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-10",8,1,2],59,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 11","cnippet","Chat Feed","npx shadcn@latest add @cnippet/v-scroll-area-11","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-11",8,2,2],59,"thinking","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 12","cnippet","Notification List","npx shadcn@latest add @cnippet/v-scroll-area-12","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-12",8,3,2],61,"toast","scroll area|scroll,team,container|icons,monochrome|c"],["Scroll area 13","cnippet","Sidebar Navigation","npx shadcn@latest add @cnippet/v-scroll-area-13","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-13",8,4,2],78,"navbar|b","scroll area|scroll,settings,container|icons,monochrome|c"],["Scroll area 14","cnippet","Activity Log","npx shadcn@latest add @cnippet/v-scroll-area-14","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-14",8,5,2],79,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Scroll area 15","cnippet","File Explorer","npx shadcn@latest add @cnippet/v-scroll-area-15","https://ui.cnippet.dev/docs/components/scroll-area",0,"",["v-scroll-area-15",8,6,2],50,"upload","scroll area|scroll,container|icons,monochrome|c"],["Select 1","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-1","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-1",8,7,3],38,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 2","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-2","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-2",8,6,4],58,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select 3","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-3","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-3",8,7,4],6,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 4","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-4","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-4",8,0,5],33,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 5","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-5","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-5",8,1,5],5,"dropdown","select|dropdown,settings,notifications,options,form|icons,monochrome,minimal|c"],["Select 6","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-6","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-6",8,2,5],41,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 7","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-7","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-7",8,3,5],79,"dropdown","select|dropdown,settings,notifications,options,form|icons,monochrome|c"],["Select 8","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-8","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-8",8,4,5],5,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 9","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-9","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-9",8,5,5],37,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 10","cnippet","Basic select","npx shadcn@latest add @cnippet/v-select-10","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-10",8,0,4],46,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 11","cnippet","With Disabled Options","npx shadcn@latest add @cnippet/v-select-11","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-11",8,1,4],8,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 12","cnippet","Country Selector with Groups","npx shadcn@latest add @cnippet/v-select-12","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-12",8,2,4],5,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 13","cnippet","Controlled with External Display","npx shadcn@latest add @cnippet/v-select-13","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-13",8,3,4],41,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 14","cnippet","Items with Description","npx shadcn@latest add @cnippet/v-select-14","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-14",8,4,4],40,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Select 15","cnippet","Sort Order with Icons","npx shadcn@latest add @cnippet/v-select-15","https://ui.cnippet.dev/docs/components/select",0,"",["v-select-15",8,5,4],9,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator 1","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-1","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-1",8,6,5],56,"misc","divider|separator,line,layout|no icons,monochrome|c"],["Separator 2","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-2","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-2",8,5,6],6,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Separator 3","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-3","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-3",8,6,6],48,"misc","divider|separator,settings,line,layout|no icons,monochrome,minimal|c"],["Separator 4","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-4","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-4",8,7,6],52,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Separator 5","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-5","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-5",8,0,7],0,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Separator 6","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-6","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-6",8,1,7],70,"misc","divider|separator,pricing,line,layout|no icons,monochrome,minimal|c"],["Separator 7","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-7","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-7",8,2,7],40,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Separator 8","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-8","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-8",8,3,7],66,"misc","divider|separator,team,settings,line,layout|no icons,monochrome|c"],["Separator 9","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-9","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-9",8,4,7],49,"misc","divider|separator,settings,notifications,line,layout|no icons,monochrome|c"],["Separator 10","cnippet","Basic separator","npx shadcn@latest add @cnippet/v-separator-10","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-10",8,7,5],63,"misc","divider|separator,line,layout|no icons,monochrome|c"],["Separator 11","cnippet","Social Stats Bar","npx shadcn@latest add @cnippet/v-separator-11","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-11",8,0,6],11,"chart","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Separator 12","cnippet","Section Heading with Line","npx shadcn@latest add @cnippet/v-separator-12","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-12",8,1,6],62,"text","divider|separator,line,layout|no icons,monochrome|c"],["Separator 13","cnippet","Footer Links","npx shadcn@latest add @cnippet/v-separator-13","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-13",8,2,6],37,"section|b","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Separator 14","cnippet","Card Section Dividers","npx shadcn@latest add @cnippet/v-separator-14","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-14",8,3,6],79,"section|b","divider|separator,notifications,login,line,layout|no icons,monochrome|c"],["Separator 15","cnippet","Toolbar with Separator Groups","npx shadcn@latest add @cnippet/v-separator-15","https://ui.cnippet.dev/docs/components/separator",0,"",["v-separator-15",8,4,6],5,"misc","divider|separator,line,layout|icons,monochrome|c"],["Sheet 1","cnippet","Default","npx shadcn@latest add @cnippet/v-sheet-1","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-1",8,5,7],9,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 2","cnippet","Sheet with Inset","npx shadcn@latest add @cnippet/v-sheet-2","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-2",8,4,8],9,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 3","cnippet","Side Sheets","npx shadcn@latest add @cnippet/v-sheet-3","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-3",8,5,8],18,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 4","cnippet","Scrollable Content","npx shadcn@latest add @cnippet/v-sheet-4","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-4",8,6,8],10,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Sheet 5","cnippet","Shopping Cart","npx shadcn@latest add @cnippet/v-sheet-5","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-5",8,7,8],10,"misc","drawer|sheet,e-commerce,pricing,overlay,panel|icons,monochrome,minimal|c"],["Sheet 6","cnippet","Notification Center","npx shadcn@latest add @cnippet/v-sheet-6","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-6",8,0,9],44,"toast","drawer|sheet,notifications,overlay,panel|icons,monochrome,minimal|c"],["Sheet 7","cnippet","Team Invite","npx shadcn@latest add @cnippet/v-sheet-7","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-7",8,1,9],39,"section|b","drawer|sheet,team,account,overlay,panel|icons,monochrome,minimal|c"],["Sheet 8","cnippet","Activity Log","npx shadcn@latest add @cnippet/v-sheet-8","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-8",8,2,9],9,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Sheet 9","cnippet","Navigation Menu","npx shadcn@latest add @cnippet/v-sheet-9","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-9",8,3,9],68,"navbar|b","drawer|sheet,settings,account,overlay,panel|icons,monochrome,minimal|c"],["Sheet 10","cnippet","Issue Detail","npx shadcn@latest add @cnippet/v-sheet-10","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-10",8,6,7],9,"misc","drawer|sheet,tasks,overlay,panel|icons,monochrome,minimal|c"],["Sheet 11","cnippet","Export Data Panel","npx shadcn@latest add @cnippet/v-sheet-11","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-11",8,7,7],9,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Sheet 12","cnippet","User Profile Viewer","npx shadcn@latest add @cnippet/v-sheet-12","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-12",8,0,8],9,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Sheet 13","cnippet","Support Contact Form","npx shadcn@latest add @cnippet/v-sheet-13","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-13",8,1,8],39,"section|b","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Sheet 14","cnippet","Keyboard Shortcuts Reference","npx shadcn@latest add @cnippet/v-sheet-14","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-14",8,2,8],8,"misc","drawer|sheet,search,overlay,panel|icons,monochrome,minimal|c"],["Sheet 15","cnippet","API Key Manager","npx shadcn@latest add @cnippet/v-sheet-15","https://ui.cnippet.dev/docs/components/sheet",0,"",["v-sheet-15",8,3,8],40,"misc","drawer|sheet,overlay,panel|icons,monochrome,minimal|c"],["Skeleton 1","cnippet","Default","npx shadcn@latest add @cnippet/v-skeleton-1","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-1",8,4,9],62,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 2","cnippet","Skeleton only","npx shadcn@latest add @cnippet/v-skeleton-2","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-2",8,3,10],29,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 3","cnippet","Card component","npx shadcn@latest add @cnippet/v-skeleton-3","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-3",8,4,10],64,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Skeleton 4","cnippet","Dashboard stats row","npx shadcn@latest add @cnippet/v-skeleton-4","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-4",8,5,10],48,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Skeleton 5","cnippet","List with actions","npx shadcn@latest add @cnippet/v-skeleton-5","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-5",8,6,10],38,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 6","cnippet","Blog Article","npx shadcn@latest add @cnippet/v-skeleton-6","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-6",8,7,10],45,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 7","cnippet","Data Table","npx shadcn@latest add @cnippet/v-skeleton-7","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-7",8,0,11],49,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 8","cnippet","Sidebar Dashboard Layout","npx shadcn@latest add @cnippet/v-skeleton-8","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-8",8,1,11],41,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 9","cnippet","Chat Thread","npx shadcn@latest add @cnippet/v-skeleton-9","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-9",8,2,11],37,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 10","cnippet","Settings Page","npx shadcn@latest add @cnippet/v-skeleton-10","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-10",8,5,9],36,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Skeleton 11","cnippet","Product Grid","npx shadcn@latest add @cnippet/v-skeleton-11","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-11",8,6,9],49,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Skeleton 12","cnippet","Form Fields","npx shadcn@latest add @cnippet/v-skeleton-12","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-12",8,7,9],39,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Skeleton 13","cnippet","Email Inbox","npx shadcn@latest add @cnippet/v-skeleton-13","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-13",8,0,10],43,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 14","cnippet","Kanban Board","npx shadcn@latest add @cnippet/v-skeleton-14","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-14",8,1,10],47,"loader","skeleton|loading,placeholder|no icons,avatar,monochrome,minimal|c"],["Skeleton 15","cnippet","Profile Hero Page","npx shadcn@latest add @cnippet/v-skeleton-15","https://ui.cnippet.dev/docs/components/skeleton",0,"",["v-skeleton-15",8,2,10],42,"loader","skeleton|loading,placeholder|no icons,monochrome,minimal|c"],["Slider 1","cnippet","Default","npx shadcn@latest add @cnippet/v-slider-1","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-1",8,3,11],45,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 2","cnippet","With Label and Value","npx shadcn@latest add @cnippet/v-slider-2","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-2",9,2,0],44,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 3","cnippet","Disabled","npx shadcn@latest add @cnippet/v-slider-3","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-3",9,3,0],42,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 4","cnippet","With Reference Labels","npx shadcn@latest add @cnippet/v-slider-4","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-4",9,4,0],44,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 5","cnippet","With Tick Marks","npx shadcn@latest add @cnippet/v-slider-5","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-5",9,5,0],45,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 6","cnippet","With Dynamic Tooltip Indicator","npx shadcn@latest add @cnippet/v-slider-6","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-6",9,6,0],55,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 7","cnippet","Rating Slider With Emoji Feedback","npx shadcn@latest add @cnippet/v-slider-7","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-7",9,7,0],73,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 8","cnippet","Basic slider","npx shadcn@latest add @cnippet/v-slider-8","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-8",9,0,1],56,"input","slider|range,pricing,input|no icons,monochrome,minimal|c"],["Slider 9","cnippet","Basic slider","npx shadcn@latest add @cnippet/v-slider-9","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-9",9,1,1],66,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 10","cnippet","Basic slider","npx shadcn@latest add @cnippet/v-slider-10","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-10",8,4,11],55,"input","slider|range,input|no icons,monochrome,minimal|c"],["Slider 11","cnippet","Volume Control With Mute Toggle","npx shadcn@latest add @cnippet/v-slider-11","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-11",8,5,11],44,"input","slider|range,input|icons,monochrome,minimal|c"],["Slider 12","cnippet","Dual-Thumb Price Range","npx shadcn@latest add @cnippet/v-slider-12","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-12",8,6,11],55,"input","slider|range,pricing,input|no icons,monochrome,minimal|c"],["Slider 13","cnippet","Hue Color Picker","npx shadcn@latest add @cnippet/v-slider-13","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-13",8,7,11],81,"input","slider|range,input|no icons|c"],["Slider 14","cnippet","Temperature Control","npx shadcn@latest add @cnippet/v-slider-14","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-14",9,0,0],67,"input","slider|range,input|icons,monochrome,minimal|c"],["Slider 15","cnippet","Display Settings Sliders","npx shadcn@latest add @cnippet/v-slider-15","https://ui.cnippet.dev/docs/components/slider",0,"",["v-slider-15",9,1,0],77,"input","slider|range,settings,input|no icons,monochrome,minimal|c"],["Spinner 1","cnippet","Default","npx shadcn@latest add @cnippet/v-spinner-1","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-1",9,2,1],6,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Spinner 2","cnippet","Input Group","npx shadcn@latest add @cnippet/v-spinner-2","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-2",9,1,2],0,"loader","loader|spinner,loading,progress|icons,monochrome,minimal|c"],["Spinner 3","cnippet","In buttons","npx shadcn@latest add @cnippet/v-spinner-3","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-3",9,2,2],54,"loader","loader|spinner,loading,progress|icons,animated,monochrome|c"],["Spinner 4","cnippet","Spinner in empty state","npx shadcn@latest add @cnippet/v-spinner-4","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-4",9,3,2],65,"loader","loader|spinner,loading,progress|icons,monochrome|c"],["Spinner 5","cnippet","Overlay loading spinner","npx shadcn@latest add @cnippet/v-spinner-5","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-5",9,4,2],54,"loader","loader|spinner,analytics,pricing,loading,progress|icons,monochrome|c"],["Spinner 6","cnippet","Full page loading state","npx shadcn@latest add @cnippet/v-spinner-6","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-6",9,5,2],63,"loader","loader|spinner,loading,progress|icons,monochrome,minimal|c"],["Spinner 7","cnippet","Inline loading text with spinner","npx shadcn@latest add @cnippet/v-spinner-7","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-7",9,6,2],63,"loader","loader|spinner,loading,progress|icons,animated,monochrome|c"],["Spinner 8","cnippet","Overlay on card","npx shadcn@latest add @cnippet/v-spinner-8","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-8",9,7,2],54,"loader","loader|spinner,pricing,loading,progress|icons,monochrome|c"],["Spinner 9","cnippet","Color variants","npx shadcn@latest add @cnippet/v-spinner-9","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-9",9,0,3],46,"loader","loader|spinner,loading,progress|icons,animated,monochrome|c"],["Spinner 10","cnippet","Basic spinner","npx shadcn@latest add @cnippet/v-spinner-10","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-10",9,3,1],58,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Spinner 11","cnippet","Page Transition Overlay","npx shadcn@latest add @cnippet/v-spinner-11","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-11",9,4,1],48,"loader","loader|spinner,loading,progress|no icons,monochrome,minimal|c"],["Spinner 12","cnippet","File Upload Progress","npx shadcn@latest add @cnippet/v-spinner-12","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-12",9,5,1],78,"loader","loader|spinner,upload,loading,progress|icons,monochrome,minimal|c"],["Spinner 13","cnippet","Table Row Loading State","npx shadcn@latest add @cnippet/v-spinner-13","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-13",9,6,1],68,"loader","loader|spinner,pricing,loading,progress|icons,monochrome|c"],["Spinner 14","cnippet","Auth Form With Spinner","npx shadcn@latest add @cnippet/v-spinner-14","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-14",9,7,1],88,"loader","loader|spinner,login,loading,progress|no icons,monochrome,minimal|c"],["Spinner 15","cnippet","Spinner Sizes","npx shadcn@latest add @cnippet/v-spinner-15","https://ui.cnippet.dev/docs/components/spinner",0,"",["v-spinner-15",9,0,2],49,"loader","loader|spinner,loading,progress|icons,animated,monochrome|c"],["Switch 1","cnippet","Default","npx shadcn@latest add @cnippet/v-switch-1","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-1",9,1,3],40,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 2","cnippet","Description","npx shadcn@latest add @cnippet/v-switch-2","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-2",9,0,4],51,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 3","cnippet","Switch in different sizes","npx shadcn@latest add @cnippet/v-switch-3","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-3",9,1,4],44,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 4","cnippet","Switch group","npx shadcn@latest add @cnippet/v-switch-4","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-4",9,2,4],56,"switch","switch|toggle,notifications,on off,settings|no icons,monochrome,minimal|c"],["Switch 5","cnippet","Switch list in card with icons","npx shadcn@latest add @cnippet/v-switch-5","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-5",9,3,4],27,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Switch 6","cnippet","Destructive switch with confirmation text","npx shadcn@latest add @cnippet/v-switch-6","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-6",9,4,4],65,"switch","switch|toggle,on off,settings|no icons,monochrome|c"],["Switch 7","cnippet","Compact settings table with switches","npx shadcn@latest add @cnippet/v-switch-7","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-7",9,5,4],66,"switch","switch|toggle,on off,settings|no icons,monochrome|c"],["Switch 8","cnippet","Switch with descriptions in card grid","npx shadcn@latest add @cnippet/v-switch-8","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-8",9,6,4],64,"switch","switch|toggle,media,on off,settings|icons,monochrome|c"],["Switch 9","cnippet","Cookie Preferences Manager","npx shadcn@latest add @cnippet/v-switch-9","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-9",9,7,4],68,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Switch 10","cnippet","Notification Delivery Channels","npx shadcn@latest add @cnippet/v-switch-10","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-10",9,2,3],68,"switch","switch|toggle,notifications,on off,settings|icons,monochrome|c"],["Switch 11","cnippet","Plan Feature Toggles","npx shadcn@latest add @cnippet/v-switch-11","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-11",9,3,3],67,"switch","switch|toggle,on off,settings|no icons,monochrome|c"],["Switch 12","cnippet","Privacy Settings With Icons","npx shadcn@latest add @cnippet/v-switch-12","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-12",9,4,3],63,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Switch 13","cnippet","Dark Mode Toggle Card","npx shadcn@latest add @cnippet/v-switch-13","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-13",9,5,3],77,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Switch 14","cnippet","Required Agreement Switch","npx shadcn@latest add @cnippet/v-switch-14","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-14",9,6,3],79,"switch","switch|toggle,on off,settings|no icons,monochrome|c"],["Switch 15","cnippet","Do Not Disturb Mode","npx shadcn@latest add @cnippet/v-switch-15","https://ui.cnippet.dev/docs/components/switch",0,"",["v-switch-15",9,7,3],43,"switch","switch|toggle,notifications,on off,settings|icons,monochrome,minimal|c"],["Table 1","cnippet","Default","npx shadcn@latest add @cnippet/v-table-1","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-1",9,0,5],63,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 2","cnippet","Card-style table","npx shadcn@latest add @cnippet/v-table-2","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-2",9,7,5],65,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 3","cnippet","Table in CardFrame","npx shadcn@latest add @cnippet/v-table-3","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-3",9,0,6],73,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 4","cnippet","Table in Frame","npx shadcn@latest add @cnippet/v-table-4","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-4",9,1,6],66,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 5","cnippet","Orders table with customer info and payment status","npx shadcn@latest add @cnippet/v-table-5","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-5",9,2,6],69,"table","data table|table,calendar,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 6","cnippet","Team members table with avatars, roles, and status","npx shadcn@latest add @cnippet/v-table-6","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-6",9,3,6],74,"table","data table|table,account,rows,spreadsheet|no icons,monochrome|c"],["Table 7","cnippet","Subscriptions table with plan badges and billing info","npx shadcn@latest add @cnippet/v-table-7","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-7",9,4,6],79,"table","data table|table,calendar,pricing,rows,spreadsheet|icons,monochrome|c"],["Table 8","cnippet","Sortable API Endpoints","npx shadcn@latest add @cnippet/v-table-8","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-8",9,5,6],77,"table","data table|table,rows,spreadsheet|icons,monochrome|c"],["Table 9","cnippet","Storage Usage with Progress Bars","npx shadcn@latest add @cnippet/v-table-9","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-9",9,6,6],88,"table","data table|table,account,rows,spreadsheet|no icons,monochrome|c"],["Table 10","cnippet","Audit Log","npx shadcn@latest add @cnippet/v-table-10","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-10",9,1,5],75,"table","data table|table,login,account,rows,spreadsheet|no icons,monochrome|c"],["Table 11","cnippet","Product inventory with stock level badges and quantity","npx shadcn@latest add @cnippet/v-table-11","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-11",9,2,5],79,"table","data table|table,e-commerce,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 12","cnippet","Invoice history with status badges and outstanding total","npx shadcn@latest add @cnippet/v-table-12","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-12",9,3,5],75,"table","data table|table,calendar,pricing,rows,spreadsheet|no icons,monochrome|c"],["Table 13","cnippet","Feature comparison table with checkmarks across plan tiers","npx shadcn@latest add @cnippet/v-table-13","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-13",9,4,5],65,"table","data table|table,team,rows,spreadsheet|icons,monochrome|c"],["Table 14","cnippet","Server health monitoring with CPU and memory progress bars","npx shadcn@latest add @cnippet/v-table-14","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-14",9,5,5],81,"table","data table|table,rows,spreadsheet|no icons,monochrome|c"],["Table 15","cnippet","Contributor leaderboard with rank, avatar, and change indicator","npx shadcn@latest add @cnippet/v-table-15","https://ui.cnippet.dev/docs/components/table",0,"",["v-table-15",9,6,5],67,"table","data table|table,rows,spreadsheet|icons,monochrome|c"],["Tabs 1","cnippet","Default","npx shadcn@latest add @cnippet/v-tabs-1","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-1",9,7,6],41,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 2","cnippet","Underline Variant","npx shadcn@latest add @cnippet/v-tabs-2","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-2",9,0,8],43,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 3","cnippet","Vertical Orientation","npx shadcn@latest add @cnippet/v-tabs-3","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-3",9,1,8],37,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 4","cnippet","Underline with Vertical Orientation","npx shadcn@latest add @cnippet/v-tabs-4","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-4",9,2,8],5,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 5","cnippet","With Card and Input Element","npx shadcn@latest add @cnippet/v-tabs-5","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-5",9,3,8],73,"tabs","tabs|tab bar,login,segmented control,navigation|no icons,monochrome|c"],["Tabs 6","cnippet","Underline Style","npx shadcn@latest add @cnippet/v-tabs-6","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-6",9,4,8],71,"tabs","tabs|tab bar,settings,login,segmented control,navigation|no icons,monochrome|c"],["Tabs 7","cnippet","Vertical Orientation","npx shadcn@latest add @cnippet/v-tabs-7","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-7",9,5,8],76,"tabs","tabs|tab bar,settings,login,segmented control,navigation|no icons,monochrome|c"],["Tabs 8","cnippet","Underline and Vertical Orientation","npx shadcn@latest add @cnippet/v-tabs-8","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-8",9,6,8],71,"tabs","tabs|tab bar,settings,login,segmented control,navigation|no icons,monochrome|c"],["Tabs 9","cnippet","With Icons","npx shadcn@latest add @cnippet/v-tabs-9","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-9",9,7,8],62,"tabs","tabs|tab bar,settings,segmented control,navigation|icons,monochrome|c"],["Tabs 10","cnippet","With Badge Counts","npx shadcn@latest add @cnippet/v-tabs-10","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-10",9,0,7],68,"tabs","tabs|tab bar,tasks,segmented control,navigation|icons,monochrome|c"],["Tabs 11","cnippet","With Icons And Line Variant","npx shadcn@latest add @cnippet/v-tabs-11","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-11",9,1,7],73,"tabs","tabs|tab bar,notifications,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs 12","cnippet","Segmented Control Tabs","npx shadcn@latest add @cnippet/v-tabs-12","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-12",9,2,7],72,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 13","cnippet","Settings navigation with vertical underline tabs and profile form","npx shadcn@latest add @cnippet/v-tabs-13","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-13",9,3,7],62,"tabs","tabs|tab bar,notifications,account,segmented control,navigation|icons,monochrome|c"],["Tabs 14","cnippet","Code file viewer with per-file tabs and copy button","npx shadcn@latest add @cnippet/v-tabs-14","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-14",9,4,7],59,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 15","cnippet","Profile repository listing with badge counts per tab","npx shadcn@latest add @cnippet/v-tabs-15","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-15",9,5,7],71,"tabs","tabs|tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs 16","cnippet","Pricing toggle between monthly and yearly billing with plan cards","npx shadcn@latest add @cnippet/v-tabs-16","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-16",9,6,7],75,"tabs","tabs|tab bar,team,pricing,segmented control,navigation|icons,monochrome|c"],["Tabs 17","cnippet","Dashboard metrics with icon tabs and stat card content panels","npx shadcn@latest add @cnippet/v-tabs-17","https://ui.cnippet.dev/docs/components/tabs",0,"",["v-tabs-17",9,7,7],80,"tabs","tabs|tab bar,analytics,segmented control,navigation|icons,monochrome|c"],["Textarea 1","cnippet","Default","npx shadcn@latest add @cnippet/v-textarea-1","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-1",9,0,9],6,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 2","cnippet","Sizes","npx shadcn@latest add @cnippet/v-textarea-2","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-2",9,4,9],57,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 3","cnippet","Disabled","npx shadcn@latest add @cnippet/v-textarea-3","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-3",9,5,9],1,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 4","cnippet","With Label","npx shadcn@latest add @cnippet/v-textarea-4","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-4",9,6,9],47,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 5","cnippet","With Description","npx shadcn@latest add @cnippet/v-textarea-5","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-5",9,7,9],59,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 6","cnippet","With Character Count","npx shadcn@latest add @cnippet/v-textarea-6","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-6",9,0,10],51,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 7","cnippet","Form Integration","npx shadcn@latest add @cnippet/v-textarea-7","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-7",9,1,10],80,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 8","cnippet","Auto-grow with live word and character count","npx shadcn@latest add @cnippet/v-textarea-8","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-8",9,2,10],51,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 9","cnippet","Write / Preview markdown toggle","npx shadcn@latest add @cnippet/v-textarea-9","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-9",9,3,10],61,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea 10","cnippet","Support ticket with category chips and message field","npx shadcn@latest add @cnippet/v-textarea-10","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-10",9,1,9],82,"input","textarea|text effect,input,form,text field|no icons,monochrome|c"],["Textarea 11","cnippet","Chat message composer with bubble thread and send on Enter","npx shadcn@latest add @cnippet/v-textarea-11","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-11",9,2,9],74,"input","textarea|text effect,input,form,text field|icons,monochrome|c"],["Textarea 12","cnippet","Release notes editor with title input and publish action","npx shadcn@latest add @cnippet/v-textarea-12","https://ui.cnippet.dev/docs/components/textarea",0,"",["v-textarea-12",9,3,9],69,"input","textarea|text effect,input,form,text field|no icons,monochrome|c"],["Toast 1","cnippet","Default","npx shadcn@latest add @cnippet/v-toast-1","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-1",9,4,10],9,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 2","cnippet","With Status","npx shadcn@latest add @cnippet/v-toast-2","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-2",9,3,11],15,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 3","cnippet","Loading","npx shadcn@latest add @cnippet/v-toast-3","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-3",9,4,11],9,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 4","cnippet","With Action","npx shadcn@latest add @cnippet/v-toast-4","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-4",9,5,11],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 5","cnippet","Promise","npx shadcn@latest add @cnippet/v-toast-5","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-5",9,6,11],9,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 6","cnippet","With Varying Heights","npx shadcn@latest add @cnippet/v-toast-6","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-6",9,7,11],43,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 7","cnippet","Submit Button with Error Toast","npx shadcn@latest add @cnippet/v-toast-7","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-7",10,0,0],6,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 8","cnippet","Staggered Notification Burst","npx shadcn@latest add @cnippet/v-toast-8","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-8",10,1,0],12,"toast","toast|notification,notifications,alert,message|no icons,monochrome,minimal|c"],["Toast 9","cnippet","Timeout Control","npx shadcn@latest add @cnippet/v-toast-9","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-9",10,2,0],47,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 10","cnippet","Auto-progressing Deploy Pipeline","npx shadcn@latest add @cnippet/v-toast-10","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-10",9,5,10],11,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 11","cnippet","Anchored clipboard copy with tooltip-style toast","npx shadcn@latest add @cnippet/v-toast-11","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-11",9,6,10],45,"toast","toast|notification,alert,message|icons,monochrome,minimal|c"],["Toast 12","cnippet","Team invite with per-row undo action","npx shadcn@latest add @cnippet/v-toast-12","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-12",9,7,10],63,"toast","toast|notification,team,alert,message|no icons,monochrome|c"],["Toast 13","cnippet","Background CSV export with download action on complete","npx shadcn@latest add @cnippet/v-toast-13","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-13",9,0,11],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 14","cnippet","Session expiry warning with live countdown and renew action","npx shadcn@latest add @cnippet/v-toast-14","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-14",9,1,11],44,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toast 15","cnippet","Unsaved changes reminder with save and discard actions","npx shadcn@latest add @cnippet/v-toast-15","https://ui.cnippet.dev/docs/components/toast",0,"",["v-toast-15",9,2,11],74,"toast","toast|notification,alert,message|no icons,monochrome|c"],["Toggle 1","cnippet","Default","npx shadcn@latest add @cnippet/v-toggle-1","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-1",10,3,0],4,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 2","cnippet","Toggle buttons with outline variant","npx shadcn@latest add @cnippet/v-toggle-2","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-2",10,2,1],41,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 3","cnippet","Toggle buttons in different sizes","npx shadcn@latest add @cnippet/v-toggle-3","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-3",10,3,1],12,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle 4","cnippet","Toggle with button and icon","npx shadcn@latest add @cnippet/v-toggle-4","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-4",10,4,1],45,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 5","cnippet","Toggle with icon","npx shadcn@latest add @cnippet/v-toggle-5","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-5",10,5,1],9,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle 6","cnippet","Toggle with notification count badge","npx shadcn@latest add @cnippet/v-toggle-6","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-6",10,6,1],18,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle 7","cnippet","Toggle with icon swap on press","npx shadcn@latest add @cnippet/v-toggle-7","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-7",10,7,1],3,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle 8","cnippet","Toggle with text label that changes","npx shadcn@latest add @cnippet/v-toggle-8","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-8",10,0,2],9,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Toggle 9","cnippet","Video Call Controls Bar","npx shadcn@latest add @cnippet/v-toggle-9","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-9",10,1,2],73,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 10","cnippet","Role Filter Chips with Live Count","npx shadcn@latest add @cnippet/v-toggle-10","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-10",10,4,0],64,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 11","cnippet","Bookmark toggle per article row with saved count","npx shadcn@latest add @cnippet/v-toggle-11","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-11",10,5,0],63,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 12","cnippet","Rich-text formatting toolbar with markdown preview","npx shadcn@latest add @cnippet/v-toggle-12","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-12",10,6,0],55,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 13","cnippet","Social post interactions with live like and repost counts","npx shadcn@latest add @cnippet/v-toggle-13","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-13",10,7,0],65,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 14","cnippet","Server settings toggles with icon swap and status color","npx shadcn@latest add @cnippet/v-toggle-14","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-14",10,0,1],65,"switch","switch|toggle,on off,settings|icons,monochrome|c"],["Toggle 15","cnippet","Task list with per-task priority flag toggles","npx shadcn@latest add @cnippet/v-toggle-15","https://ui.cnippet.dev/docs/components/toggle",0,"",["v-toggle-15",10,1,1],66,"switch","switch|toggle,tasks,on off,settings|icons,monochrome|c"],["Toggle group 1","cnippet","Default","npx shadcn@latest add @cnippet/v-toggle-group-1","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-1",10,2,2],4,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 2","cnippet","Toggle groups in different sizes","npx shadcn@latest add @cnippet/v-toggle-group-2","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-2",10,1,3],47,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome,minimal|c"],["Toggle group 3","cnippet","With Outline Toggles","npx shadcn@latest add @cnippet/v-toggle-group-3","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-3",10,2,3],5,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 4","cnippet","Vertical","npx shadcn@latest add @cnippet/v-toggle-group-4","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-4",10,3,3],36,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 5","cnippet","Multiple selection","npx shadcn@latest add @cnippet/v-toggle-group-5","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-5",10,4,3],4,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 6","cnippet","For text alignment","npx shadcn@latest add @cnippet/v-toggle-group-6","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-6",10,5,3],4,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 7","cnippet","View mode switching","npx shadcn@latest add @cnippet/v-toggle-group-7","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-7",10,6,3],5,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 8","cnippet","For color theme","npx shadcn@latest add @cnippet/v-toggle-group-8","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-8",10,7,3],5,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 9","cnippet","For pricing tier","npx shadcn@latest add @cnippet/v-toggle-group-9","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-9",10,0,4],21,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome,minimal|c"],["Toggle group 10","cnippet","Language picker with live code snippet preview","npx shadcn@latest add @cnippet/v-toggle-group-10","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-10",10,3,2],69,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome|c"],["Toggle group 11","cnippet","Per-column sort direction control","npx shadcn@latest add @cnippet/v-toggle-group-11","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-11",10,4,2],62,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 12","cnippet","Issue priority picker with color-coded labels","npx shadcn@latest add @cnippet/v-toggle-group-12","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-12",10,5,2],77,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome|c"],["Toggle group 13","cnippet","Date range quick-select with live stats grid","npx shadcn@latest add @cnippet/v-toggle-group-13","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-13",10,6,2],69,"switch","toggle group|switch,analytics,pricing,button group,segmented control,toggle|no icons,monochrome|c"],["Toggle group 14","cnippet","Code viewer toolbar with multi-select options","npx shadcn@latest add @cnippet/v-toggle-group-14","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-14",10,7,2],67,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle group 15","cnippet","Zoom level control with live scale preview","npx shadcn@latest add @cnippet/v-toggle-group-15","https://ui.cnippet.dev/docs/components/toggle-group",0,"",["v-toggle-group-15",10,0,3],68,"switch","toggle group|switch,button group,segmented control,toggle|no icons,monochrome,minimal|c"],["Toolbar 1","cnippet","Default","npx shadcn@latest add @cnippet/v-toolbar-1","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-1",10,1,4],51,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 2","cnippet","Rich text editor toolbar with formatting and alignment controls","npx shadcn@latest add @cnippet/v-toolbar-2","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-2",10,3,4],40,"text","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 3","cnippet","Image editor toolbar with transform, zoom, and export actions","npx shadcn@latest add @cnippet/v-toolbar-3","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-3",10,4,4],51,"media","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 4","cnippet","Data table toolbar with search input, filter controls, and add row","npx shadcn@latest add @cnippet/v-toolbar-4","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-4",10,5,4],47,"table","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 5","cnippet","Code editor toolbar with language select, word wrap, copy, and run","npx shadcn@latest add @cnippet/v-toolbar-5","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-5",10,6,4],47,"dropdown","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 6","cnippet","Document collaboration toolbar with edit/preview toggle and share","npx shadcn@latest add @cnippet/v-toolbar-6","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-6",10,7,4],50,"switch","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 7","cnippet","Basic toolbar","npx shadcn@latest add @cnippet/v-toolbar-7","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-7",10,0,5],40,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 8","cnippet","Basic toolbar","npx shadcn@latest add @cnippet/v-toolbar-8","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-8",10,1,5],40,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 9","cnippet","Basic toolbar","npx shadcn@latest add @cnippet/v-toolbar-9","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-9",10,2,5],26,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Toolbar 10","cnippet","Basic toolbar","npx shadcn@latest add @cnippet/v-toolbar-10","https://ui.cnippet.dev/docs/components/toolbar",0,"",["v-toolbar-10",10,2,4],40,"misc","menubar|toolbar,menu|icons,monochrome|c"],["Tooltip 1","cnippet","Default","npx shadcn@latest add @cnippet/v-tooltip-1","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-1",10,3,5],8,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 2","cnippet","Grouped Tooltips","npx shadcn@latest add @cnippet/v-tooltip-2","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-2",10,4,6],4,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 3","cnippet","Animated Tooltips","npx shadcn@latest add @cnippet/v-tooltip-3","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-3",10,5,6],4,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 4","cnippet","Placement","npx shadcn@latest add @cnippet/v-tooltip-4","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-4",10,6,6],56,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 5","cnippet","Info Icon","npx shadcn@latest add @cnippet/v-tooltip-5","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-5",10,7,6],2,"misc","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip 6","cnippet","Rich Tooltip","npx shadcn@latest add @cnippet/v-tooltip-6","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-6",10,0,7],19,"misc","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip 7","cnippet","Keyboard Shortcut Toolbar","npx shadcn@latest add @cnippet/v-tooltip-7","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-7",10,1,7],39,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 8","cnippet","Avatar Stack","npx shadcn@latest add @cnippet/v-tooltip-8","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-8",10,2,7],9,"media","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip 9","cnippet","Trend Metrics","npx shadcn@latest add @cnippet/v-tooltip-9","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-9",10,3,7],58,"chart","tooltip|hover,analytics,popover,hint|icons,monochrome|c"],["Tooltip 10","cnippet","Color Palette Inspector","npx shadcn@latest add @cnippet/v-tooltip-10","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-10",10,4,5],83,"command","tooltip|hover,popover,hint|no icons,colorful|c"],["Tooltip 11","cnippet","Copy to Clipboard","npx shadcn@latest add @cnippet/v-tooltip-11","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-11",10,5,5],57,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 12","cnippet","Feature Gate","npx shadcn@latest add @cnippet/v-tooltip-12","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-12",10,6,5],70,"section|b","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 13","cnippet","Form field validation hints with info icon tooltips","npx shadcn@latest add @cnippet/v-tooltip-13","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-13",10,7,5],67,"input","tooltip|hover,login,popover,hint|icons,monochrome|c"],["Tooltip 14","cnippet","System status dots revealing service name, uptime, and latency","npx shadcn@latest add @cnippet/v-tooltip-14","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-14",10,0,6],20,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Tooltip 15","cnippet","Icon-only sidebar nav with label and description tooltips","npx shadcn@latest add @cnippet/v-tooltip-15","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-15",10,1,6],71,"section|b","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 16","cnippet","Permissions matrix with role access details per cell","npx shadcn@latest add @cnippet/v-tooltip-16","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-16",10,2,6],72,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip 17","cnippet","Deployment pipeline steps with status and detail per stage","npx shadcn@latest add @cnippet/v-tooltip-17","https://ui.cnippet.dev/docs/components/tooltip",0,"",["v-tooltip-17",10,3,6],60,"kanban","tooltip|hover,popover,hint|icons,monochrome|c"],["Text reveal 1","cnippet","Hero headline — word-by-word fade-in-blur reveal","npx shadcn@latest add @cnippet/m-text-reveal-1","https://ui.cnippet.dev/docs/components/text-reveal",0,"",["m-text-reveal-1",0,2,11],65,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Text reveal 2","cnippet","Character scale — letter-level scale reveal for short taglines","npx shadcn@latest add @cnippet/m-text-reveal-2","https://ui.cnippet.dev/docs/components/text-reveal",0,"",["m-text-reveal-2",0,3,11],51,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text reveal 3","cnippet","Stacked content block — eyebrow, headline, and body with sequential delays","npx shadcn@latest add @cnippet/m-text-reveal-3","https://ui.cnippet.dev/docs/components/text-reveal",0,"",["m-text-reveal-3",0,4,11],65,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Text scramble 1","cnippet","Hero headline — auto-scramble on mount resolving left-to-right","npx shadcn@latest add @cnippet/m-text-scramble-1","https://ui.cnippet.dev/docs/components/text-scramble",0,"",["m-text-scramble-1",1,3,0],57,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text scramble 2","cnippet","Click to retrigger — manually replays the scramble via trigger prop","npx shadcn@latest add @cnippet/m-text-scramble-2","https://ui.cnippet.dev/docs/components/text-scramble",0,"",["m-text-scramble-2",1,4,0],52,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text scramble 3","cnippet","Scrambled stats — staggered duration across a metric row","npx shadcn@latest add @cnippet/m-text-scramble-3","https://ui.cnippet.dev/docs/components/text-scramble",0,"",["m-text-scramble-3",1,5,0],56,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Scramble hover 1","cnippet","Navigation links — each link scrambles independently on hover","npx shadcn@latest add @cnippet/m-scramble-hover-1","https://ui.cnippet.dev/docs/components/scramble-hover",0,"",["m-scramble-hover-1",0,2,5],38,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Scramble hover 2","cnippet","Hero heading — center reveal direction for a symmetric decode","npx shadcn@latest add @cnippet/m-scramble-hover-2","https://ui.cnippet.dev/docs/components/scramble-hover",0,"",["m-scramble-hover-2",0,3,5],63,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Scramble hover 3","cnippet","Repository card — title and metadata scramble with different settings","npx shadcn@latest add @cnippet/m-scramble-hover-3","https://ui.cnippet.dev/docs/components/scramble-hover",0,"",["m-scramble-hover-3",0,4,5],67,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Typewriter 1","cnippet","Hero headline — types once with a block-underscore cursor","npx shadcn@latest add @cnippet/m-typewriter-1","https://ui.cnippet.dev/docs/components/typewriter",0,"",["m-typewriter-1",1,4,1],63,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Typewriter 2","cnippet","Looping phrases — cycles through strings with delete animation","npx shadcn@latest add @cnippet/m-typewriter-2","https://ui.cnippet.dev/docs/components/typewriter",0,"",["m-typewriter-2",1,5,1],52,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Typewriter 3","cnippet","Terminal prompt — monospace CLI-style with block cursor","npx shadcn@latest add @cnippet/m-typewriter-3","https://ui.cnippet.dev/docs/components/typewriter",0,"",["m-typewriter-3",1,6,1],82,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text loop 1","cnippet","Looping adjectives — cycles benefit words inline in a heading","npx shadcn@latest add @cnippet/m-text-loop-1","https://ui.cnippet.dev/docs/components/text-loop",0,"",["m-text-loop-1",0,4,10],77,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text loop 2","cnippet","Animated status badge — rich content items in a pill with slide transition","npx shadcn@latest add @cnippet/m-text-loop-2","https://ui.cnippet.dev/docs/components/text-loop",0,"",["m-text-loop-2",0,5,10],49,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text loop 3","cnippet","Horizontal slide — custom variants swap fade+y for a left-to-right slide","npx shadcn@latest add @cnippet/m-text-loop-3","https://ui.cnippet.dev/docs/components/text-loop",0,"",["m-text-loop-3",0,6,10],89,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Text morph 1","cnippet","Word cycler — button group drives character-level morphing between words","npx shadcn@latest add @cnippet/m-text-morph-1","https://ui.cnippet.dev/docs/components/text-morph",0,"",["m-text-morph-1",0,7,10],69,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text morph 2","cnippet","Auto-cycling plan name — interval advances through strings in a card","npx shadcn@latest add @cnippet/m-text-morph-2","https://ui.cnippet.dev/docs/components/text-morph",0,"",["m-text-morph-2",0,0,11],57,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text morph 3","cnippet","Morphing placeholder — placeholder morphs character-by-character as user types","npx shadcn@latest add @cnippet/m-text-morph-3","https://ui.cnippet.dev/docs/components/text-morph",0,"",["m-text-morph-3",0,1,11],40,"text","text effect|text animation,search,typography,animated text|icons,animated,monochrome,minimal|c"],["Text rotate 1","cnippet","Hero inline — audience descriptor cycles in a heading with character stagger","npx shadcn@latest add @cnippet/m-text-rotate-1","https://ui.cnippet.dev/docs/components/text-rotate",0,"",["m-text-rotate-1",1,0,0],65,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text rotate 2","cnippet","Manual step control — prev/next buttons drive word-by-word rotation via ref","npx shadcn@latest add @cnippet/m-text-rotate-2","https://ui.cnippet.dev/docs/components/text-rotate",0,"",["m-text-rotate-2",1,1,0],66,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text rotate 3","cnippet","Feature ticker — short feature strings rotate with fade+y tween and dot indicators","npx shadcn@latest add @cnippet/m-text-rotate-3","https://ui.cnippet.dev/docs/components/text-rotate",0,"",["m-text-rotate-3",1,2,0],52,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Vertical cut reveal 1","cnippet","Hero headline — word-by-word upward clip reveal with left-to-right stagger","npx shadcn@latest add @cnippet/m-vertical-cut-reveal-1","https://ui.cnippet.dev/docs/components/vertical-cut-reveal",0,"",["m-vertical-cut-reveal-1",1,5,2],68,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Vertical cut reveal 2","cnippet","Character logotype — center-out stagger on a short brand name","npx shadcn@latest add @cnippet/m-vertical-cut-reveal-2","https://ui.cnippet.dev/docs/components/vertical-cut-reveal",0,"",["m-vertical-cut-reveal-2",1,6,2],78,"misc","card|container,surface|no icons,monochrome,minimal|c"],["Vertical cut reveal 3","cnippet","Stacked lines — alternating reverse direction per line with sequential delays","npx shadcn@latest add @cnippet/m-vertical-cut-reveal-3","https://ui.cnippet.dev/docs/components/vertical-cut-reveal",0,"",["m-vertical-cut-reveal-3",1,7,2],68,"misc","card|container,surface|no icons,animated,monochrome|c"],["Letter swap hover 1","cnippet","Navigation links — each link swaps independently on hover","npx shadcn@latest add @cnippet/m-letter-swap-hover-1","https://ui.cnippet.dev/docs/components/letter-swap-hover",0,"",["m-letter-swap-hover-1",0,5,2],5,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Letter swap hover 2","cnippet","CTA buttons — filled and outlined buttons with opposite swap directions","npx shadcn@latest add @cnippet/m-letter-swap-hover-2","https://ui.cnippet.dev/docs/components/letter-swap-hover",0,"",["m-letter-swap-hover-2",0,6,2],63,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Letter swap hover 3","cnippet","Stats row — labels use center-out stagger beneath stat figures","npx shadcn@latest add @cnippet/m-letter-swap-hover-3","https://ui.cnippet.dev/docs/components/letter-swap-hover",0,"",["m-letter-swap-hover-3",0,7,2],54,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Text shimmer 1","cnippet","Hero headline — slow sweep on a large heading","npx shadcn@latest add @cnippet/m-text-shimmer-1","https://ui.cnippet.dev/docs/components/text-shimmer",0,"",["m-text-shimmer-1",1,6,0],61,"text","skeleton|text effect,loading,placeholder|no icons,monochrome,minimal|c"],["Text shimmer 2","cnippet","Status badges — system-state and AI-processing badges with active shimmer loop","npx shadcn@latest add @cnippet/m-text-shimmer-2","https://ui.cnippet.dev/docs/components/text-shimmer",0,"",["m-text-shimmer-2",1,7,0],53,"text","skeleton|text effect,loading,placeholder|no icons,monochrome,minimal|c"],["Text shimmer 3","cnippet","Feature list — heading and three feature strings shimmer at different speeds","npx shadcn@latest add @cnippet/m-text-shimmer-3","https://ui.cnippet.dev/docs/components/text-shimmer",0,"",["m-text-shimmer-3",1,0,1],68,"text","skeleton|text effect,loading,placeholder|no icons,monochrome|c"],["Text shimmer wave 1","cnippet","Hero heading — gentle wave with moderate z and y distance","npx shadcn@latest add @cnippet/m-text-shimmer-wave-1","https://ui.cnippet.dev/docs/components/text-shimmer-wave",0,"",["m-text-shimmer-wave-1",1,1,1],66,"text","background|text effect,skeleton,animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Text shimmer wave 2","cnippet","Loading states — fast wave on short strings alongside spinners and pulse indicators","npx shadcn@latest add @cnippet/m-text-shimmer-wave-2","https://ui.cnippet.dev/docs/components/text-shimmer-wave",0,"",["m-text-shimmer-wave-2",1,2,1],49,"text","background|text effect,skeleton,animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Text shimmer wave 3","cnippet","Exaggerated logotype — pushed scale, rotateY, and zDistance on a short all-caps word","npx shadcn@latest add @cnippet/m-text-shimmer-wave-3","https://ui.cnippet.dev/docs/components/text-shimmer-wave",0,"",["m-text-shimmer-wave-3",1,3,1],64,"text","background|text effect,skeleton,animated background,effect,hero background|no icons,animated,monochrome,minimal|c"],["Text gradient 1","cnippet","Hero heading — violet to cyan looping gradient sweep","npx shadcn@latest add @cnippet/m-text-gradient-1","https://ui.cnippet.dev/docs/components/text-gradient",0,"",["m-text-gradient-1",0,6,9],80,"background","background|text effect,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Text gradient 2","cnippet","Inline word accent — single word with fast orange-to-green sweep inside static heading","npx shadcn@latest add @cnippet/m-text-gradient-2","https://ui.cnippet.dev/docs/components/text-gradient",0,"",["m-text-gradient-2",0,7,9],80,"background","background|text effect,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Text gradient 3","cnippet","Pricing cards — each tier has its own palette and speed","npx shadcn@latest add @cnippet/m-text-gradient-3","https://ui.cnippet.dev/docs/components/text-gradient",0,"",["m-text-gradient-3",0,0,10],69,"background","background|text effect,pricing,animated background,effect,hero background|no icons,monochrome,minimal|c"],["Text highlight 1","cnippet","Scroll triggered — key phrase highlights ltr on viewport entry","npx shadcn@latest add @cnippet/m-text-highlight-1","https://ui.cnippet.dev/docs/components/text-highlight",0,"",["m-text-highlight-1",0,1,10],95,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text highlight 2","cnippet","Hover triggered — highlight fills in on mouse enter and resets on leave","npx shadcn@latest add @cnippet/m-text-highlight-2","https://ui.cnippet.dev/docs/components/text-highlight",0,"",["m-text-highlight-2",0,2,10],65,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text highlight 3","cnippet","Direction picker — buttons call ref to demonstrate all four sweep directions","npx shadcn@latest add @cnippet/m-text-highlight-3","https://ui.cnippet.dev/docs/components/text-highlight",0,"",["m-text-highlight-3",0,3,10],56,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Sliding number 1","cnippet","Increment/decrement — +/- buttons drive a single odometer display","npx shadcn@latest add @cnippet/m-sliding-number-1","https://ui.cnippet.dev/docs/components/sliding-number",0,"",["m-sliding-number-1",0,1,7],48,"text","number ticker|counter,text effect,animated number|no icons,monochrome,minimal|c"],["Sliding number 2","cnippet","Live clock — hours, minutes, seconds as separate padded sliding numbers","npx shadcn@latest add @cnippet/m-sliding-number-2","https://ui.cnippet.dev/docs/components/sliding-number",0,"",["m-sliding-number-2",0,2,7],19,"misc","number ticker|counter,text effect,animated number|no icons,monochrome|c"],["Sliding number 3","cnippet","Pricing plan switcher — price and seat count animate on tier change","npx shadcn@latest add @cnippet/m-sliding-number-3","https://ui.cnippet.dev/docs/components/sliding-number",0,"",["m-sliding-number-3",0,3,7],69,"tabs","number ticker|counter,pricing,text effect,animated number|no icons,monochrome|c"],["Animated number 1","cnippet","Stepper — +10/-10 buttons spring the figure through intermediate values","npx shadcn@latest add @cnippet/m-animated-number-1","https://ui.cnippet.dev/docs/components/animated-number",0,"",["m-animated-number-1",0,0,0],53,"text","number ticker|counter,text effect,animated number|no icons,animated,monochrome,minimal|c"],["Animated number 2","cnippet","Upload progress — percentage label animates alongside a CSS progress bar","npx shadcn@latest add @cnippet/m-animated-number-2","https://ui.cnippet.dev/docs/components/animated-number",0,"",["m-animated-number-2",0,1,0],57,"text","number ticker|counter,upload,text effect,animated number|no icons,animated,monochrome,minimal|c"],["Animated number 3","cnippet","Dashboard metrics — three KPI cards spring on multiplier toggle","npx shadcn@latest add @cnippet/m-animated-number-3","https://ui.cnippet.dev/docs/components/animated-number",0,"",["m-animated-number-3",0,2,0],65,"text","number ticker|counter,pricing,text effect,animated number|no icons,animated,monochrome,minimal|c"],["Breathing text 1","cnippet","Weight + width wave — wght and wdth axes breathe left to right","npx shadcn@latest add @cnippet/m-breathing-text-1","https://ui.cnippet.dev/docs/components/breathing-text",0,"",["m-breathing-text-1",0,3,0],66,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Breathing text 2","cnippet","Center pulse — short logotype word pulses outward from center","npx shadcn@latest add @cnippet/m-breathing-text-2","https://ui.cnippet.dev/docs/components/breathing-text",0,"",["m-breathing-text-2",0,4,0],67,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Breathing text 3","cnippet","Heading + subtitle pair — two instances with opposite stagger directions","npx shadcn@latest add @cnippet/m-breathing-text-3","https://ui.cnippet.dev/docs/components/breathing-text",0,"",["m-breathing-text-3",0,5,0],65,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Splitting text 1","cnippet","Hero headline — word-level slide-up with spring transition","npx shadcn@latest add @cnippet/m-splitting-text-1","https://ui.cnippet.dev/docs/components/splitting-text",0,"",["m-splitting-text-1",0,7,7],68,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Splitting text 2","cnippet","Preset explorer — buttons switch all five presets on character-level split","npx shadcn@latest add @cnippet/m-splitting-text-2","https://ui.cnippet.dev/docs/components/splitting-text",0,"",["m-splitting-text-2",0,0,8],63,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Splitting text 3","cnippet","Stacked content block — eyebrow, headline, body with different presets","npx shadcn@latest add @cnippet/m-splitting-text-3","https://ui.cnippet.dev/docs/components/splitting-text",0,"",["m-splitting-text-3",0,1,8],75,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Rolling text 1","cnippet","Hero headline — letters roll up with tight stagger on mount","npx shadcn@latest add @cnippet/m-rolling-text-1","https://ui.cnippet.dev/docs/components/rolling-text",0,"",["m-rolling-text-1",0,4,4],64,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Rolling text 2","cnippet","Stacked display lines — three lines with incremental delay offsets","npx shadcn@latest add @cnippet/m-rolling-text-2","https://ui.cnippet.dev/docs/components/rolling-text",0,"",["m-rolling-text-2",0,5,4],78,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Rolling text 3","cnippet","Navigation links — roll down from above with per-item delay","npx shadcn@latest add @cnippet/m-rolling-text-3","https://ui.cnippet.dev/docs/components/rolling-text",0,"",["m-rolling-text-3",0,6,4],45,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Rotating text 1","cnippet","Hero inline — adjectives rotate inside a heading with stable width","npx shadcn@latest add @cnippet/m-rotating-text-1","https://ui.cnippet.dev/docs/components/rotating-text",0,"",["m-rotating-text-1",0,7,4],71,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Rotating text 2","cnippet","Framed CTA — action phrases rotate inside a bordered card","npx shadcn@latest add @cnippet/m-rotating-text-2","https://ui.cnippet.dev/docs/components/rotating-text",0,"",["m-rotating-text-2",0,0,5],50,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Rotating text 3","cnippet","Testimonial audience — direction down cycles target audience descriptor","npx shadcn@latest add @cnippet/m-rotating-text-3","https://ui.cnippet.dev/docs/components/rotating-text",0,"",["m-rotating-text-3",0,1,5],71,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Morphing text 1","cnippet","Auto-cycling hero words — four short action words blur-dissolve in sequence","npx shadcn@latest add @cnippet/m-morphing-text-1","https://ui.cnippet.dev/docs/components/morphing-text",0,"",["m-morphing-text-1",0,0,3],79,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Morphing text 2","cnippet","Tech stack card — stack names morph inside a product card","npx shadcn@latest add @cnippet/m-morphing-text-2","https://ui.cnippet.dev/docs/components/morphing-text",0,"",["m-morphing-text-2",0,1,3],89,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Morphing text 3","cnippet","Hero section — morphing headline anchored by static eyebrow and body copy","npx shadcn@latest add @cnippet/m-morphing-text-3","https://ui.cnippet.dev/docs/components/morphing-text",0,"",["m-morphing-text-3",0,2,3],91,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Spinning text 1","cnippet","Badge ring — spinning label orbits a centered icon","npx shadcn@latest add @cnippet/m-spinning-text-1","https://ui.cnippet.dev/docs/components/spinning-text",0,"",["m-spinning-text-1",0,4,7],46,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Spinning text 2","cnippet","CTA orbit — reversed ring around a clickable arrow button","npx shadcn@latest add @cnippet/m-spinning-text-2","https://ui.cnippet.dev/docs/components/spinning-text",0,"",["m-spinning-text-2",0,5,7],50,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Spinning text 3","cnippet","Concentric rings — two rings at different radii, speeds, and directions","npx shadcn@latest add @cnippet/m-spinning-text-3","https://ui.cnippet.dev/docs/components/spinning-text",0,"",["m-spinning-text-3",0,6,7],46,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Text roll 1","cnippet","Hero headline — letter-by-letter 3D roll reveal for a landing page heading","npx shadcn@latest add @cnippet/m-text-roll-1","https://ui.cnippet.dev/docs/components/text-roll",0,"",["m-text-roll-1",0,5,11],65,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Text roll 2","cnippet","Stats row — three TextRoll instances with offset delays animate key metrics with replay","npx shadcn@latest add @cnippet/m-text-roll-2","https://ui.cnippet.dev/docs/components/text-roll",0,"",["m-text-roll-2",0,6,11],68,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Text roll 3","cnippet","Navigation links — staggered roll-in across nav items on mount","npx shadcn@latest add @cnippet/m-text-roll-3","https://ui.cnippet.dev/docs/components/text-roll",0,"",["m-text-roll-3",0,7,11],36,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome|c"],["Flip words 1","cnippet","Hero inline — adjectives flip inside a heading with primary colour accent","npx shadcn@latest add @cnippet/m-flip-words-1","https://ui.cnippet.dev/docs/components/flip-words",0,"",["m-flip-words-1",0,7,1],50,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Flip words 2","cnippet","CTA button — action verbs flip inside a full-width button for a sense of urgency","npx shadcn@latest add @cnippet/m-flip-words-2","https://ui.cnippet.dev/docs/components/flip-words",0,"",["m-flip-words-2",0,0,2],87,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Flip words 3","cnippet","Testimonial card — audience descriptor cycles in a pull-quote layout","npx shadcn@latest add @cnippet/m-flip-words-3","https://ui.cnippet.dev/docs/components/flip-words",0,"",["m-flip-words-3",0,1,2],89,"text","text effect|text animation,typography,animated text|no icons,avatar,monochrome,minimal|c"],["Counting number 1","cnippet","Stats section — four counters animate a social-proof grid on mount","npx shadcn@latest add @cnippet/m-counting-number-1","https://ui.cnippet.dev/docs/components/counting-number",0,"",["m-counting-number-1",0,1,1],20,"text","number ticker|counter,text effect,animated number|no icons,monochrome,minimal|c"],["Counting number 2","cnippet","Large hero metric — single full-width counter with imperative replay via ref","npx shadcn@latest add @cnippet/m-counting-number-2","https://ui.cnippet.dev/docs/components/counting-number",0,"",["m-counting-number-2",0,2,1],80,"text","number ticker|counter,pricing,text effect,animated number|no icons,monochrome,minimal|c"],["Counting number 3","cnippet","Dashboard metrics — three gradient counters inside bordered cards with different durations","npx shadcn@latest add @cnippet/m-counting-number-3","https://ui.cnippet.dev/docs/components/counting-number",0,"",["m-counting-number-3",0,3,1],86,"section|b","number ticker|counter,text effect,animated number|no icons,monochrome,minimal|c"],["Colorful text 1","cnippet","Hero headline — full sentence reveals character-by-character with random vibrant colours","npx shadcn@latest add @cnippet/m-colorful-text-1","https://ui.cnippet.dev/docs/components/colorful-text",0,"",["m-colorful-text-1",0,6,0],75,"text","text effect|text animation,typography,animated text|no icons,animated,colorful|c"],["Colorful text 2","cnippet","Brand logotype — short all-caps word with custom violet-to-teal palette","npx shadcn@latest add @cnippet/m-colorful-text-2","https://ui.cnippet.dev/docs/components/colorful-text",0,"",["m-colorful-text-2",0,7,0],79,"text","text effect|text animation,typography,animated text|no icons,animated|c"],["Colorful text 3","cnippet","Cycling phrases — button replays the colour animation across multiple phrases","npx shadcn@latest add @cnippet/m-colorful-text-3","https://ui.cnippet.dev/docs/components/colorful-text",0,"",["m-colorful-text-3",0,0,1],88,"text","text effect|text animation,typography,animated text|no icons,animated,colorful|c"],["Encrypted text 1","cnippet","Hero headline — large heading decrypts left-to-right on mount","npx shadcn@latest add @cnippet/m-encrypted-text-1","https://ui.cnippet.dev/docs/components/encrypted-text",0,"",["m-encrypted-text-1",0,4,1],61,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Encrypted text 2","cnippet","Terminal session — CLI commands decrypt sequentially on Enter","npx shadcn@latest add @cnippet/m-encrypted-text-2","https://ui.cnippet.dev/docs/components/encrypted-text",0,"",["m-encrypted-text-2",0,5,1],84,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Encrypted text 3","cnippet","Direction picker — buttons replay with each of four revealDirection values","npx shadcn@latest add @cnippet/m-encrypted-text-3","https://ui.cnippet.dev/docs/components/encrypted-text",0,"",["m-encrypted-text-3",0,6,1],55,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Text generate effect 1","cnippet","Hero headline — word-by-word blur-fade reveal for landing page headings","npx shadcn@latest add @cnippet/m-text-generate-effect-1","https://ui.cnippet.dev/docs/components/text-generate-effect",0,"",["m-text-generate-effect-1",0,3,9],65,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Text generate effect 2","cnippet","AI chat response — assistant card regenerates text on demand via trigger","npx shadcn@latest add @cnippet/m-text-generate-effect-2","https://ui.cnippet.dev/docs/components/text-generate-effect",0,"",["m-text-generate-effect-2",0,4,9],69,"text","text effect|text animation,typography,animated text|no icons,avatar,animated,monochrome|c"],["Text generate effect 3","cnippet","Stacked content block — eyebrow, headline, and body with different stagger settings","npx shadcn@latest add @cnippet/m-text-generate-effect-3","https://ui.cnippet.dev/docs/components/text-generate-effect",0,"",["m-text-generate-effect-3",0,5,9],75,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Letter 3d swap 1","cnippet","Navigation links — letters rotate upward on hover with colour change between faces","npx shadcn@latest add @cnippet/m-letter-3d-swap-1","https://ui.cnippet.dev/docs/components/letter-3d-swap",0,"",["m-letter-3d-swap-1",0,2,2],6,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Letter 3d swap 2","cnippet","CTA buttons — filled and outlined buttons with opposite rotateDirection values","npx shadcn@latest add @cnippet/m-letter-3d-swap-2","https://ui.cnippet.dev/docs/components/letter-3d-swap",0,"",["m-letter-3d-swap-2",0,3,2],60,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Letter 3d swap 3","cnippet","Direction showcase — four rows compare top, right, bottom, and left rotations","npx shadcn@latest add @cnippet/m-letter-3d-swap-3","https://ui.cnippet.dev/docs/components/letter-3d-swap",0,"",["m-letter-3d-swap-3",0,4,2],63,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Random letter swap 1","cnippet","Navigation links — each link shuffles independently on hover","npx shadcn@latest add @cnippet/m-random-letter-swap-1","https://ui.cnippet.dev/docs/components/random-letter-swap",0,"",["m-random-letter-swap-1",0,1,4],37,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Random letter swap 2","cnippet","CTA buttons — two buttons with reverse prop contrast for visual distinction","npx shadcn@latest add @cnippet/m-random-letter-swap-2","https://ui.cnippet.dev/docs/components/random-letter-swap",0,"",["m-random-letter-swap-2",0,2,4],63,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Random letter swap 3","cnippet","Tag chips — technology tags inside pill badges shuffle on hover","npx shadcn@latest add @cnippet/m-random-letter-swap-3","https://ui.cnippet.dev/docs/components/random-letter-swap",0,"",["m-random-letter-swap-3",0,3,4],47,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Scroll swap text 1","cnippet","Feature list — each item slides in as the scrollable container is scrolled","npx shadcn@latest add @cnippet/m-scroll-swap-text-1","https://ui.cnippet.dev/docs/components/scroll-swap-text",0,"",["m-scroll-swap-text-1",0,3,6],62,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Scroll swap text 2","cnippet","Step-by-step process — numbered steps swap in as they cross the scroll threshold","npx shadcn@latest add @cnippet/m-scroll-swap-text-2","https://ui.cnippet.dev/docs/components/scroll-swap-text",0,"",["m-scroll-swap-text-2",0,4,6],60,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Scroll swap text 3","cnippet","Testimonial quotes — pull quotes scroll into view one at a time","npx shadcn@latest add @cnippet/m-scroll-swap-text-3","https://ui.cnippet.dev/docs/components/scroll-swap-text",0,"",["m-scroll-swap-text-3",0,5,6],60,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Variable font hover 1","cnippet","Navigation links — letters bold from center outward on hover","npx shadcn@latest add @cnippet/m-variable-font-hover-1","https://ui.cnippet.dev/docs/components/variable-font-hover",0,"",["m-variable-font-hover-1",1,2,2],38,"text","navbar|header,navigation,menu|no icons,monochrome,minimal|c"],["Variable font hover 2","cnippet","Hero headline — two lines with inverted weight axes contrast on hover","npx shadcn@latest add @cnippet/m-variable-font-hover-2","https://ui.cnippet.dev/docs/components/variable-font-hover",0,"",["m-variable-font-hover-2",1,3,2],70,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Variable font hover 3","cnippet","CTA links — three links each using a different staggerFrom origin","npx shadcn@latest add @cnippet/m-variable-font-hover-3","https://ui.cnippet.dev/docs/components/variable-font-hover",0,"",["m-variable-font-hover-3",1,4,2],59,"text","link|text link,hover|no icons,monochrome|c"],["Variable font cursor proximity 1","cnippet","Hero headline — characters grow from ultra-light to black near cursor","npx shadcn@latest add @cnippet/m-variable-font-cursor-proximity-1","https://ui.cnippet.dev/docs/components/variable-font-cursor-proximity",0,"",["m-variable-font-cursor-proximity-1",1,7,1],60,"text","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Variable font cursor proximity 2","cnippet","Dual lines — mirrored inverted axes with gaussian falloff","npx shadcn@latest add @cnippet/m-variable-font-cursor-proximity-2","https://ui.cnippet.dev/docs/components/variable-font-cursor-proximity",0,"",["m-variable-font-cursor-proximity-2",1,0,2],71,"text","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Variable font cursor proximity 3","cnippet","Navigation — nav items respond to proximity with exponential falloff","npx shadcn@latest add @cnippet/m-variable-font-cursor-proximity-3","https://ui.cnippet.dev/docs/components/variable-font-cursor-proximity",0,"",["m-variable-font-cursor-proximity-3",1,1,2],7,"text","cursor effect|cursor,interaction,animation|no icons,monochrome,minimal|c"],["Text cursor proximity 1","cnippet","Scale — characters grow as cursor approaches with linear falloff","npx shadcn@latest add @cnippet/m-text-cursor-proximity-1","https://ui.cnippet.dev/docs/components/text-cursor-proximity",0,"",["m-text-cursor-proximity-1",0,0,9],58,"text","cursor effect|text effect,cursor,interaction,animation|no icons,monochrome,minimal|c"],["Text cursor proximity 2","cnippet","Opacity reveal — two hidden lines appear as cursor sweeps with gaussian falloff","npx shadcn@latest add @cnippet/m-text-cursor-proximity-2","https://ui.cnippet.dev/docs/components/text-cursor-proximity",0,"",["m-text-cursor-proximity-2",0,1,9],48,"text","cursor effect|text effect,cursor,interaction,animation|no icons,monochrome|c"],["Text cursor proximity 3","cnippet","Scale and color — characters grow and shift colour with exponential falloff","npx shadcn@latest add @cnippet/m-text-cursor-proximity-3","https://ui.cnippet.dev/docs/components/text-cursor-proximity",0,"",["m-text-cursor-proximity-3",0,2,9],66,"text","cursor effect|text effect,cursor,interaction,animation|no icons,monochrome,minimal|c"],["Text along path 1","cnippet","Circular badge — text loops continuously around a circular path","npx shadcn@latest add @cnippet/m-text-along-path-1","https://ui.cnippet.dev/docs/components/text-along-path",0,"",["m-text-along-path-1",0,5,8],43,"text","text effect|text animation,typography,animated text|no icons|c"],["Text along path 2","cnippet","Wave path — text flows along a sinusoidal wave in auto mode","npx shadcn@latest add @cnippet/m-text-along-path-2","https://ui.cnippet.dev/docs/components/text-along-path",0,"",["m-text-along-path-2",0,6,8],4,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Text along path 3","cnippet","Curved path with visible stroke — cubic Bézier with showPath for debugging","npx shadcn@latest add @cnippet/m-text-along-path-3","https://ui.cnippet.dev/docs/components/text-along-path",0,"",["m-text-along-path-3",0,7,8],41,"text","text effect|text animation,typography,animated text|no icons|c"],["Scroll reveal 1","cnippet","Feature cards — three cards slide up and fade in with staggered delays on scroll","npx shadcn@latest add @cnippet/m-scroll-reveal-1","https://ui.cnippet.dev/docs/components/scroll-reveal",0,"",["m-scroll-reveal-1",0,0,6],84,"section|b","scroll effect|scroll,animation|no icons,monochrome|c"],["Scroll reveal 2","cnippet","Feature section — image slides from left, text from right in a split layout","npx shadcn@latest add @cnippet/m-scroll-reveal-2","https://ui.cnippet.dev/docs/components/scroll-reveal",0,"",["m-scroll-reveal-2",0,1,6],87,"section|b","scroll effect|scroll,animation|no icons,monochrome|c"],["Scroll reveal 3","cnippet","Stepped list — each item slides in from the left with incrementing delay","npx shadcn@latest add @cnippet/m-scroll-reveal-3","https://ui.cnippet.dev/docs/components/scroll-reveal",0,"",["m-scroll-reveal-3",0,2,6],64,"misc","scroll effect|scroll,animation|no icons,monochrome|c"],["Scroll progress 1","cnippet","Fixed reading bar — 1px bar pinned to viewport top tracks window scroll","npx shadcn@latest add @cnippet/m-scroll-progress-1","https://ui.cnippet.dev/docs/components/scroll-progress",0,"",["m-scroll-progress-1",0,5,5],57,"loader","progress bar|scroll effect,progress,meter,loading|no icons,monochrome|c"],["Scroll progress 2","cnippet","In-container progress — gradient bar in card header scoped to a scrollable div","npx shadcn@latest add @cnippet/m-scroll-progress-2","https://ui.cnippet.dev/docs/components/scroll-progress",0,"",["m-scroll-progress-2",0,6,5],63,"loader","progress bar|scroll effect,progress,meter,loading|no icons,monochrome|c"],["Scroll progress 3","cnippet","Styled bar with percentage — rounded gradient bar with live percentage label","npx shadcn@latest add @cnippet/m-scroll-progress-3","https://ui.cnippet.dev/docs/components/scroll-progress",0,"",["m-scroll-progress-3",0,7,5],55,"loader","progress bar|scroll effect,progress,meter,loading|no icons,monochrome|c"],["Scroll velocity text 1","cnippet","Word marquee — continuous horizontal scroll of tech-stack words, speeds up on scroll","npx shadcn@latest add @cnippet/m-scroll-velocity-text-1","https://ui.cnippet.dev/docs/components/scroll-velocity-text",0,"",["m-scroll-velocity-text-1",0,6,6],38,"text","text effect|scroll effect,text animation,typography,animated text|no icons,monochrome|c"],["Scroll velocity text 2","cnippet","Opposing rows — two rows scrolling in opposite directions, velocity-reactive","npx shadcn@latest add @cnippet/m-scroll-velocity-text-2","https://ui.cnippet.dev/docs/components/scroll-velocity-text",0,"",["m-scroll-velocity-text-2",0,7,6],42,"text","text effect|scroll effect,text animation,typography,animated text|no icons,monochrome|c"],["Scroll velocity text 3","cnippet","Pill marquee — badge-style items scrolling continuously at a fixed speed","npx shadcn@latest add @cnippet/m-scroll-velocity-text-3","https://ui.cnippet.dev/docs/components/scroll-velocity-text",0,"",["m-scroll-velocity-text-3",0,0,7],51,"text","text effect|scroll effect,text animation,typography,animated text|no icons,monochrome|c"],["Parallax floating 1","cnippet","Floating shapes — geometric shapes at different depths follow the cursor","npx shadcn@latest add @cnippet/m-parallax-floating-1","https://ui.cnippet.dev/docs/components/parallax-floating",0,"",["m-parallax-floating-1",0,3,3],81,"misc","scroll effect|scroll,animation|no icons,monochrome,minimal|c"],["Parallax floating 2","cnippet","Floating card — card with glow blobs and dot accents at independent depth layers","npx shadcn@latest add @cnippet/m-parallax-floating-2","https://ui.cnippet.dev/docs/components/parallax-floating",0,"",["m-parallax-floating-2",0,4,3],75,"card","scroll effect|scroll,animation|no icons,monochrome,minimal|c"],["Parallax floating 3","cnippet","Floating symbols — abstract symbols drift at different depths following cursor","npx shadcn@latest add @cnippet/m-parallax-floating-3","https://ui.cnippet.dev/docs/components/parallax-floating",0,"",["m-parallax-floating-3",0,5,3],55,"misc","scroll effect|scroll,animation|no icons,monochrome,minimal|c"],["Stacking cards 1","cnippet","Feature cards — three feature cards stack as you scroll through the section","npx shadcn@latest add @cnippet/m-stacking-cards-1","https://ui.cnippet.dev/docs/components/stacking-cards",0,"",["m-stacking-cards-1",0,2,8],83,"card","card|container,surface|no icons,monochrome|c"],["Stacking cards 2","cnippet","Testimonial cards — customer quotes stack on scroll with subtle scaling","npx shadcn@latest add @cnippet/m-stacking-cards-2","https://ui.cnippet.dev/docs/components/stacking-cards",0,"",["m-stacking-cards-2",0,3,8],64,"card","card|container,surface|no icons,monochrome|c"],["Stacking cards 3","cnippet","Process steps — numbered steps stack sequentially on scroll","npx shadcn@latest add @cnippet/m-stacking-cards-3","https://ui.cnippet.dev/docs/components/stacking-cards",0,"",["m-stacking-cards-3",0,4,8],48,"card","card|container,surface|no icons,monochrome|c"],["Progressive blur 1","cnippet","List fade — content list with progressive blur fade at the bottom","npx shadcn@latest add @cnippet/m-progressive-blur-1","https://ui.cnippet.dev/docs/components/progressive-blur",0,"",["m-progressive-blur-1",0,6,3],55,"misc","progress bar|progress,meter,loading|no icons,monochrome|c"],["Progressive blur 2","cnippet","Gallery edges — horizontal row of cards with left and right edge blur","npx shadcn@latest add @cnippet/m-progressive-blur-2","https://ui.cnippet.dev/docs/components/progressive-blur",0,"",["m-progressive-blur-2",0,7,3],90,"carousel","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Progressive blur 3","cnippet","Nav overflow — horizontal nav bar with right-edge blur for overflow indication","npx shadcn@latest add @cnippet/m-progressive-blur-3","https://ui.cnippet.dev/docs/components/progressive-blur",0,"",["m-progressive-blur-3",0,0,4],71,"navbar|b","progress bar|progress,meter,loading|no icons,monochrome,minimal|c"],["Dusk call to action 1","tailark","Tailark Dusk call to action block, variant 1.","npx shadcn@latest add @tailark/dusk-call-to-action-1","https://tailark.com/dusk/call-to-action",0,"",["dusk-call-to-action-1",0,0,0],71,"button|b","cta section|call to action,banner|no icons,monochrome,minimal|b"],["Dusk call to action 2","tailark","Tailark Dusk call to action block, variant 2.","npx shadcn@latest add @tailark/dusk-call-to-action-2","https://tailark.com/dusk/call-to-action",0,"",["dusk-call-to-action-2",0,1,0],65,"button|b","cta section|call to action,banner|no icons,monochrome,minimal|b"],["Dusk content 4","tailark","Tailark Dusk content block, variant 4.","npx shadcn@latest add @tailark/dusk-content-4","https://tailark.com/dusk/content",0,"",["dusk-content-4",0,5,0],63,"misc","card|content section,notifications,container,surface|icons,monochrome|c"],["Dusk content 1","tailark","Tailark Dusk content block, variant 1.","npx shadcn@latest add @tailark/dusk-content-1","https://tailark.com/dusk/content",0,"",["dusk-content-1",0,2,0],80,"misc","card|content section,container,surface|icons,monochrome|c"],["Dusk content 3","tailark","Tailark Dusk content block, variant 3.","npx shadcn@latest add @tailark/dusk-content-3","https://tailark.com/dusk/content",0,"",["dusk-content-3",0,4,0],77,"misc","card|content section,container,surface|icons,monochrome|c"],["Dusk content 2","tailark","Tailark Dusk content block, variant 2.","npx shadcn@latest add @tailark/dusk-content-2","https://tailark.com/dusk/content",0,"",["dusk-content-2",0,3,0],66,"misc","card|content section,container,surface|icons,monochrome|c"],["Dusk faqs 1","tailark","Tailark Dusk faqs block, variant 1.","npx shadcn@latest add @tailark/dusk-faqs-1","https://tailark.com/dusk/faqs",0,"",["dusk-faqs-1",0,6,0],63,"accordion","accordion|faq section,e-commerce,collapsible,expand,faq|icons,monochrome|c"],["Dusk features 5","tailark","Tailark Dusk features block, variant 5.","npx shadcn@latest add @tailark/dusk-features-5","https://tailark.com/dusk/features",0,"",["dusk-features-5",0,3,1],63,"section|b","features section|features,tasks,grid,landing page|icons,avatar,images,monochrome|b"],["Dusk features 4","tailark","Tailark Dusk features block, variant 4.","npx shadcn@latest add @tailark/dusk-features-4","https://tailark.com/dusk/features",0,"",["dusk-features-4",0,2,1],82,"section|b","features section|features,pricing,grid,landing page|no icons,avatar,images,monochrome|b"],["Dusk features 1","tailark","Tailark Dusk features block, variant 1.","npx shadcn@latest add @tailark/dusk-features-1","https://tailark.com/dusk/features",0,"",["dusk-features-1",0,7,0],67,"section|b","features section|features,tasks,grid,landing page|icons,monochrome|b"],["Dusk features 7","tailark","Tailark Dusk features block, variant 7.","npx shadcn@latest add @tailark/dusk-features-7","https://tailark.com/dusk/features",0,"",0,0],["Dusk features 6","tailark","Tailark Dusk features block, variant 6.","npx shadcn@latest add @tailark/dusk-features-6","https://tailark.com/dusk/features",0,"",["dusk-features-6",0,4,1],68,"section|b","features section|features,grid,landing page|icons,images,monochrome|b"],["Dusk features 3","tailark","Tailark Dusk features block, variant 3.","npx shadcn@latest add @tailark/dusk-features-3","https://tailark.com/dusk/features",0,"",["dusk-features-3",0,1,1],71,"section|b","features section|features,pricing,grid,landing page|icons,avatar,images,monochrome|b"],["Dusk features 2","tailark","Tailark Dusk features block, variant 2.","npx shadcn@latest add @tailark/dusk-features-2","https://tailark.com/dusk/features",0,"",["dusk-features-2",0,0,1],67,"section|b","features section|features,analytics,grid,landing page|icons,monochrome|b"],["Dusk footer 1","tailark","Tailark Dusk footer block, variant 1.","npx shadcn@latest add @tailark/dusk-footer-1","https://tailark.com/dusk/footer",0,"",["dusk-footer-1",0,5,1],77,"section|b","footer|links,site footer|icons,monochrome|b"],["Dusk footer 2","tailark","Tailark Dusk footer block, variant 2.","npx shadcn@latest add @tailark/dusk-footer-2","https://tailark.com/dusk/footer",0,"",["dusk-footer-2",0,6,1],73,"section|b","footer|links,site footer|icons,monochrome|b"],["Dusk hero section 8","tailark","Tailark Dusk hero section block, variant 8.","npx shadcn@latest add @tailark/dusk-hero-section-8","https://tailark.com/dusk/hero-section",0,"",["dusk-hero-section-8",0,7,1],89,"section|b","hero section|content section,pricing,landing page,header,headline|icons,avatar,images,monochrome|b"],["Dusk integrations 1","tailark","Tailark Dusk integrations block, variant 1.","npx shadcn@latest add @tailark/dusk-integrations-1","https://tailark.com/dusk/integrations",0,"",["dusk-integrations-1",0,0,2],75,"misc|b","integrations|logos,search,apps|icons,monochrome|b"],["Dusk logo cloud 4","tailark","Tailark Dusk logo cloud block, variant 4.","npx shadcn@latest add @tailark/dusk-logo-cloud-4","https://tailark.com/dusk/logo-cloud",0,"",["dusk-logo-cloud-4",0,4,2],63,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Dusk logo cloud 1","tailark","Tailark Dusk logo cloud block, variant 1.","npx shadcn@latest add @tailark/dusk-logo-cloud-1","https://tailark.com/dusk/logo-cloud",0,"",["dusk-logo-cloud-1",0,1,2],70,"section|b","logo cloud|logos,brands,social proof|icons,monochrome,minimal|b"],["Dusk logo cloud 3","tailark","Tailark Dusk logo cloud block, variant 3.","npx shadcn@latest add @tailark/dusk-logo-cloud-3","https://tailark.com/dusk/logo-cloud",0,"",["dusk-logo-cloud-3",0,3,2],64,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Dusk logo cloud 2","tailark","Tailark Dusk logo cloud block, variant 2.","npx shadcn@latest add @tailark/dusk-logo-cloud-2","https://tailark.com/dusk/logo-cloud",0,"",["dusk-logo-cloud-2",0,2,2],62,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Dusk pricing 1","tailark","Tailark Dusk pricing block, variant 1.","npx shadcn@latest add @tailark/dusk-pricing-1","https://tailark.com/dusk/pricing",0,"",["dusk-pricing-1",0,5,2],65,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Dusk pricing 2","tailark","Tailark Dusk pricing block, variant 2.","npx shadcn@latest add @tailark/dusk-pricing-2","https://tailark.com/dusk/pricing",0,"",["dusk-pricing-2",0,6,2],70,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Dusk stats 1","tailark","Tailark Dusk stats block, variant 1.","npx shadcn@latest add @tailark/dusk-stats-1","https://tailark.com/dusk/stats",0,"",["dusk-stats-1",0,7,2],71,"chart|b","stats section|numbers,analytics,metrics|no icons,monochrome|b"],["Dusk stats 2","tailark","Tailark Dusk stats block, variant 2.","npx shadcn@latest add @tailark/dusk-stats-2","https://tailark.com/dusk/stats",0,"",["dusk-stats-2",0,0,3],70,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Dusk team 1","tailark","Tailark Dusk team block, variant 1.","npx shadcn@latest add @tailark/dusk-team-1","https://tailark.com/dusk/team",0,"",["dusk-team-1",0,1,3],84,"section|b","team section|team,analytics,people,avatars|no icons,images,monochrome|b"],["Dusk team 2","tailark","Tailark Dusk team block, variant 2.","npx shadcn@latest add @tailark/dusk-team-2","https://tailark.com/dusk/team",0,"",["dusk-team-2",0,2,3],72,"section|b","team section|team,analytics,people,avatars|no icons,avatar,images,monochrome|b"],["Dusk testimonials 1","tailark","Tailark Dusk testimonials block, variant 1.","npx shadcn@latest add @tailark/dusk-testimonials-1","https://tailark.com/dusk/testimonials",0,"",["dusk-testimonials-1",0,3,3],96,"card|b","testimonials|reviews,social proof,quotes|icons,monochrome|b"],["Dusk testimonials 2","tailark","Tailark Dusk testimonials block, variant 2.","npx shadcn@latest add @tailark/dusk-testimonials-2","https://tailark.com/dusk/testimonials",0,"",["dusk-testimonials-2",0,4,3],85,"card|b","testimonials|reviews,social proof,quotes|icons,monochrome|b"],["Mist call to action 1","tailark","Tailark Mist call to action block, variant 1.","npx shadcn@latest add @tailark/mist-call-to-action-1","https://tailark.com/mist/call-to-action",0,"",["mist-call-to-action-1",0,5,3],66,"button|b","cta section|call to action,banner|no icons,monochrome,minimal|b"],["Mist call to action 3","tailark","Tailark Mist call to action block, variant 3.","npx shadcn@latest add @tailark/mist-call-to-action-3","https://tailark.com/mist/call-to-action",0,"",["mist-call-to-action-3",0,7,3],85,"button|b","cta section|call to action,banner|icons,monochrome|b"],["Mist call to action 2","tailark","Tailark Mist call to action block, variant 2.","npx shadcn@latest add @tailark/mist-call-to-action-2","https://tailark.com/mist/call-to-action",0,"",["mist-call-to-action-2",0,6,3],65,"button|b","cta section|call to action,banner|no icons,monochrome,minimal|b"],["Mist comparator 1","tailark","Tailark Mist comparator block, variant 1.","npx shadcn@latest add @tailark/mist-comparator-1","https://tailark.com/mist/comparator",0,"",["mist-comparator-1",0,0,4],77,"misc","data table|table,rows,spreadsheet|icons,monochrome|c"],["Mist contact 1","tailark","Tailark Mist contact block, variant 1.","npx shadcn@latest add @tailark/mist-contact-1","https://tailark.com/mist/contact",0,"",["mist-contact-1",0,1,4],81,"section|b","contact section|contact form,account,form|icons,monochrome|b"],["Mist content 4","tailark","Tailark Mist content block, variant 4.","npx shadcn@latest add @tailark/mist-content-4","https://tailark.com/mist/content",0,"",["mist-content-4",0,5,4],81,"misc","card|content section,container,surface|icons,monochrome|c"],["Mist content 1","tailark","Tailark Mist content block, variant 1.","npx shadcn@latest add @tailark/mist-content-1","https://tailark.com/mist/content",0,"",["mist-content-1",0,2,4],66,"misc","card|content section,container,surface|icons,monochrome|c"],["Mist content 3","tailark","Tailark Mist content block, variant 3.","npx shadcn@latest add @tailark/mist-content-3","https://tailark.com/mist/content",0,"",["mist-content-3",0,4,4],76,"misc","card|content section,container,surface|no icons,images,monochrome|c"],["Mist content 2","tailark","Tailark Mist content block, variant 2.","npx shadcn@latest add @tailark/mist-content-2","https://tailark.com/mist/content",0,"",["mist-content-2",0,3,4],66,"misc","card|content section,container,surface|icons,monochrome|c"],["Mist faqs 1","tailark","Tailark Mist faqs block, variant 1.","npx shadcn@latest add @tailark/mist-faqs-1","https://tailark.com/mist/faqs",0,"",["mist-faqs-1",0,6,4],66,"accordion","accordion|faq section,e-commerce,collapsible,expand,faq|icons,monochrome|c"],["Mist faqs 3","tailark","Tailark Mist faqs block, variant 3.","npx shadcn@latest add @tailark/mist-faqs-3","https://tailark.com/mist/faqs",0,"",["mist-faqs-3",0,0,5],64,"accordion","accordion|faq section,e-commerce,collapsible,expand,faq|icons,animated,monochrome|c"],["Mist faqs 2","tailark","Tailark Mist faqs block, variant 2.","npx shadcn@latest add @tailark/mist-faqs-2","https://tailark.com/mist/faqs",0,"",["mist-faqs-2",0,7,4],62,"accordion","accordion|faq section,e-commerce,collapsible,expand,faq|icons,monochrome|c"],["Mist features 8","tailark","Tailark Mist features block, variant 8.","npx shadcn@latest add @tailark/mist-features-8","https://tailark.com/mist/features",0,"",["mist-features-8",0,1,6],83,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Mist features 11","tailark","Tailark Mist features block, variant 11.","npx shadcn@latest add @tailark/mist-features-11","https://tailark.com/mist/features",0,"",["mist-features-11",0,2,5],75,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Mist features 5","tailark","Tailark Mist features block, variant 5.","npx shadcn@latest add @tailark/mist-features-5","https://tailark.com/mist/features",0,"",["mist-features-5",0,6,5],81,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Mist features 4","tailark","Tailark Mist features block, variant 4.","npx shadcn@latest add @tailark/mist-features-4","https://tailark.com/mist/features",0,"",["mist-features-4",0,5,5],65,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Mist features 9","tailark","Tailark Mist features block, variant 9.","npx shadcn@latest add @tailark/mist-features-9","https://tailark.com/mist/features",0,"",["mist-features-9",0,2,6],73,"section|b","features section|features,grid,landing page|icons,avatar,images,monochrome|b"],["Mist features 7","tailark","Tailark Mist features block, variant 7.","npx shadcn@latest add @tailark/mist-features-7","https://tailark.com/mist/features",0,"",["mist-features-7",0,0,6],86,"section|b","features section|features,grid,landing page|icons,avatar,images,monochrome|b"],["Mist features 6","tailark","Tailark Mist features block, variant 6.","npx shadcn@latest add @tailark/mist-features-6","https://tailark.com/mist/features",0,"",["mist-features-6",0,7,5],66,"section|b","features section|features,grid,landing page|icons,avatar,images,animated,monochrome|b"],["Mist features 10","tailark","Tailark Mist features block, variant 10.","npx shadcn@latest add @tailark/mist-features-10","https://tailark.com/mist/features",0,"",["mist-features-10",0,1,5],74,"section|b","features section|features,grid,landing page|icons,avatar,images,monochrome|b"],["Mist features 3","tailark","Tailark Mist features block, variant 3.","npx shadcn@latest add @tailark/mist-features-3","https://tailark.com/mist/features",0,"",["mist-features-3",0,4,5],65,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Mist features 2","tailark","Tailark Mist features block, variant 2.","npx shadcn@latest add @tailark/mist-features-2","https://tailark.com/mist/features",0,"",["mist-features-2",0,3,5],68,"section|b","features section|features,media,tasks,grid,landing page|no icons,monochrome|b"],["Mist footer 4","tailark","Tailark Mist footer block, variant 4.","npx shadcn@latest add @tailark/mist-footer-4","https://tailark.com/mist/footer",0,"",["mist-footer-4",0,6,6],28,"section|b","footer|links,site footer|icons,monochrome|b"],["Mist footer 1","tailark","Tailark Mist footer block, variant 1.","npx shadcn@latest add @tailark/mist-footer-1","https://tailark.com/mist/footer",0,"",["mist-footer-1",0,3,6],86,"section|b","footer|links,site footer|icons,monochrome|b"],["Mist footer 3","tailark","Tailark Mist footer block, variant 3.","npx shadcn@latest add @tailark/mist-footer-3","https://tailark.com/mist/footer",0,"",["mist-footer-3",0,5,6],68,"section|b","footer|links,site footer|icons,monochrome|b"],["Mist footer 2","tailark","Tailark Mist footer block, variant 2.","npx shadcn@latest add @tailark/mist-footer-2","https://tailark.com/mist/footer",0,"",["mist-footer-2",0,4,6],72,"section|b","footer|links,site footer|icons,monochrome|b"],["Mist forgot password 1","tailark","Tailark Mist forgot password block, variant 1.","npx shadcn@latest add @tailark/mist-forgot-password-1","https://tailark.com/mist/forgot-password",0,"",["mist-forgot-password-1",0,7,6],93,"misc","password input|input,form,login|icons,monochrome|c"],["Mist hero section 5","tailark","Tailark Mist hero section block, variant 5.","npx shadcn@latest add @tailark/mist-hero-section-5","https://tailark.com/mist/hero-section",0,"",["mist-hero-section-5",0,0,7],89,"section|b","hero section|content section,landing page,header,headline|icons,images,monochrome|b"],["Mist hero section 6","tailark","Tailark Mist hero section block, variant 6.","npx shadcn@latest add @tailark/mist-hero-section-6","https://tailark.com/mist/hero-section",0,"",["mist-hero-section-6",0,1,7],89,"section|b","hero section|content section,landing page,header,headline|icons,images,monochrome|b"],["Mist integrations 1","tailark","Tailark Mist integrations block, variant 1.","npx shadcn@latest add @tailark/mist-integrations-1","https://tailark.com/mist/integrations",0,"",["mist-integrations-1",0,2,7],71,"misc|b","integrations|logos,apps|icons,monochrome|b"],["Mist integrations 3","tailark","Tailark Mist integrations block, variant 3.","npx shadcn@latest add @tailark/mist-integrations-3","https://tailark.com/mist/integrations",0,"",["mist-integrations-3",0,4,7],75,"misc|b","integrations|logos,apps|no icons,monochrome|b"],["Mist integrations 2","tailark","Tailark Mist integrations block, variant 2.","npx shadcn@latest add @tailark/mist-integrations-2","https://tailark.com/mist/integrations",0,"",["mist-integrations-2",0,3,7],78,"misc|b","integrations|logos,apps|icons,monochrome|b"],["Mist login 1","tailark","Tailark Mist login block, variant 1.","npx shadcn@latest add @tailark/mist-login-1","https://tailark.com/mist/login",0,"",["mist-login-1",0,5,7],87,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Mist logo cloud 1","tailark","Tailark Mist logo cloud block, variant 1.","npx shadcn@latest add @tailark/mist-logo-cloud-1","https://tailark.com/mist/logo-cloud",0,"",["mist-logo-cloud-1",0,6,7],31,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Mist logo cloud 2","tailark","Tailark Mist logo cloud block, variant 2.","npx shadcn@latest add @tailark/mist-logo-cloud-2","https://tailark.com/mist/logo-cloud",0,"",["mist-logo-cloud-2",0,7,7],64,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Mist pricing 1","tailark","Tailark Mist pricing block, variant 1.","npx shadcn@latest add @tailark/mist-pricing-1","https://tailark.com/mist/pricing",0,"",["mist-pricing-1",0,0,8],68,"pricing|b","pricing section|pricing,search,plans,subscription|icons,monochrome|b"],["Mist pricing 2","tailark","Tailark Mist pricing block, variant 2.","npx shadcn@latest add @tailark/mist-pricing-2","https://tailark.com/mist/pricing",0,"",["mist-pricing-2",0,1,8],78,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Mist sign up 1","tailark","Tailark Mist sign up block, variant 1.","npx shadcn@latest add @tailark/mist-sign-up-1","https://tailark.com/mist/sign-up",0,"",["mist-sign-up-1",0,2,8],86,"misc|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Mist stats 4","tailark","Tailark Mist stats block, variant 4.","npx shadcn@latest add @tailark/mist-stats-4","https://tailark.com/mist/stats",0,"",["mist-stats-4",0,6,8],64,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Mist stats 1","tailark","Tailark Mist stats block, variant 1.","npx shadcn@latest add @tailark/mist-stats-1","https://tailark.com/mist/stats",0,"",["mist-stats-1",0,3,8],83,"chart|b","stats section|numbers,metrics|no icons,monochrome,minimal|b"],["Mist stats 3","tailark","Tailark Mist stats block, variant 3.","npx shadcn@latest add @tailark/mist-stats-3","https://tailark.com/mist/stats",0,"",["mist-stats-3",0,5,8],69,"chart|b","stats section|numbers,metrics|icons,monochrome|b"],["Mist stats 2","tailark","Tailark Mist stats block, variant 2.","npx shadcn@latest add @tailark/mist-stats-2","https://tailark.com/mist/stats",0,"",["mist-stats-2",0,4,8],81,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Mist team 1","tailark","Tailark Mist team block, variant 1.","npx shadcn@latest add @tailark/mist-team-1","https://tailark.com/mist/team",0,"",["mist-team-1",0,7,8],74,"section|b","team section|team,people,avatars|icons,avatar,images,monochrome|b"],["Mist team 2","tailark","Tailark Mist team block, variant 2.","npx shadcn@latest add @tailark/mist-team-2","https://tailark.com/mist/team",0,"",0,0],["Mist testimonials 5","tailark","Tailark Mist testimonials block, variant 5.","npx shadcn@latest add @tailark/mist-testimonials-5","https://tailark.com/mist/testimonials",0,"",["mist-testimonials-5",0,4,9],75,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,monochrome|b"],["Mist testimonials 4","tailark","Tailark Mist testimonials block, variant 4.","npx shadcn@latest add @tailark/mist-testimonials-4","https://tailark.com/mist/testimonials",0,"",["mist-testimonials-4",0,3,9],65,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,monochrome|b"],["Mist testimonials 1","tailark","Tailark Mist testimonials block, variant 1.","npx shadcn@latest add @tailark/mist-testimonials-1","https://tailark.com/mist/testimonials",0,"",["mist-testimonials-1",0,0,9],65,"card|b","testimonials|reviews,social proof,quotes|no icons,monochrome|b"],["Mist testimonials 3","tailark","Tailark Mist testimonials block, variant 3.","npx shadcn@latest add @tailark/mist-testimonials-3","https://tailark.com/mist/testimonials",0,"",["mist-testimonials-3",0,2,9],66,"card|b","testimonials|reviews,social proof,quotes|icons,avatar,images,monochrome|b"],["Mist testimonials 2","tailark","Tailark Mist testimonials block, variant 2.","npx shadcn@latest add @tailark/mist-testimonials-2","https://tailark.com/mist/testimonials",0,"",["mist-testimonials-2",0,1,9],69,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,images,monochrome|b"],["Veil call to action 4","tailark","Tailark Veil call to action block, variant 4.","npx shadcn@latest add @tailark/veil-call-to-action-4","https://tailark.com/veil/call-to-action",0,"",["veil-call-to-action-4",0,0,10],80,"button|b","cta section|call to action,pricing,banner|icons,monochrome|b"],["Veil call to action 1","tailark","Tailark Veil call to action block, variant 1.","npx shadcn@latest add @tailark/veil-call-to-action-1","https://tailark.com/veil/call-to-action",0,"",["veil-call-to-action-1",0,5,9],71,"button|b","cta section|call to action,banner|icons,monochrome|b"],["Veil call to action 3","tailark","Tailark Veil call to action block, variant 3.","npx shadcn@latest add @tailark/veil-call-to-action-3","https://tailark.com/veil/call-to-action",0,"",["veil-call-to-action-3",0,7,9],72,"button|b","cta section|call to action,notifications,banner|icons,monochrome|b"],["Veil call to action 2","tailark","Tailark Veil call to action block, variant 2.","npx shadcn@latest add @tailark/veil-call-to-action-2","https://tailark.com/veil/call-to-action",0,"",["veil-call-to-action-2",0,6,9],69,"button|b","cta section|call to action,banner|icons,monochrome|b"],["Veil comparator 1","tailark","Tailark Veil comparator block, variant 1.","npx shadcn@latest add @tailark/veil-comparator-1","https://tailark.com/veil/comparator",0,"",["veil-comparator-1",0,1,10],78,"misc","card|container,team,pricing,surface|icons,animated,monochrome|c"],["Veil comparator 3","tailark","Tailark Veil comparator block, variant 3.","npx shadcn@latest add @tailark/veil-comparator-3","https://tailark.com/veil/comparator",0,"",["veil-comparator-3",0,3,10],75,"misc","card|container,pricing,surface|icons,monochrome|c"],["Veil comparator 2","tailark","Tailark Veil comparator block, variant 2.","npx shadcn@latest add @tailark/veil-comparator-2","https://tailark.com/veil/comparator",0,"",["veil-comparator-2",0,2,10],82,"misc","card|container,team,pricing,surface|icons,animated,monochrome|c"],["Veil contact 1","tailark","Tailark Veil contact block, variant 1.","npx shadcn@latest add @tailark/veil-contact-1","https://tailark.com/veil/contact",0,"",["veil-contact-1",0,4,10],73,"section|b","contact section|contact form,account,form|no icons,monochrome|b"],["Veil contact 2","tailark","Tailark Veil contact block, variant 2.","npx shadcn@latest add @tailark/veil-contact-2","https://tailark.com/veil/contact",0,"",["veil-contact-2",0,5,10],78,"section|b","contact section|contact form,team,form|icons,monochrome|b"],["Veil content 1","tailark","Tailark Veil content block, variant 1.","npx shadcn@latest add @tailark/veil-content-1","https://tailark.com/veil/content",0,"",["veil-content-1",0,6,10],60,"misc","card|content section,container,surface|no icons,monochrome|c"],["Veil content 3","tailark","Tailark Veil content block, variant 3.","npx shadcn@latest add @tailark/veil-content-3","https://tailark.com/veil/content",0,"",["veil-content-3",0,0,11],58,"misc","card|content section,container,surface|icons,monochrome|c"],["Veil content 2","tailark","Tailark Veil content block, variant 2.","npx shadcn@latest add @tailark/veil-content-2","https://tailark.com/veil/content",0,"",["veil-content-2",0,7,10],58,"misc","card|content section,container,surface|no icons,monochrome|c"],["Veil faqs 5","tailark","Tailark Veil faqs block, variant 5.","npx shadcn@latest add @tailark/veil-faqs-5","https://tailark.com/veil/faqs",0,"",["veil-faqs-5",0,5,11],63,"accordion","accordion|faq section,team,collapsible,expand,faq|icons,animated,monochrome|c"],["Veil faqs 4","tailark","Tailark Veil faqs block, variant 4.","npx shadcn@latest add @tailark/veil-faqs-4","https://tailark.com/veil/faqs",0,"",["veil-faqs-4",0,4,11],59,"accordion","accordion|faq section,collapsible,expand,faq|no icons,monochrome|c"],["Veil faqs 1","tailark","Tailark Veil faqs block, variant 1.","npx shadcn@latest add @tailark/veil-faqs-1","https://tailark.com/veil/faqs",0,"",["veil-faqs-1",0,1,11],61,"accordion","accordion|faq section,collapsible,expand,faq|icons,monochrome|c"],["Veil faqs 3","tailark","Tailark Veil faqs block, variant 3.","npx shadcn@latest add @tailark/veil-faqs-3","https://tailark.com/veil/faqs",0,"",["veil-faqs-3",0,3,11],63,"accordion","accordion|faq section,collapsible,expand,faq|icons,monochrome|c"],["Veil faqs 2","tailark","Tailark Veil faqs block, variant 2.","npx shadcn@latest add @tailark/veil-faqs-2","https://tailark.com/veil/faqs",0,"",["veil-faqs-2",0,2,11],62,"accordion","accordion|faq section,collapsible,expand,faq|icons,monochrome|c"],["Veil features 1","tailark","Tailark Veil features block, variant 1.","npx shadcn@latest add @tailark/veil-features-1","https://tailark.com/veil/features",0,"",["veil-features-1",0,6,11],72,"section|b","features section|features,grid,landing page|icons|b"],["Veil features 3","tailark","Tailark Veil features block, variant 3.","npx shadcn@latest add @tailark/veil-features-3","https://tailark.com/veil/features",0,"",["veil-features-3",1,0,0],67,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Veil features 2","tailark","Tailark Veil features block, variant 2.","npx shadcn@latest add @tailark/veil-features-2","https://tailark.com/veil/features",0,"",["veil-features-2",0,7,11],83,"section|b","features section|features,grid,landing page|icons|b"],["Veil footer 4","tailark","Tailark Veil footer block, variant 4.","npx shadcn@latest add @tailark/veil-footer-4","https://tailark.com/veil/footer",0,"",0,0],["Veil footer 1","tailark","Tailark Veil footer block, variant 1.","npx shadcn@latest add @tailark/veil-footer-1","https://tailark.com/veil/footer",0,"",["veil-footer-1",1,1,0],67,"section|b","footer|links,site footer|no icons,monochrome|b"],["Veil footer 3","tailark","Tailark Veil footer block, variant 3.","npx shadcn@latest add @tailark/veil-footer-3","https://tailark.com/veil/footer",0,"",["veil-footer-3",1,2,0],68,"section|b","footer|links,site footer|no icons,monochrome|b"],["Veil footer 2","tailark","Tailark Veil footer block, variant 2.","npx shadcn@latest add @tailark/veil-footer-2","https://tailark.com/veil/footer",0,"",0,0],["Veil forgot password 1","tailark","Tailark Veil forgot password block, variant 1.","npx shadcn@latest add @tailark/veil-forgot-password-1","https://tailark.com/veil/forgot-password",0,"",["veil-forgot-password-1",1,3,0],63,"misc","password input|input,form,login|no icons,monochrome|c"],["Veil forgot password 3","tailark","Tailark Veil forgot password block, variant 3.","npx shadcn@latest add @tailark/veil-forgot-password-3","https://tailark.com/veil/forgot-password",0,"",["veil-forgot-password-3",1,5,0],63,"misc","password input|input,form,login|no icons,monochrome,minimal|c"],["Veil forgot password 2","tailark","Tailark Veil forgot password block, variant 2.","npx shadcn@latest add @tailark/veil-forgot-password-2","https://tailark.com/veil/forgot-password",0,"",["veil-forgot-password-2",1,4,0],90,"misc","password input|input,form,login|no icons,monochrome|c"],["Veil hero section 5","tailark","Tailark Veil hero section block, variant 5.","npx shadcn@latest add @tailark/veil-hero-section-5","https://tailark.com/veil/hero-section",0,"",["veil-hero-section-5",1,6,0],88,"section|b","hero section|content section,landing page,header,headline|icons,monochrome|b"],["Veil integrations 1","tailark","Tailark Veil integrations block, variant 1.","npx shadcn@latest add @tailark/veil-integrations-1","https://tailark.com/veil/integrations",0,"",["veil-integrations-1",1,7,0],72,"misc|b","integrations|logos,apps|icons,monochrome|b"],["Veil integrations 2","tailark","Tailark Veil integrations block, variant 2.","npx shadcn@latest add @tailark/veil-integrations-2","https://tailark.com/veil/integrations",0,"",["veil-integrations-2",1,0,1],72,"misc|b","integrations|logos,apps|icons,monochrome|b"],["Veil login 1","tailark","Tailark Veil login block, variant 1.","npx shadcn@latest add @tailark/veil-login-1","https://tailark.com/veil/login",0,"",["veil-login-1",1,1,1],74,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Veil login 3","tailark","Tailark Veil login block, variant 3.","npx shadcn@latest add @tailark/veil-login-3","https://tailark.com/veil/login",0,"",["veil-login-3",1,3,1],75,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Veil login 2","tailark","Tailark Veil login block, variant 2.","npx shadcn@latest add @tailark/veil-login-2","https://tailark.com/veil/login",0,"",["veil-login-2",1,2,1],85,"section|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Veil logo cloud 1","tailark","Tailark Veil logo cloud block, variant 1.","npx shadcn@latest add @tailark/veil-logo-cloud-1","https://tailark.com/veil/logo-cloud",0,"",["veil-logo-cloud-1",1,4,1],69,"section|b","logo cloud|logos,brands,social proof|icons,monochrome,minimal|b"],["Veil logo cloud 2","tailark","Tailark Veil logo cloud block, variant 2.","npx shadcn@latest add @tailark/veil-logo-cloud-2","https://tailark.com/veil/logo-cloud",0,"",["veil-logo-cloud-2",1,5,1],65,"section|b","logo cloud|logos,brands,social proof|no icons,monochrome,minimal|b"],["Veil pricing 1","tailark","Tailark Veil pricing block, variant 1.","npx shadcn@latest add @tailark/veil-pricing-1","https://tailark.com/veil/pricing",0,"",["veil-pricing-1",1,6,1],84,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Veil pricing 3","tailark","Tailark Veil pricing block, variant 3.","npx shadcn@latest add @tailark/veil-pricing-3","https://tailark.com/veil/pricing",0,"",["veil-pricing-3",1,0,2],72,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Veil pricing 2","tailark","Tailark Veil pricing block, variant 2.","npx shadcn@latest add @tailark/veil-pricing-2","https://tailark.com/veil/pricing",0,"",["veil-pricing-2",1,7,1],73,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Veil sign up 1","tailark","Tailark Veil sign up block, variant 1.","npx shadcn@latest add @tailark/veil-sign-up-1","https://tailark.com/veil/sign-up",0,"",["veil-sign-up-1",1,1,2],74,"misc|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Veil sign up 3","tailark","Tailark Veil sign up block, variant 3.","npx shadcn@latest add @tailark/veil-sign-up-3","https://tailark.com/veil/sign-up",0,"",["veil-sign-up-3",1,3,2],75,"misc|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Veil sign up 2","tailark","Tailark Veil sign up block, variant 2.","npx shadcn@latest add @tailark/veil-sign-up-2","https://tailark.com/veil/sign-up",0,"",["veil-sign-up-2",1,2,2],85,"misc|b","login|sign in,sign up,auth form|icons,monochrome|b"],["Veil stats 4","tailark","Tailark Veil stats block, variant 4.","npx shadcn@latest add @tailark/veil-stats-4","https://tailark.com/veil/stats",0,"",["veil-stats-4",1,7,2],87,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Veil stats 1","tailark","Tailark Veil stats block, variant 1.","npx shadcn@latest add @tailark/veil-stats-1","https://tailark.com/veil/stats",0,"",["veil-stats-1",1,4,2],67,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Veil stats 3","tailark","Tailark Veil stats block, variant 3.","npx shadcn@latest add @tailark/veil-stats-3","https://tailark.com/veil/stats",0,"",["veil-stats-3",1,6,2],89,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Veil stats 2","tailark","Tailark Veil stats block, variant 2.","npx shadcn@latest add @tailark/veil-stats-2","https://tailark.com/veil/stats",0,"",["veil-stats-2",1,5,2],67,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Veil team 1","tailark","Tailark Veil team block, variant 1.","npx shadcn@latest add @tailark/veil-team-1","https://tailark.com/veil/team",0,"",["veil-team-1",1,0,3],69,"section|b","team section|team,people,avatars|no icons,images,monochrome|b"],["Veil team 2","tailark","Tailark Veil team block, variant 2.","npx shadcn@latest add @tailark/veil-team-2","https://tailark.com/veil/team",0,"",["veil-team-2",1,1,3],80,"section|b","team section|team,people,avatars|no icons,images,monochrome|b"],["Veil testimonials 4","tailark","Tailark Veil testimonials block, variant 4.","npx shadcn@latest add @tailark/veil-testimonials-4","https://tailark.com/veil/testimonials",0,"",["veil-testimonials-4",1,5,3],70,"card|b","testimonials|reviews,team,social proof,quotes|no icons,avatar,monochrome|b"],["Veil testimonials 1","tailark","Tailark Veil testimonials block, variant 1.","npx shadcn@latest add @tailark/veil-testimonials-1","https://tailark.com/veil/testimonials",0,"",["veil-testimonials-1",1,2,3],57,"card|b","testimonials|reviews,team,social proof,quotes|no icons,avatar,images,monochrome|b"],["Veil testimonials 3","tailark","Tailark Veil testimonials block, variant 3.","npx shadcn@latest add @tailark/veil-testimonials-3","https://tailark.com/veil/testimonials",0,"",["veil-testimonials-3",1,4,3],68,"card|b","testimonials|reviews,team,social proof,quotes|no icons,avatar,monochrome|b"],["Veil testimonials 2","tailark","Tailark Veil testimonials block, variant 2.","npx shadcn@latest add @tailark/veil-testimonials-2","https://tailark.com/veil/testimonials",0,"",["veil-testimonials-2",1,3,3],62,"card|b","testimonials|reviews,team,social proof,quotes|no icons,avatar,images,monochrome|b"],["Call to action","launchui","Launch UI call to action section for a landing page.","","https://www.launchuicomponents.com/docs/sections/cta",0,"",["cta-default",0,0,0],91,"button|b","cta section|call to action,banner|no icons,monochrome,minimal|b"],["FAQ","launchui","Launch UI faq section for a landing page.","","https://www.launchuicomponents.com/docs/sections/faq",0,"",["faq-default",0,1,0],67,"accordion|b","faq section|faq,accordion,questions|icons,monochrome|b"],["Footer","launchui","Launch UI footer section for a landing page.","","https://www.launchuicomponents.com/docs/sections/footer",0,"",["footer-default",0,2,0],64,"section|b","footer|links,site footer|icons,monochrome|b"],["Hero","launchui","Launch UI hero section for a landing page.","","https://www.launchuicomponents.com/docs/sections/hero",0,"",["hero-default",0,3,0],91,"section|b","hero section|landing page,header,headline|icons,animated,monochrome|b"],["Feature grid","launchui","Launch UI feature grid section for a landing page.","","https://www.launchuicomponents.com/docs/sections/items",0,"",["items-default",0,4,0],69,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Logo cloud","launchui","Launch UI logo cloud section for a landing page.","","https://www.launchuicomponents.com/docs/sections/logos",0,"",["logos-default",0,5,0],76,"section|b","logo cloud|logos,brands,social proof|icons,monochrome|b"],["Navbar","launchui","Launch UI navbar section for a landing page.","","https://www.launchuicomponents.com/docs/sections/navbar",0,"",["navbar-default",0,6,0],29,"navbar|b","navbar|header,login,navigation,menu|icons,monochrome|b"],["Pricing","launchui","Launch UI pricing section for a landing page.","","https://www.launchuicomponents.com/docs/sections/pricing",0,"",["pricing-default",0,7,0],74,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Stats","launchui","Launch UI stats section for a landing page.","","https://www.launchuicomponents.com/docs/sections/stats",0,"",["stats-default",0,0,1],80,"chart|b","stats section|numbers,metrics|no icons,monochrome|b"],["Featured cards: Progress bar","untitled","Untitled UI featured cards example.","npx untitledui@latest add featured-cards","https://www.untitledui.com/react/components/featured-cards",0,"",["featured-cards-featured-card-progress-bar",1,6,6],27,"loader","card|progress bar,features section,container,surface|icons|c"],["Featured cards: Progress circle","untitled","Untitled UI featured cards example.","npx untitledui@latest add featured-cards","https://www.untitledui.com/react/components/featured-cards",0,"",["featured-cards-featured-card-progress-circle",1,7,6],69,"loader","card|progress bar,activity ring,features section,container,surface|icons,monochrome,minimal|c"],["Header navigation: Simple","untitled","Untitled UI header navigation example.","npx untitledui@latest add header-navigation","https://www.untitledui.com/react/components/header-navigation",0,"",["header-navigation-header-navigation-simple-demo",1,0,9],63,"navbar|b","navbar|header,settings,navigation,menu|icons,monochrome|b"],["Header navigation: Dual tier","untitled","Untitled UI header navigation example.","npx untitledui@latest add header-navigation","https://www.untitledui.com/react/components/header-navigation",0,"",["header-navigation-header-navigation-dual-tier-demo",1,7,8],62,"navbar|b","navbar|header,notifications,account,navigation,menu|icons,monochrome|b"],["Header navigation: Tabs","untitled","Untitled UI header navigation example.","npx untitledui@latest add header-navigation","https://www.untitledui.com/react/components/header-navigation",0,"",["header-navigation-header-navigation-tabs-demo",1,1,9],62,"navbar|b","navbar|tabs,notifications,account,header,navigation,menu|icons,monochrome|b"],["Header navigation: Centered","untitled","Untitled UI header navigation example.","npx untitledui@latest add header-navigation","https://www.untitledui.com/react/components/header-navigation",0,"",["header-navigation-header-navigation-centered-demo",1,6,8],70,"navbar|b","navbar|header,notifications,login,navigation,menu|icons|b"],["Sidebar navigation: Simple","untitled","Untitled UI sidebar navigation example.","npx untitledui@latest add sidebar-navigation","https://www.untitledui.com/react/components/sidebar-navigation",0,"",["sidebar-navigation-sidebar-navigation-simple-demo",3,6,0],69,"navbar|b","navbar|sidebar,settings,account,header,navigation,menu|icons|b"],["Sidebar navigation: Dual tier","untitled","Untitled UI sidebar navigation example.","npx untitledui@latest add sidebar-navigation","https://www.untitledui.com/react/components/sidebar-navigation",0,"",["sidebar-navigation-sidebar-navigation-dual-tier-demo",3,4,0],69,"navbar|b","navbar|sidebar,settings,account,header,navigation,menu|icons,monochrome|b"],["Sidebar navigation: Slim","untitled","Untitled UI sidebar navigation example.","npx untitledui@latest add sidebar-navigation","https://www.untitledui.com/react/components/sidebar-navigation",0,"",["sidebar-navigation-sidebar-navigation-slim-demo",3,7,0],30,"navbar|b","navbar|sidebar,settings,account,header,navigation,menu|icons,monochrome|b"],["Sidebar navigation: Section dividers","untitled","Untitled UI sidebar navigation example.","npx untitledui@latest add sidebar-navigation","https://www.untitledui.com/react/components/sidebar-navigation",0,"",["sidebar-navigation-sidebar-section-dividers-demo",3,0,1],65,"navbar|b","content section|divider,settings,account,navbar,sidebar,section|icons,monochrome|b"],["Sidebar navigation: Sections subheadings","untitled","Untitled UI sidebar navigation example.","npx untitledui@latest add sidebar-navigation","https://www.untitledui.com/react/components/sidebar-navigation",0,"",["sidebar-navigation-sidebar-navigation-sections-subheadings-demo",3,5,0],33,"navbar|b","content section|navbar,team,account,sidebar,section,landing page|icons,monochrome|b"],["Carousel: Indicator","untitled","Untitled UI carousel example.","npx untitledui@latest add carousel","https://www.untitledui.com/react/components/carousel",0,"",0,0],["Carousel: Md","untitled","Untitled UI carousel example.","npx untitledui@latest add carousel","https://www.untitledui.com/react/components/carousel",0,"",["carousel-carousel-md",1,3,2],81,"carousel","carousel|slider,gallery,swipe|icons,images,monochrome|c"],["Carousel: Lg","untitled","Untitled UI carousel example.","npx untitledui@latest add carousel","https://www.untitledui.com/react/components/carousel",0,"",["carousel-carousel-lg",1,2,2],83,"carousel","carousel|slider,gallery,swipe|icons,images,monochrome|c"],["Activity gauges: Xs","untitled","Untitled UI activity gauges example.","npx untitledui@latest add activity-gauges","https://www.untitledui.com/react/components/activity-gauges",0,"",["activity-gauges-activity-gauge-xs",0,3,0],71,"misc","radial chart|chart,gauge,dashboard|no icons,colorful|c"],["Activity gauges: Sm","untitled","Untitled UI activity gauges example.","npx untitledui@latest add activity-gauges","https://www.untitledui.com/react/components/activity-gauges",0,"",["activity-gauges-activity-gauge-sm",0,2,0],81,"misc","radial chart|chart,gauge,dashboard|no icons,colorful|c"],["Activity gauges: Md","untitled","Untitled UI activity gauges example.","npx untitledui@latest add activity-gauges","https://www.untitledui.com/react/components/activity-gauges",0,"",["activity-gauges-activity-gauge-md",0,1,0],90,"misc","radial chart|chart,gauge,dashboard|no icons,colorful|c"],["Activity gauges: Lg","untitled","Untitled UI activity gauges example.","npx untitledui@latest add activity-gauges","https://www.untitledui.com/react/components/activity-gauges",0,"",["activity-gauges-activity-gauge-lg",0,0,0],99,"misc","radial chart|chart,gauge,dashboard|no icons,colorful|c"],["Bar charts","untitled","Untitled UI bar charts example.","npx untitledui@latest add bar-charts","https://www.untitledui.com/react/components/bar-charts",0,"",["bar-charts-bar-chart",0,2,10],100,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Bar charts: Chart02","untitled","Untitled UI bar charts example.","npx untitledui@latest add bar-charts","https://www.untitledui.com/react/components/bar-charts",0,"",["bar-charts-bar-chart02",0,3,10],95,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Bar charts: Chart03","untitled","Untitled UI bar charts example.","npx untitledui@latest add bar-charts","https://www.untitledui.com/react/components/bar-charts",0,"",["bar-charts-bar-chart03",0,4,10],94,"chart","bar chart|chart,timeline data,graph,dashboard|no icons|c"],["Line charts: Chart01","untitled","Untitled UI line charts example.","npx untitledui@latest add line-charts","https://www.untitledui.com/react/components/line-charts",0,"",["line-charts-line-chart01",2,1,1],71,"chart","line chart|chart,timeline data,graph,dashboard|no icons,colorful|c"],["Line charts: Chart02","untitled","Untitled UI line charts example.","npx untitledui@latest add line-charts","https://www.untitledui.com/react/components/line-charts",0,"",["line-charts-line-chart02",2,2,1],67,"chart","line chart|chart,timeline data,graph,dashboard|no icons,colorful|c"],["Line charts: Chart03","untitled","Untitled UI line charts example.","npx untitledui@latest add line-charts","https://www.untitledui.com/react/components/line-charts",0,"",["line-charts-line-chart03",2,3,1],76,"chart","line chart|chart,timeline data,graph,dashboard|no icons,colorful|c"],["Line charts: Chart04","untitled","Untitled UI line charts example.","npx untitledui@latest add line-charts","https://www.untitledui.com/react/components/line-charts",0,"",["line-charts-line-chart04",2,4,1],65,"chart","line chart|chart,timeline data,graph,dashboard|no icons|c"],["Pie charts: Xxs","untitled","Untitled UI pie charts example.","npx untitledui@latest add pie-charts","https://www.untitledui.com/react/components/pie-charts",0,"",["pie-charts-pie-chart-xxs",2,3,5],86,"chart","pie chart|chart,donut,dashboard|no icons,colorful|c"],["Pie charts: Xs","untitled","Untitled UI pie charts example.","npx untitledui@latest add pie-charts","https://www.untitledui.com/react/components/pie-charts",0,"",["pie-charts-pie-chart-xs",2,2,5],100,"chart","pie chart|chart,donut,dashboard|no icons,colorful|c"],["Pie charts: Sm","untitled","Untitled UI pie charts example.","npx untitledui@latest add pie-charts","https://www.untitledui.com/react/components/pie-charts",0,"",["pie-charts-pie-chart-sm",2,1,5],100,"chart","pie chart|chart,donut,dashboard|no icons,colorful|c"],["Pie charts: Md","untitled","Untitled UI pie charts example.","npx untitledui@latest add pie-charts","https://www.untitledui.com/react/components/pie-charts",0,"",["pie-charts-pie-chart-md",2,0,5],100,"chart","pie chart|chart,donut,dashboard|no icons,colorful|c"],["Pie charts: Lg","untitled","Untitled UI pie charts example.","npx untitledui@latest add pie-charts","https://www.untitledui.com/react/components/pie-charts",0,"",["pie-charts-pie-chart-lg",2,7,4],100,"chart","pie chart|chart,donut,dashboard|no icons,colorful|c"],["Progress circles","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle",2,6,6],77,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Progress circles: Xs","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle-xs",2,5,7],73,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Progress circles: Sm","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle-sm",2,3,7],79,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Progress circles: Md","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle-md",2,1,7],85,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Progress circles: Lg","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle-lg",2,7,6],93,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Progress circles: Xs only title","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle-xs-only-title",2,6,7],72,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Progress circles: Sm only title","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle-sm-only-title",2,4,7],78,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Progress circles: Md only title","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle-md-only-title",2,2,7],85,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Progress circles: Lg only title","untitled","Untitled UI progress circles example.","npx untitledui@latest add progress-circles","https://www.untitledui.com/react/components/progress-circles",0,"",["progress-circles-progress-circle-lg-only-title",2,0,7],93,"loader","activity ring|progress bar,progress,ring,chart,dashboard|no icons|c"],["Radar charts: Custom radar chart tick","untitled","Untitled UI radar charts example.","npx untitledui@latest add radar-charts","https://www.untitledui.com/react/components/radar-charts",0,"",0,0],["Radar charts","untitled","Untitled UI radar charts example.","npx untitledui@latest add radar-charts","https://www.untitledui.com/react/components/radar-charts",0,"",["radar-charts-radar-chart",2,0,9],98,"chart","radar chart|chart,dashboard|no icons|c"],["Date picker: Calendar","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-calendar-demo",1,5,5],64,"datepicker","date picker|select,calendar,date input|icons|c"],["Date picker: Calendar card","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-calendar-card-demo",1,4,5],85,"datepicker","date picker|card,select,calendar,date input|icons|c"],["Date picker","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-date-picker-demo",1,0,6],10,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker: Controlled","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-date-picker-controlled-demo",1,7,5],10,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Date picker: Time picker","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-date-time-picker-demo",1,3,6],12,"datepicker","date picker|time picker,select,calendar,date input|icons,monochrome,minimal|c"],["Date picker: Range calendar","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-range-calendar-demo",1,5,6],61,"datepicker","date picker|slider,date range picker,select,calendar,date input|icons|c"],["Date picker: Range calendar card","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-range-calendar-card-demo",1,4,6],98,"datepicker","date picker|card,slider,date range picker,select,calendar,date input|icons|c"],["Date picker: Range picker","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-date-range-picker-demo",1,2,6],47,"datepicker","date picker|slider,date range picker,select,calendar,date input|icons,monochrome,minimal|c"],["Date picker: Range picker controlled","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-date-range-picker-controlled-demo",1,1,6],47,"datepicker","date picker|slider,date range picker,select,calendar,date input|icons,monochrome,minimal|c"],["Date picker: Dark mode","untitled","Untitled UI date picker example.","npx untitledui@latest add date-picker","https://www.untitledui.com/react/components/date-picker",0,"",["date-picker-dark-mode-demo",1,6,5],87,"datepicker","date picker|select,calendar,date input|icons,animated|c"],["File upload: Images only","untitled","Untitled UI file upload example.","npx untitledui@latest add file-upload","https://www.untitledui.com/react/components/file-upload",0,"",["file-upload-images-only-demo",1,4,8],65,"upload","file upload|image,dropzone,upload,drag and drop|icons,monochrome,minimal|c"],["File upload: Max size limit","untitled","Untitled UI file upload example.","npx untitledui@latest add file-upload","https://www.untitledui.com/react/components/file-upload",0,"",["file-upload-max-size-limit-demo",1,5,8],68,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["File upload: Disabled","untitled","Untitled UI file upload example.","npx untitledui@latest add file-upload","https://www.untitledui.com/react/components/file-upload",0,"",["file-upload-disabled-demo",1,1,8],70,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome,minimal|c"],["File upload: Progress bar","untitled","Untitled UI file upload example.","npx untitledui@latest add file-upload","https://www.untitledui.com/react/components/file-upload",0,"",["file-upload-file-upload-progress-bar",1,2,8],85,"loader","file upload|progress bar,dropzone,upload,drag and drop|icons|c"],["File upload: Progress fill","untitled","Untitled UI file upload example.","npx untitledui@latest add file-upload","https://www.untitledui.com/react/components/file-upload",0,"",["file-upload-file-upload-progress-fill",1,3,8],88,"loader","file upload|progress bar,dropzone,upload,drag and drop|icons,monochrome|c"],["Loading indicator: Default","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-default-demo",2,5,1],58,"loader","badge|loader,label,status,pill|no icons,animated|c"],["Loading indicator: Line simple","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-line-simple-demo",2,0,2],19,"loader","badge|loader,label,status,pill|no icons,monochrome,minimal|c"],["Loading indicator: Line simple with label","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-line-simple-with-label-demo",2,1,2],54,"loader","badge|input,loader,label,status,pill|no icons,monochrome,minimal|c"],["Loading indicator: Line spinner","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-line-spinner-demo",2,2,2],20,"loader","badge|loader,label,status,pill|no icons,monochrome,minimal|c"],["Loading indicator: Line spinner with label","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-line-spinner-with-label-demo",2,3,2],55,"loader","badge|input,loader,label,status,pill|no icons,monochrome,minimal|c"],["Loading indicator: Dot circle","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-dot-circle-demo",2,6,1],13,"loader","badge|loader,label,status,pill|no icons|c"],["Loading indicator: Dot circle with label","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-dot-circle-with-label-demo",2,7,1],48,"loader","badge|input,loader,label,status,pill|no icons|c"],["Loading indicator: Sizes","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-sizes-demo",2,7,2],57,"loader","badge|loader,label,status,pill|no icons,animated,monochrome,minimal|c"],["Loading indicator: Line simple 2","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-loading-indicator-line-simple",2,5,2],57,"loader","badge|loader,label,status,pill|no icons,animated,monochrome,minimal|c"],["Loading indicator: Line spinner 2","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-loading-indicator-line-spinner",2,6,2],60,"loader","badge|loader,label,status,pill|no icons,animated,monochrome,minimal|c"],["Loading indicator: Dot circle 2","untitled","Untitled UI loading indicator example.","npx untitledui@latest add loading-indicator","https://www.untitledui.com/react/components/loading-indicator",0,"",["loading-indicator-loading-indicator-dot-circle",2,4,2],49,"loader","badge|loader,label,status,pill|no icons,animated|c"],["Pagination: Page default","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-page-default",2,5,4],56,"misc|b","pagination|content section,pages,navigation|icons,monochrome|c"],["Pagination: Page minimal center","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-page-minimal-center",2,6,4],57,"misc|b","pagination|content section,pages,navigation|icons,monochrome|c"],["Pagination: Card default","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-card-default",2,5,3],6,"card","pagination|card,pages,navigation|icons,monochrome|c"],["Pagination: Card minimal right aligned","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-card-minimal-right-aligned",2,0,4],40,"card","pagination|card,pages,navigation|icons,monochrome,minimal|c"],["Pagination: Card minimal center aligned","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-card-minimal-center-aligned",2,6,3],40,"card","pagination|card,pages,navigation|icons,monochrome,minimal|c"],["Pagination: Card minimal left aligned","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-card-minimal-left-aligned",2,7,3],40,"card","pagination|card,pages,navigation|icons,monochrome,minimal|c"],["Pagination: Button group right aligned","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-button-group-right-aligned",2,2,3],43,"button","pagination|button,button group,pages,navigation|icons,monochrome|c"],["Pagination: Button group center aligned","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-button-group-center-aligned",2,0,3],43,"button","pagination|button,button group,pages,navigation|icons,monochrome|c"],["Pagination: Button group left aligned","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-button-group-left-aligned",2,1,3],43,"button","pagination|button,button group,pages,navigation|icons,monochrome|c"],["Pagination: Card advanced","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-card-advanced",2,3,3],42,"card","pagination|card,pages,navigation|icons,monochrome|c"],["Pagination: Card advanced center","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-card-advanced-center",2,4,3],42,"card","pagination|card,pages,navigation|icons,monochrome|c"],["Pagination: Dot md","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-dot-md",2,2,4],12,"misc","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Pagination: Dot lg","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-dot-lg",2,1,4],45,"misc","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Pagination: Line md","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-line-md",2,4,4],50,"misc","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Pagination: Line lg","untitled","Untitled UI pagination example.","npx untitledui@latest add pagination","https://www.untitledui.com/react/components/pagination",0,"",["pagination-pagination-line-lg",2,3,4],53,"misc","pagination|pages,navigation|no icons,monochrome,minimal|c"],["Table: Table01 divider line","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table01-divider-line",3,3,4],67,"table","data table|divider,team,table,rows,spreadsheet|icons,monochrome|c"],["Table: Table01 alternating fills","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table01-alternating-fills",3,2,4],66,"table","data table|table,team,rows,spreadsheet|icons,monochrome|c"],["Table: Table01 divider line sm","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table01-divider-line-sm",3,4,4],65,"table","data table|divider,team,table,rows,spreadsheet|icons,monochrome|c"],["Table: Table02 divider line","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table02-divider-line",3,6,4],70,"table","data table|divider,table,rows,spreadsheet|icons|c"],["Table: Table02 alternating fills","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table02-alternating-fills",3,5,4],62,"table","data table|table,rows,spreadsheet|icons|c"],["Table: Table03 divider line","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table03-divider-line",3,0,5],74,"table","data table|divider,calendar,account,table,rows,spreadsheet|icons,monochrome|c"],["Table: Table03 alternating fills","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table03-alternating-fills",3,7,4],70,"table","data table|table,account,rows,spreadsheet|icons,monochrome|c"],["Table: Table04 divider line","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table04-divider-line",3,2,5],86,"table","data table|divider,upload,calendar,table,rows,spreadsheet|icons|c"],["Table: Table04 alternating fills","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table04-alternating-fills",3,1,5],82,"table","data table|table,upload,calendar,rows,spreadsheet|icons|c"],["Table: No vendors found","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table-no-vendors-found",3,7,3],89,"table","data table|table,search,media,rows,spreadsheet|icons|b"],["Table: Something went wrong","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table-something-went-wrong",3,1,4],81,"table","data table|table,team,rows,spreadsheet|icons|b"],["Table: No users found","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table-no-users-found",3,6,3],89,"table","data table|table,search,media,rows,spreadsheet|icons,avatar,images|b"],["Table: Add first integration","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table-add-first-integration",3,4,3],74,"table|b","integrations|data table,logos,apps|icons,avatar,images,animated,monochrome|b"],["Table: Invite first user","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table-invite-first-user",3,5,3],94,"table","data table|table,team,rows,spreadsheet|icons,avatar,images|b"],["Table: Offline","untitled","Untitled UI table example.","npx untitledui@latest add table","https://www.untitledui.com/react/components/table",0,"",["table-table-offline",3,0,4],65,"table","data table|table,rows,spreadsheet|icons|b"],["Tabs: Button brand horizontal","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-brand-horizontal-demo",3,1,6],47,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Button brand vertical","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-brand-vertical-demo",3,4,6],14,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Button gray horizontal","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-gray-horizontal-demo",3,6,6],14,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Button gray vertical","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-gray-vertical-demo",3,1,7],14,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Underline","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-underline-demo",3,0,8],14,"tabs","tabs|link,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Line","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-line-demo",3,7,7],14,"tabs","tabs|tab bar,notifications,login,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Button border horizontal","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-border-horizontal-demo",3,4,5],14,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Button border vertical","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-border-vertical-demo",3,7,5],14,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Button minimal horizontal","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-minimal-horizontal-demo",3,3,7],14,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Button minimal vertical","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-minimal-vertical-demo",3,6,7],14,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Tabs: Button brand horizontal 2","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-brand-horizontal",3,0,6],17,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Button brand horizontal full width","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-brand-horizontal-full-width",3,2,6],21,"button","tabs|button,login,tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs: Button brand vertical 2","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-brand-vertical",3,3,6],15,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Button gray horizontal 2","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-gray-horizontal",3,5,6],17,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Button gray horizontal full width","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-gray-horizontal-full-width",3,7,6],21,"button","tabs|button,login,tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs: Button gray vertical 2","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-gray-vertical",3,0,7],15,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Underline horizontal","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-underline-horizontal",3,1,8],17,"tabs","tabs|link,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Underline horizontal full width","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-underline-horizontal-full-width",3,2,8],21,"tabs","tabs|link,login,tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs: Underline vertical","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-underline-vertical",3,3,8],15,"tabs","tabs|link,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Button border horizontal 2","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-border-horizontal",3,3,5],17,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Button border horizontal full width","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-border-horizontal-full-width",3,5,5],21,"button","tabs|button,login,tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs: Button border vertical 2","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-border-vertical",3,6,5],15,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Button minimal horizontal 2","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-minimal-horizontal",3,2,7],17,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Tabs: Button minimal horizontal full width","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-minimal-horizontal-full-width",3,4,7],21,"button","tabs|button,login,tab bar,segmented control,navigation|icons,monochrome|c"],["Tabs: Button minimal vertical 2","untitled","Untitled UI tabs example.","npx untitledui@latest add tabs","https://www.untitledui.com/react/components/tabs",0,"",["tabs-button-minimal-vertical",3,5,7],15,"button","tabs|button,notifications,login,tab bar,segmented control,navigation|no icons,monochrome|c"],["Avatar: Default","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-default-demo",0,3,2],5,"media","avatar|profile,account,user,image|icons,monochrome,minimal|c"],["Avatar: Base","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-base-demo",0,7,1],0,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar: Status indicator","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-status-indicator-demo",0,6,3],49,"media","avatar|badge,profile,user,image|icons,monochrome|c"],["Avatar: Company logo","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-company-logo-demo",0,1,2],4,"media","avatar|about section,profile,user,image|icons,avatar,monochrome,minimal|c"],["Avatar: Verified","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-verified-demo",0,7,3],17,"media","avatar|profile,user,image|icons,monochrome|c"],["Avatar: Border","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-border-demo",0,0,2],0,"media","avatar|profile,user,image|icons,monochrome,minimal|c"],["Avatar: Placeholder","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-placeholder-demo",0,3,3],0,"media","avatar|skeleton,profile,user,image|icons,monochrome,minimal|c"],["Avatar: Initials","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-initials-demo",0,7,2],3,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Avatar: Label group","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-label-group-demo",0,1,3],5,"media","avatar|input,account,profile,user,image|icons,monochrome,minimal|c"],["Avatar: Group","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-group-demo",0,5,2],46,"media","avatar|avatar group,profile,user,image|icons,monochrome|c"],["Avatar: Profile photo","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-profile-photo-demo",0,5,3],87,"media","avatar|profile,user,image|icons,monochrome|c"],["Avatar: Group 2","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-group",0,4,2],69,"media","avatar|avatar group,profile,user,image|icons,monochrome|c"],["Avatar: Default 2","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-default",0,2,2],93,"media","avatar|profile,user,image|icons,avatar,images,monochrome|c"],["Avatar: With border","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-with-border",0,0,4],94,"media","avatar|profile,user,image|icons,avatar,images,monochrome|c"],["Avatar: Placeholder 2","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-placeholder",0,2,3],91,"media","avatar|skeleton,profile,user,image|icons,avatar,images,monochrome|c"],["Avatar: Initials 2","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-initials",0,6,2],92,"media","avatar|profile,user,image|icons,avatar,images,monochrome|c"],["Avatar: Label group 2","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-label-group",0,0,3],76,"media","avatar|input,account,profile,user,image|icons,avatar,images,monochrome|c"],["Avatar: Profile photo 2","untitled","Untitled UI avatar example.","npx untitledui@latest add avatar","https://www.untitledui.com/react/components/avatar",0,"",["avatar-profile-photo",0,4,3],92,"media","avatar|profile,user,image|icons,monochrome|c"],["Badge groups: Pill color leading gray","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-leading-gray",0,0,6],68,"misc","badge|tag,label,status,pill|icons,monochrome|c"],["Badge groups: Pill color leading brand","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-leading-brand",0,6,5],78,"misc","badge|tag,label,status,pill|icons,colorful|c"],["Badge groups: Pill color leading error","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-leading-error",0,7,5],85,"misc","badge|tag,label,status,pill|icons,monochrome|c"],["Badge groups: Pill color leading warning","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-leading-warning",0,2,6],88,"misc","badge|tag,label,status,pill|icons,monochrome|c"],["Badge groups: Pill color leading success","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-leading-success",0,1,6],83,"misc","badge|tag,label,status,pill|icons,monochrome|c"],["Badge groups: Pill color trailing gray","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-trailing-gray",0,6,6],69,"misc","badge|cursor effect,tag,label,status,pill|icons,monochrome|c"],["Badge groups: Pill color trailing brand","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-trailing-brand",0,4,6],78,"misc","badge|cursor effect,tag,label,status,pill|icons,colorful|c"],["Badge groups: Pill color trailing error","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-trailing-error",0,5,6],85,"misc","badge|cursor effect,tag,label,status,pill|icons,monochrome|c"],["Badge groups: Pill color trailing warning","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-trailing-warning",0,0,7],88,"misc","badge|cursor effect,tag,label,status,pill|icons,monochrome|c"],["Badge groups: Pill color trailing success","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-trailing-success",0,7,6],83,"misc","badge|cursor effect,tag,label,status,pill|icons,monochrome|c"],["Badge groups: Modern leading gray","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-leading-gray",0,4,4],61,"misc","badge|label,status,pill|icons,monochrome|c"],["Badge groups: Modern leading brand","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-leading-brand",0,2,4],66,"misc","badge|label,status,pill|icons|c"],["Badge groups: Modern leading error","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-leading-error",0,3,4],67,"misc","badge|label,status,pill|icons,monochrome|c"],["Badge groups: Modern leading warning","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-leading-warning",0,6,4],66,"misc","badge|label,status,pill|icons,monochrome|c"],["Badge groups: Modern leading success","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-leading-success",0,5,4],68,"misc","badge|label,status,pill|icons,monochrome|c"],["Badge groups: Modern trailing gray","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-trailing-gray",0,2,5],62,"misc","badge|cursor effect,label,status,pill|icons,monochrome|c"],["Badge groups: Modern trailing brand","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-trailing-brand",0,0,5],66,"misc","badge|cursor effect,label,status,pill|icons|c"],["Badge groups: Modern trailing error","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-trailing-error",0,1,5],67,"misc","badge|cursor effect,label,status,pill|icons,monochrome|c"],["Badge groups: Modern trailing warning","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-trailing-warning",0,4,5],65,"misc","badge|cursor effect,label,status,pill|icons,monochrome|c"],["Badge groups: Modern trailing success","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-trailing-success",0,3,5],67,"misc","badge|cursor effect,label,status,pill|icons,monochrome|c"],["Badge groups: Pill color leading","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-leading",0,5,5],91,"misc","badge|tag,label,status,pill|icons,colorful|c"],["Badge groups: Pill color trailing","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-pill-color-trailing",0,3,6],91,"misc","badge|cursor effect,tag,label,status,pill|icons,colorful|c"],["Badge groups: Modern leading","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-leading",0,1,4],66,"misc","badge|label,status,pill|icons|c"],["Badge groups: Modern trailing","untitled","Untitled UI badge groups example.","npx untitledui@latest add badge-groups","https://www.untitledui.com/react/components/badge-groups",0,"",["badge-groups-badge-modern-trailing",0,7,4],67,"misc","badge|cursor effect,label,status,pill|icons|c"],["Badges: Default","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-default",0,3,7],54,"misc","badge|label,status,pill|icons,colorful|c"],["Badges: Pill color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-pill-color",0,4,7],86,"misc","badge|tag,label,status,pill|no icons|c"],["Badges: Color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-badge-color",0,1,7],86,"misc","badge|label,status,pill|no icons|c"],["Badges: Modern","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-badge-modern",0,2,7],41,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Badges: With dot","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-dot",0,3,8],91,"misc","badge|label,status,pill|icons,colorful|c"],["Badges: With dot badge color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-dot-badge-color",0,4,8],59,"misc","badge|label,status,pill|icons,colorful|c"],["Badges: With dot badge modern","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-dot-badge-modern",0,5,8],40,"misc","badge|label,status,pill|icons|c"],["Badges: With flag","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-flag",0,6,8],63,"misc","badge|label,status,pill|no icons,avatar,images|c"],["Badges: With flag badge color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-flag-badge-color",0,7,8],95,"misc","badge|label,status,pill|no icons,avatar,images|c"],["Badges: With flag badge modern","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-flag-badge-modern",0,0,9],45,"misc","badge|label,status,pill|no icons,avatar,images,monochrome,minimal|c"],["Badges: With avatar","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-avatar",0,5,7],62,"media","badge|avatar,label,status,pill|no icons,avatar,images|c"],["Badges: With avatar badge color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-avatar-badge-color",0,6,7],62,"media","badge|avatar,label,status,pill|no icons,avatar,images|c"],["Badges: With avatar badge modern","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-avatar-badge-modern",0,7,7],45,"media","badge|avatar,label,status,pill|no icons,avatar,images,monochrome,minimal|c"],["Badges: With close x","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-close-x",0,0,8],90,"misc","badge|label,status,pill|icons,colorful|c"],["Badges: With close x badge color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-close-x-badge-color",0,1,8],90,"misc","badge|label,status,pill|icons,colorful|c"],["Badges: With close x badge modern","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-close-x-badge-modern",0,2,8],41,"misc","badge|label,status,pill|icons,monochrome|c"],["Badges: With icon trailing","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-trailing",0,7,9],59,"misc","badge|animated icon,cursor effect,label,status,pill|icons,colorful|c"],["Badges: With icon trailing badge color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-trailing-badge-color",0,0,10],90,"misc","badge|animated icon,cursor effect,label,status,pill|icons,colorful|c"],["Badges: With icon trailing badge modern","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-trailing-badge-modern",0,1,10],42,"misc","badge|animated icon,cursor effect,label,status,pill|icons,monochrome|c"],["Badges: With icon leading","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-leading",0,1,9],91,"misc","badge|animated icon,label,status,pill|icons,colorful|c"],["Badges: With icon leading badge color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-leading-badge-color",0,2,9],59,"misc","badge|animated icon,label,status,pill|icons,colorful|c"],["Badges: With icon leading badge modern","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-leading-badge-modern",0,3,9],38,"misc","badge|animated icon,label,status,pill|icons|c"],["Badges: With icon only","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-only",0,4,9],29,"misc","badge|animated icon,label,status,pill|icons,colorful|c"],["Badges: With icon only badge color","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-only-badge-color",0,5,9],62,"misc","badge|animated icon,label,status,pill|icons,colorful|c"],["Badges: With icon only badge modern","untitled","Untitled UI badges example.","npx untitledui@latest add badges","https://www.untitledui.com/react/components/badges",0,"",["badges-with-icon-only-badge-modern",0,6,9],31,"misc","badge|animated icon,label,status,pill|icons,monochrome|c"],["Button group: Default","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-default",0,0,11],13,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Button group: Leading icon","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-leading-icon",0,3,11],47,"button","button group|animated icon,button,buttons,toolbar|icons,monochrome|c"],["Button group: Dot","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-button-group-dot",0,7,10],55,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button group: Disabled individual button","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-disabled-individual-button",0,2,11],11,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Button group: Disabled all","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-disabled-all",0,1,11],6,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Button group: Selected item","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-selected-item",0,5,11],18,"button","button group|select,button,buttons,toolbar|no icons,monochrome,minimal|c"],["Button group: Multiple selected items","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-multiple-selected-items",0,4,11],18,"button","button group|select,multi select,button,buttons,toolbar|no icons,monochrome,minimal|c"],["Button group: All small","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-all-small",0,6,10],83,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button group: All","untitled","Untitled UI button group example.","npx untitledui@latest add button-group","https://www.untitledui.com/react/components/button-group",0,"",["button-group-all",0,5,10],84,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["App store buttons: Default","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-default-demo",0,0,1],83,"button","button|ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Google play","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-google-play-demo",0,3,1],78,"button","button|ecommerce,media,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-app-store-demo",0,6,0],60,"button","button|ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Galaxy store","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-galaxy-store-demo",0,1,1],80,"button","button|ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Gallery","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-app-gallery-demo",0,4,0],78,"button","button|gallery,ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Google play outline","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-google-play-outline-demo",0,4,1],54,"button","button|ecommerce,media,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Outline","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-app-store-outline-demo",0,7,0],53,"button","button|ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Galaxy store outline","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-galaxy-store-outline-demo",0,2,1],54,"button","button|ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Gallery outline","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-app-store-button-app-gallery-outline-demo",0,5,0],54,"button","button|gallery,ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Md","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-md",0,6,1],79,"button","button|ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["App store buttons: Lg","untitled","Untitled UI app store buttons example.","npx untitledui@latest add app-store-buttons","https://www.untitledui.com/react/components/app-store-buttons",0,"",["app-store-buttons-lg",0,5,1],80,"button","button|ecommerce,cta,click,action|no icons,monochrome,minimal|c"],["Buttons: Leading icon","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-leading-icon",1,1,0],74,"button","button|animated icon,cta,click,action|icons|c"],["Buttons: Trailing icon","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-trailing-icon",1,3,1],74,"button","button|animated icon,cursor effect,cta,click,action|icons|c"],["Buttons: Primary","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-primary",1,5,0],95,"button","button|cta,click,action|icons,animated|c"],["Buttons: Secondary","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-secondary",1,7,0],74,"button","button|cta,click,action|icons,animated,monochrome|c"],["Buttons: Tertiary","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-tertiary",1,1,1],68,"button","button|cta,click,action|icons,animated,monochrome|c"],["Buttons: Link gray","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-link-gray",1,4,0],58,"button","button|link,cta,click,action|no icons,monochrome|c"],["Buttons: Link color","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-link-color",1,2,0],61,"button","button|link,cta,click,action|no icons,monochrome|c"],["Buttons: Primary destructive","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-primary-destructive",1,6,0],96,"button","button|cta,click,action|icons,animated,monochrome|c"],["Buttons: Secondary destructive","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-secondary-destructive",1,0,1],90,"button","button|cta,click,action|icons,animated,monochrome|c"],["Buttons: Tertiary destructive","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-tertiary-destructive",1,2,1],89,"button","button|cta,click,action|icons,animated,monochrome|c"],["Buttons: Link destructive","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-link-destructive",1,3,0],72,"button","button|link,cta,click,action|no icons,monochrome|c"],["Buttons: Close x light","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-close-x-light-demo",1,0,0],0,"button","button|cta,click,action|icons,monochrome|c"],["Buttons: Close x dark","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-close-x-dark-demo",0,7,11],30,"button","button|cta,click,action|icons,monochrome|c"],["Buttons: Close x","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-close-x",0,6,11],61,"button","button|cta,click,action|icons,monochrome|c"],["Buttons: Utility button default","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-utility-button-default-demo",1,5,1],0,"button","button|cta,click,action|icons,monochrome|c"],["Buttons: Utility button secondary","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-utility-button-secondary-demo",1,7,1],2,"button","button|cta,click,action|icons,monochrome|c"],["Buttons: Utility button tertiary","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-utility-button-tertiary-demo",1,1,2],0,"button","button|cta,click,action|icons,monochrome|c"],["Buttons: Utility button disabled","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-utility-button-disabled-demo",1,6,1],0,"button","button|cta,click,action|icons,monochrome|c"],["Buttons: Utility button sizes","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-utility-button-sizes-demo",1,0,2],42,"button","button|cta,click,action|icons,monochrome|c"],["Buttons: Utility button","untitled","Untitled UI buttons example.","npx untitledui@latest add buttons","https://www.untitledui.com/react/components/buttons",0,"",["buttons-utility-button",1,4,1],41,"button","button|cta,click,action|icons,monochrome|c"],["Social buttons: Google","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-google-demo",3,1,2],87,"button","button|cta,login,click,action|icons,monochrome|c"],["Social buttons: Facebook","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-facebook-demo",3,7,1],100,"button","button|cta,login,click,action|icons|c"],["Social buttons: Apple","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-apple-demo",3,5,1],76,"button","button|cta,login,click,action|icons,monochrome|c"],["Social buttons: Twitter","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-twitter-demo",3,2,3],74,"button","button|cta,login,click,action|icons,monochrome|c"],["Social buttons: Figma","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-figma-demo",3,0,2],92,"button","button|cta,login,click,action|icons,monochrome|c"],["Social buttons: Dribble","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-dribble-demo",3,6,1],100,"button","button|cta,login,click,action|icons|c"],["Social buttons: Group brand","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-group-brand-demo",3,2,2],100,"button","button|cta,login,click,action|icons|c"],["Social buttons: Group icons brand","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-group-icons-brand-demo",3,5,2],77,"button","button|animated icon,cta,click,action|icons|c"],["Social buttons: Group color","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-group-color-demo",3,3,2],87,"button","button|cta,login,click,action|icons,monochrome|c"],["Social buttons: Group icons color","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-group-icons-color-demo",3,6,2],64,"button","button|animated icon,cta,click,action|icons,monochrome|c"],["Social buttons: Group gray","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-group-gray-demo",3,4,2],72,"button","button|cta,login,click,action|icons,monochrome|c"],["Social buttons: Group icons gray","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-group-icons-gray-demo",3,7,2],42,"button","button|animated icon,cta,click,action|icons,monochrome|c"],["Social buttons","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-buttons",3,3,3],94,"button","button|cta,login,click,action|icons|c"],["Social buttons: Groups m d","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-groups-m-d",3,1,3],100,"button","button|cta,login,click,action|icons|c"],["Social buttons: Groups l g","untitled","Untitled UI social buttons example.","npx untitledui@latest add social-buttons","https://www.untitledui.com/react/components/social-buttons",0,"",["social-buttons-social-button-groups-l-g",3,0,3],100,"button","button|cta,login,click,action|icons|c"],["Checkbox: Default","untitled","Untitled UI checkbox example.","npx untitledui@latest add checkbox","https://www.untitledui.com/react/components/checkbox",0,"",["checkbox-default-demo",1,7,2],44,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox: Base","untitled","Untitled UI checkbox example.","npx untitledui@latest add checkbox","https://www.untitledui.com/react/components/checkbox",0,"",["checkbox-base-demo",1,4,2],0,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox: With label","untitled","Untitled UI checkbox example.","npx untitledui@latest add checkbox","https://www.untitledui.com/react/components/checkbox",0,"",["checkbox-with-label-demo",1,3,3],6,"input","checkbox|input,form,checklist|no icons,monochrome,minimal|c"],["Checkbox: With label and hint","untitled","Untitled UI checkbox example.","npx untitledui@latest add checkbox","https://www.untitledui.com/react/components/checkbox",0,"",["checkbox-with-label-and-hint-demo",1,2,3],44,"input","checkbox|input,form,checklist|no icons,monochrome,minimal|c"],["Checkbox: Disabled","untitled","Untitled UI checkbox example.","npx untitledui@latest add checkbox","https://www.untitledui.com/react/components/checkbox",0,"",["checkbox-disabled-demo",1,0,3],43,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Checkbox: Sizes","untitled","Untitled UI checkbox example.","npx untitledui@latest add checkbox","https://www.untitledui.com/react/components/checkbox",0,"",["checkbox-sizes-demo",1,1,3],59,"input","checkbox|form,checklist|no icons,monochrome|c"],["Checkbox: Checkboxes","untitled","Untitled UI checkbox example.","npx untitledui@latest add checkbox","https://www.untitledui.com/react/components/checkbox",0,"",["checkbox-checkboxes",1,6,2],72,"input","checkbox|form,checklist|icons|c"],["Checkbox: Base 2","untitled","Untitled UI checkbox example.","npx untitledui@latest add checkbox","https://www.untitledui.com/react/components/checkbox",0,"",["checkbox-checkbox-base",1,5,2],60,"input","checkbox|form,checklist|icons|c"],["Inputs: Default","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-default-demo",1,5,9],13,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Inputs: Disabled","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-disabled-demo",1,6,9],43,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Inputs: Invalid","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-invalid-demo",1,1,10],55,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Inputs: Sizes","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-sizes-demo",2,0,0],64,"input","input|text field,form,form control|icons,monochrome|c"],["Inputs: Leading icon","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-leading-icon-demo",1,5,10],12,"input","input|animated icon,text field,form,form control|icons,monochrome|c"],["Inputs: Leading dropdown","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-leading-dropdown-demo",1,3,10],14,"dropdown","input|dropdown menu,text field,form,form control|icons,monochrome|c"],["Inputs: Trailing dropdown","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-trailing-dropdown-demo",2,0,1],45,"dropdown","input|cursor effect,dropdown menu,text field,form,form control|icons,monochrome|c"],["Inputs: Leading text","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-leading-text-demo",1,7,10],45,"input","input|text effect,text field,form,form control|icons,monochrome,minimal|c"],["Inputs: Payment input","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-payment-input-demo",1,6,11],31,"input","input|text field,form,form control|icons,monochrome,minimal|c"],["Inputs: Trailing button","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-trailing-button-demo",2,6,0],45,"button","input|cursor effect,button,text field,form,form control|icons,monochrome|c"],["Inputs: Password input","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-password-input-demo",1,4,11],14,"input","input|password input,login,text field,form,form control|icons,monochrome|c"],["Inputs: Date input","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-date-input-demo",1,2,9],12,"input","input|date picker,text field,form,form control|icons,monochrome|c"],["Inputs: Number input horizontal","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-number-input-horizontal-demo",1,0,11],43,"input","input|number input,text field,form,form control|icons,monochrome|c"],["Inputs: Number input vertical","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-number-input-vertical-demo",1,1,11],44,"input","input|number input,text field,form,form control|icons,monochrome|c"],["Inputs: Tag input","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-tag-input-demo",2,1,0],53,"input","input|tag,tag input,text field,form,form control|icons,monochrome|c"],["Inputs: Tag input outer","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-tag-input-outer-demo",2,2,0],56,"input","input|tag,tag input,text field,form,form control|icons,monochrome|c"],["Inputs: Default 2","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-default",1,4,9],70,"input","input|text field,form,form control|icons,monochrome|c"],["Inputs: Leading icon 2","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-leading-icon",1,4,10],71,"input","input|animated icon,text field,form,form control|icons,monochrome|c"],["Inputs: Leading dropdown 2","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-leading-dropdown",1,2,10],72,"dropdown","input|dropdown menu,text field,form,form control|icons,animated,monochrome|c"],["Inputs: Trailing dropdown 2","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-trailing-dropdown",2,7,0],72,"dropdown","input|cursor effect,dropdown menu,text field,form,form control|icons,monochrome|c"],["Inputs: Leading text 2","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-leading-text",1,6,10],72,"input","input|text effect,text field,form,form control|icons,animated,monochrome|c"],["Inputs: Payment inputs","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-payment-inputs",1,7,11],87,"input","input|text field,form,form control|icons,monochrome|c"],["Inputs: Trailing button 2","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-trailing-button",2,5,0],72,"button","input|cursor effect,button,text field,form,form control|icons,monochrome|c"],["Inputs: Password inputs","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-password-inputs",1,5,11],72,"input","input|password input,login,text field,form,form control|icons,monochrome|c"],["Inputs: Date inputs","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-date-inputs",1,3,9],71,"input","input|date picker,text field,form,form control|icons,monochrome|c"],["Inputs: Number inputs horizontal","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-number-inputs-horizontal",1,2,11],72,"input","input|number input,text field,form,form control|icons,monochrome|c"],["Inputs: Number inputs vertical","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-number-inputs-vertical",1,3,11],71,"input","input|number input,text field,form,form control|icons,monochrome|c"],["Inputs: Tag inputs","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-tag-inputs",2,3,0],74,"input","input|tag,tag input,text field,form,form control|icons,monochrome|c"],["Inputs: File upload input","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-file-upload-input-demo",1,7,9],47,"upload","input|file upload,upload,text field,form,form control|no icons,monochrome,minimal|c"],["Inputs: File upload inputs","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-file-upload-inputs",1,0,10],72,"upload","input|file upload,upload,text field,form,form control|icons,monochrome|c"],["Inputs: Tag inputs outer","untitled","Untitled UI inputs example.","npx untitledui@latest add inputs","https://www.untitledui.com/react/components/inputs",0,"",["inputs-tag-inputs-outer",2,4,0],70,"input","input|tag,tag input,text field,form,form control|icons,monochrome|c"],["Pin input: Four digits","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-four-digits-demo",2,5,5],65,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Pin input: Disabled","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-disabled-demo",2,4,5],63,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Pin input: Sizes","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-sizes-demo",2,2,6],67,"input","otp input|input,verification,code|no icons,monochrome|c"],["Pin input: O t p s m","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-input-o-t-p-s-m",2,0,6],48,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Pin input: O t p m d","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-input-o-t-p-m-d",2,7,5],50,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Pin input: O t p l g","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-input-o-t-p-l-g",2,6,5],50,"input","otp input|input,verification,code|no icons,monochrome,minimal|c"],["Pin input: O t p sizes","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-input-o-t-p-sizes-demo",2,1,6],60,"input","otp input|input,verification,code|no icons,monochrome|c"],["Pin input: Verification code input s m","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-verification-code-input-s-m",2,5,6],59,"input","otp input|code block,input,verification,code|no icons,monochrome,minimal|c"],["Pin input: Verification code input m d","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-verification-code-input-m-d",2,4,6],55,"input","otp input|code block,input,verification,code|no icons,monochrome,minimal|c"],["Pin input: Verification code input l g","untitled","Untitled UI pin input example.","npx untitledui@latest add pin-input","https://www.untitledui.com/react/components/pin-input",0,"",["pin-input-verification-code-input-l-g",2,3,6],54,"input","otp input|code block,input,verification,code|no icons,monochrome,minimal|c"],["Progress indicators: Bar default","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-progress-bar-default",2,3,8],58,"loader","progress bar|badge,progress,meter,loading|no icons|c"],["Progress indicators: Bar text right","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-progress-bar-text-right",2,6,8],58,"loader","progress bar|text effect,badge,progress,meter,loading|no icons|c"],["Progress indicators: Bar text bottom","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-progress-bar-text-bottom",2,4,8],61,"loader","progress bar|text effect,badge,progress,meter,loading|no icons|c"],["Progress indicators: Bar text top floating","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-progress-bar-text-top-floating",2,7,8],66,"loader","progress bar|text effect,badge,progress,meter,loading|no icons|c"],["Progress indicators: Bar text bottom floating","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-progress-bar-text-bottom-floating",2,5,8],66,"loader","progress bar|text effect,badge,progress,meter,loading|no icons|c"],["Progress indicators: Circle progress bar","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-circle-progress-bar",2,7,7],84,"loader","progress bar|badge,progress,meter,loading|no icons|c"],["Progress indicators: Circle progress bar label","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-circle-progress-bar-label",2,0,8],84,"loader","progress bar|input,badge,progress,meter,loading|no icons|c"],["Progress indicators: Half circle progress bar","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-half-circle-progress-bar",2,1,8],85,"loader","progress bar|badge,progress,meter,loading|no icons|c"],["Progress indicators: Half circle progress bar label","untitled","Untitled UI progress indicators example.","npx untitledui@latest add progress-indicators","https://www.untitledui.com/react/components/progress-indicators",0,"",["progress-indicators-half-circle-progress-bar-label",2,2,8],84,"loader","progress bar|input,badge,progress,meter,loading|no icons|c"],["Radio buttons: With label","untitled","Untitled UI radio buttons example.","npx untitledui@latest add radio-buttons","https://www.untitledui.com/react/components/radio-buttons",0,"",["radio-buttons-with-label-demo",2,6,9],55,"button","button|input,radio group,cta,click,action|no icons|c"],["Radio buttons: With label and hint","untitled","Untitled UI radio buttons example.","npx untitledui@latest add radio-buttons","https://www.untitledui.com/react/components/radio-buttons",0,"",["radio-buttons-with-label-and-hint-demo",2,5,9],66,"button","button|input,radio group,cta,click,action|no icons|c"],["Radio buttons: Disabled","untitled","Untitled UI radio buttons example.","npx untitledui@latest add radio-buttons","https://www.untitledui.com/react/components/radio-buttons",0,"",["radio-buttons-disabled-demo",2,1,9],62,"button","button|radio group,cta,click,action|no icons|c"],["Radio buttons: Disabled individual item","untitled","Untitled UI radio buttons example.","npx untitledui@latest add radio-buttons","https://www.untitledui.com/react/components/radio-buttons",0,"",["radio-buttons-disabled-individual-item-demo",2,2,9],66,"button","button|radio group,cta,click,action|no icons|c"],["Radio buttons","untitled","Untitled UI radio buttons example.","npx untitledui@latest add radio-buttons","https://www.untitledui.com/react/components/radio-buttons",0,"",["radio-buttons-radio-buttons",2,3,9],66,"button","button|radio group,cta,click,action|no icons|c"],["Radio buttons: Base","untitled","Untitled UI radio buttons example.","npx untitledui@latest add radio-buttons","https://www.untitledui.com/react/components/radio-buttons",0,"",["radio-buttons-radio-buttons-base",2,4,9],46,"button","button|radio group,cta,click,action|no icons|c"],["Select: Default","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-default-demo",2,2,10],51,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select: Disabled","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-disabled-demo",2,3,10],50,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select: Sizes","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-sizes-demo",3,1,0],60,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select: Icon leading","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-icon-leading-demo",2,7,10],52,"dropdown","select|animated icon,dropdown,options,form|icons,monochrome|c"],["Select: Avatar leading","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-avatar-leading-demo",2,0,10],52,"dropdown","select|avatar,dropdown,options,form|icons,monochrome|c"],["Select: Dot leading","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-dot-leading-demo",2,5,10],58,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select: Search","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-search-demo",3,0,0],53,"dropdown","select|dropdown,search,options,form|icons,monochrome|c"],["Select: Tags","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-tags-demo",3,3,0],53,"dropdown","select|tag,search,dropdown,options,form|icons,monochrome|c"],["Select: Native","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-native",2,6,11],48,"dropdown","select|dropdown,team,options,form|icons,monochrome|c"],["Select: Default 2","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-default",2,1,10],57,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select: Icon leading 2","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-icon-leading",2,6,10],59,"dropdown","select|animated icon,dropdown,options,form|icons,monochrome|c"],["Select: Avatar leading 2","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-avatar-leading",2,7,9],59,"dropdown","select|avatar,dropdown,options,form|icons,monochrome|c"],["Select: Dot leading 2","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-dot-leading",2,4,10],63,"dropdown","select|dropdown,options,form|icons,monochrome|c"],["Select: Search 2","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-search",2,7,11],62,"dropdown","select|dropdown,search,options,form|icons,monochrome|c"],["Select: Tags 2","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-tags",3,2,0],62,"dropdown","select|tag,search,dropdown,options,form|icons,monochrome|c"],["Select: Multi select sm","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-multi-select-sm-demo",2,4,11],49,"dropdown","select|multi select,dropdown,options,form|icons,monochrome|c"],["Select: Multi select md","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-multi-select-md-demo",2,2,11],52,"dropdown","select|multi select,dropdown,options,form|icons,monochrome|c"],["Select: Multi select with icon","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-multi-select-with-icon-demo",2,5,11],53,"dropdown","select|animated icon,multi select,dropdown,options,form|icons,monochrome|c"],["Select: Multi select lg","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-multi-select-lg-demo",2,1,11],53,"dropdown","select|multi select,dropdown,options,form|icons,monochrome|c"],["Select: Multi select sizes","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-multi-select-sizes-demo",2,3,11],61,"dropdown","select|multi select,dropdown,options,form|icons,monochrome|c"],["Select: Multi select disabled","untitled","Untitled UI select example.","npx untitledui@latest add select","https://www.untitledui.com/react/components/select",0,"",["select-multi-select-disabled-demo",2,0,11],46,"dropdown","select|multi select,dropdown,options,form|icons,monochrome|c"],["Slider: Default","untitled","Untitled UI slider example.","npx untitledui@latest add slider","https://www.untitledui.com/react/components/slider",0,"",["slider-default",3,2,1],59,"input","slider|range,input|no icons|c"],["Slider: Bottom label","untitled","Untitled UI slider example.","npx untitledui@latest add slider","https://www.untitledui.com/react/components/slider",0,"",["slider-bottom-label",3,1,1],64,"input","slider|range,input|no icons|c"],["Slider: Top floating","untitled","Untitled UI slider example.","npx untitledui@latest add slider","https://www.untitledui.com/react/components/slider",0,"",["slider-top-floating",3,4,1],65,"input","slider|range,input|no icons|c"],["Slider: Single thumb","untitled","Untitled UI slider example.","npx untitledui@latest add slider","https://www.untitledui.com/react/components/slider",0,"",["slider-single-thumb",3,3,1],34,"input","slider|range,input|no icons|c"],["Tags: Default","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-default-demo",3,7,9],50,"misc","tag|label,chip,pill|icons,monochrome|c"],["Tags: Close x","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-close-x-demo",3,3,9],52,"misc","tag|label,chip,pill|icons,monochrome|c"],["Tags: Count","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-count-demo",3,5,9],53,"misc","tag|label,chip,pill|icons,monochrome|c"],["Tags: Checkbox","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-checkbox-demo",3,1,9],62,"input","tag|checkbox,label,chip,pill|icons|c"],["Tags: Checkbox close x","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-checkbox-close-x-demo",3,5,8],63,"input","tag|checkbox,label,chip,pill|icons|c"],["Tags: Checkbox count","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-checkbox-count-demo",3,7,8],64,"input","tag|checkbox,label,chip,pill|icons|c"],["Tags: Sizes","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-sizes-demo",3,0,10],72,"misc","tag|label,chip,pill|icons,monochrome|c"],["Tags: Default 2","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-default",3,6,9],72,"misc","tag|label,chip,pill|icons,monochrome|c"],["Tags: Close x 2","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-close-x",3,2,9],70,"misc","tag|label,chip,pill|icons,monochrome|c"],["Tags: Count 2","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-count",3,4,9],74,"misc","tag|label,chip,pill|icons,monochrome|c"],["Tags: Checkbox default","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-checkbox-default",3,0,9],73,"input","tag|checkbox,label,chip,pill|icons,monochrome|c"],["Tags: Checkbox close x 2","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-checkbox-close-x",3,4,8],67,"input","tag|checkbox,label,chip,pill|icons,monochrome|c"],["Tags: Checkbox count 2","untitled","Untitled UI tags example.","npx untitledui@latest add tags","https://www.untitledui.com/react/components/tags",0,"",["tags-checkbox-count",3,6,8],68,"input","tag|checkbox,label,chip,pill|icons,monochrome|c"],["Textarea: Default","untitled","Untitled UI textarea example.","npx untitledui@latest add textarea","https://www.untitledui.com/react/components/textarea",0,"",["textarea-default-demo",3,1,10],57,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea: Disabled","untitled","Untitled UI textarea example.","npx untitledui@latest add textarea","https://www.untitledui.com/react/components/textarea",0,"",["textarea-disabled-demo",3,2,10],40,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea: Invalid","untitled","Untitled UI textarea example.","npx untitledui@latest add textarea","https://www.untitledui.com/react/components/textarea",0,"",["textarea-invalid-demo",3,3,10],67,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Textarea","untitled","Untitled UI textarea example.","npx untitledui@latest add textarea","https://www.untitledui.com/react/components/textarea",0,"",["textarea-textarea",3,4,10],68,"input","textarea|text effect,input,form,text field|no icons,monochrome|c"],["Toggle: Default","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-default-demo",3,6,10],47,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle: Base","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-base-demo",3,5,10],0,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle: With label","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-with-label-demo",4,0,0],8,"switch","switch|input,toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle: With label and hint","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-with-label-and-hint-demo",3,7,11],47,"switch","switch|input,toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle: Disabled","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-disabled-demo",3,7,10],45,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle: Sizes","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-sizes-demo",3,0,11],63,"switch","switch|toggle,on off,settings|no icons,monochrome|c"],["Toggle: Slim base","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-slim-base-demo",3,1,11],32,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle: Slim with label and hint","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-slim-with-label-and-hint-demo",3,2,11],47,"switch","switch|input,toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-toggles",3,5,11],54,"switch","switch|toggle,on off,settings|no icons,monochrome|c"],["Toggle: Base 2","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-toggle-base",3,3,11],38,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Toggle: Slim","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-toggles-slim",3,6,11],54,"switch","switch|toggle,on off,settings|no icons,monochrome|c"],["Toggle: Slim base 2","untitled","Untitled UI toggle example.","npx untitledui@latest add toggle","https://www.untitledui.com/react/components/toggle",0,"",["toggle-toggle-slim-base",3,4,11],37,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Tooltip: Default","untitled","Untitled UI tooltip example.","npx untitledui@latest add tooltip","https://www.untitledui.com/react/components/tooltip",0,"",["tooltip-default-demo",4,1,0],0,"misc","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip: With arrow","untitled","Untitled UI tooltip example.","npx untitledui@latest add tooltip","https://www.untitledui.com/react/components/tooltip",0,"",["tooltip-with-arrow-demo",4,5,0],0,"misc","tooltip|hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip: With supporting text","untitled","Untitled UI tooltip example.","npx untitledui@latest add tooltip","https://www.untitledui.com/react/components/tooltip",0,"",["tooltip-with-supporting-text-demo",4,6,0],0,"text","tooltip|contact section,text effect,hover,popover,hint|icons,monochrome,minimal|c"],["Tooltip","untitled","Untitled UI tooltip example.","npx untitledui@latest add tooltip","https://www.untitledui.com/react/components/tooltip",0,"",["tooltip-tooltip-demo",4,2,0],61,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip: With arrow 2","untitled","Untitled UI tooltip example.","npx untitledui@latest add tooltip","https://www.untitledui.com/react/components/tooltip",0,"",["tooltip-tooltip-with-arrow",4,3,0],61,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tooltip: With arrow supporting text","untitled","Untitled UI tooltip example.","npx untitledui@latest add tooltip","https://www.untitledui.com/react/components/tooltip",0,"",["tooltip-tooltip-with-arrow-supporting-text",4,4,0],61,"text","tooltip|contact section,text effect,hover,popover,hint|icons,monochrome|c"],["Featured icon: Default","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-default-demo",1,1,7],60,"misc","animated icon|features section,icon,animation|icons|c"],["Featured icon: Light","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-light-demo",1,5,7],88,"misc","animated icon|features section,icon,animation|icons|c"],["Featured icon: Gradient","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-gradient-demo",1,4,7],90,"background","animated icon|background,features section,icon,animation|icons,monochrome|c"],["Featured icon: Dark","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-dark-demo",1,0,7],98,"misc","animated icon|features section,icon,animation|icons|c"],["Featured icon: Outline","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-outline-demo",1,0,8],87,"misc","animated icon|features section,icon,animation|icons|c"],["Featured icon: Modern","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-modern-demo",1,6,7],48,"misc","animated icon|features section,icon,animation|icons,monochrome|c"],["Featured icon: Modern neue","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-modern-neue-demo",1,7,7],52,"misc","animated icon|features section,icon,animation|icons,monochrome|c"],["Featured icon","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-featured-icons",1,2,7],100,"misc","animated icon|features section,icon,animation|icons|c"],["Featured icon: Outline 2","untitled","Untitled UI featured icon example.","npx untitledui@latest add featured-icon","https://www.untitledui.com/react/components/featured-icon",0,"",["featured-icon-featured-icons-outline",1,3,7],87,"misc","animated icon|features section,icon,animation|icons|c"],["Credit card","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-example",1,7,3],98,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Transparent","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-transparent",1,1,5],82,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Transparent gradient","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-transparent-gradient",1,2,5],85,"background","credit card|background,card,payment,checkout,form|icons,monochrome|c"],["Credit card: Brand dark","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-brand-dark",1,4,3],98,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Brand light","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-brand-light",1,5,3],93,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Gray dark","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-gray-dark",1,2,4],91,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Gray light","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-gray-light",1,3,4],88,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Transparent strip","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-transparent-strip",1,3,5],84,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Gray strip","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-gray-strip",1,4,4],89,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Gradient strip","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-gradient-strip",1,0,4],100,"background","credit card|background,card,payment,checkout,form|icons,monochrome|c"],["Credit card: Salmon strip","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-salmon-strip",1,6,4],97,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Gray strip vertical","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-gray-strip-vertical",1,5,4],86,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Gradient strip vertical","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-gradient-strip-vertical",1,1,4],100,"background","credit card|background,card,payment,checkout,form|icons,monochrome|c"],["Credit card: Salmon strip vertical","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-salmon-strip-vertical",1,7,4],96,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Customization","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-customization",1,6,3],100,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Credit card: Sizes","untitled","Untitled UI credit card example.","npx untitledui@latest add credit-card","https://www.untitledui.com/react/components/credit-card",0,"",["credit-card-credit-card-sizes",1,0,5],98,"card","credit card|card,payment,checkout,form|icons,monochrome|c"],["Accordion","kanpeki","A vertically stacked set of interactive headings that each reveal a section of content.","","https://kanpeki.vercel.app/docs/components/accordion",0,"",["accordion",0,0,0],66,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Alert","kanpeki","Displays a callout for user attention.","npx shadcn@latest add @kanpeki/alert","https://kanpeki.vercel.app/docs/components/alert",0,"",["alert",0,1,0],56,"toast","alert|message,banner,callout|icons,monochrome|c"],["Aspect Ratio","kanpeki","Displays content within a desired ratio.","npx shadcn@latest add @kanpeki/aspect-ratio","https://kanpeki.vercel.app/docs/components/aspect-ratio",0,"",["aspect-ratio",0,2,0],85,"misc","card|container,surface|no icons,images,monochrome,minimal|c"],["Autocomplete","kanpeki","An autocomplete combines a TextField or SearchField with a Menu or ListBox, allowing users to search or filter a list of suggestions.","npx shadcn@latest add @kanpeki/autocomplete","https://kanpeki.vercel.app/docs/components/autocomplete",0,"",["autocomplete",0,3,0],72,"dropdown","combobox|select,settings,search,autocomplete|icons,monochrome|c"],["Avatar","kanpeki","An image element with a fallback for representing the user.","npx shadcn@latest add @kanpeki/avatar","https://kanpeki.vercel.app/docs/components/avatar",0,"",["avatar",0,4,0],6,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Badge","kanpeki","Displays a badge or a component that looks like a badge.","npx shadcn@latest add @kanpeki/badge","https://kanpeki.vercel.app/docs/components/badge",0,"",["badge",0,5,0],20,"misc","badge|label,status,pill|no icons,monochrome,minimal|c"],["Breadcrumb","kanpeki","Breadcrumbs display a hierarchy of links to the current page or resource in an application.","npx shadcn@latest add @kanpeki/breadcrumb","https://kanpeki.vercel.app/docs/components/breadcrumb",0,"",["breadcrumb",0,6,0],40,"misc","breadcrumb|navigation,path|icons,monochrome|c"],["Button Group","kanpeki","A container that groups related buttons together with consistent styling.","npx shadcn@latest add @kanpeki/button-group","https://kanpeki.vercel.app/docs/components/button-group",0,"",["button-group",0,0,1],49,"button","button group|button,buttons,toolbar|icons,monochrome|c"],["Button","kanpeki","Displays a button or a component that looks like a button.","npx shadcn@latest add @kanpeki/button","https://kanpeki.vercel.app/docs/components/button",0,"",["button",0,7,0],23,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Calendar","kanpeki","A calendar displays one or more date grids and allows users to select a single date.","npx shadcn@latest add @kanpeki/calendar","https://kanpeki.vercel.app/docs/components/calendar",0,"",["calendar",0,1,1],63,"datepicker","calendar|date,date picker,schedule|icons,monochrome|c"],["Card","kanpeki","Displays a card with header, content, and footer.","npx shadcn@latest add @kanpeki/card","https://kanpeki.vercel.app/docs/components/card",0,"",["card",0,2,1],96,"card","card|container,login,surface|no icons,monochrome|c"],["Carousel","kanpeki","A carousel with motion and swipe built using Embla.","npx shadcn@latest add @kanpeki/carousel","https://kanpeki.vercel.app/docs/components/carousel",0,"",["carousel",0,3,1],35,"carousel","carousel|slider,gallery,swipe|icons,monochrome|c"],["Checkbox","kanpeki","A control that allows the user to toggle between checked and not checked.","npx shadcn@latest add @kanpeki/checkbox","https://kanpeki.vercel.app/docs/components/checkbox",0,"",["checkbox",0,4,1],11,"input","checkbox|form,checklist|no icons,monochrome,minimal|c"],["Collapsible","kanpeki","An interactive component which expands/collapses a panel.","npx shadcn@latest add @kanpeki/collapsible","https://kanpeki.vercel.app/docs/components/collapsible",0,"",["collapsible",0,5,1],43,"accordion","accordion|collapsible,expand,faq|icons,monochrome,minimal|c"],["Date Field","kanpeki","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.","npx shadcn@latest add @kanpeki/date-field","https://kanpeki.vercel.app/docs/components/date-field",0,"",["date-field",0,6,1],44,"input","date picker|input,calendar,date input|no icons,monochrome,minimal|c"],["Dialog","kanpeki","A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.","npx shadcn@latest add @kanpeki/dialog","https://kanpeki.vercel.app/docs/components/dialog",0,"",["dialog",0,7,1],9,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Dropzone","kanpeki","An area into which files can be dragged and dropped.","npx shadcn@latest add @kanpeki/dropzone","https://kanpeki.vercel.app/docs/components/dropzone",0,"",["dropzone",0,0,2],60,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome,minimal|c"],["Field","kanpeki","Combine labels, controls, and help text to compose accessible form fields.","npx shadcn@latest add @kanpeki/field","https://kanpeki.vercel.app/docs/components/field",0,"",["field",0,1,2],76,"input","input|text field,form,form control|no icons,monochrome|c"],["Input Group","kanpeki","Display additional information or actions to an input or textarea.","npx shadcn@latest add @kanpeki/input-group","https://kanpeki.vercel.app/docs/components/input-group",0,"",["input-group",0,3,2],36,"input","input|text field,search,form,form control|icons,monochrome,minimal|c"],["Input OTP","kanpeki","Accessible one-time password component with copy paste functionality.","npx shadcn@latest add @kanpeki/input-otp","https://kanpeki.vercel.app/docs/components/input-otp",0,"",["input-otp",0,4,2],6,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Input","kanpeki","Displays a form input field or a component that looks like an input field.","npx shadcn@latest add @kanpeki/input","https://kanpeki.vercel.app/docs/components/input",0,"",["input",0,2,2],1,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Label","kanpeki","Renders an accessible label associated with controls.","npx shadcn@latest add @kanpeki/label","https://kanpeki.vercel.app/docs/components/label",0,"",["label",0,5,2],44,"misc","input|text field,form,form control|icons,monochrome,minimal|c"],["List Box","kanpeki","A list of options and allows a user to select one or more of them.","npx shadcn@latest add @kanpeki/list-box","https://kanpeki.vercel.app/docs/components/list-box",0,"",["list-box",0,6,2],68,"dropdown","card|list,container,surface|no icons,monochrome,minimal|c"],["Menu","kanpeki","A list of actions or options that a user can choose.","npx shadcn@latest add @kanpeki/menu","https://kanpeki.vercel.app/docs/components/menu",0,"",["menu",0,7,2],8,"dropdown","dropdown menu|menu,settings,dropdown,actions|no icons,monochrome,minimal|c"],["Pagination","kanpeki","Pagination with page navigation, next and previous links, and arrow key support.","npx shadcn@latest add @kanpeki/pagination","https://kanpeki.vercel.app/docs/components/pagination",0,"",["pagination",0,0,3],27,"navbar|b","pagination|pages,navigation|icons,monochrome|c"],["Popover","kanpeki","Displays rich content in a portal, triggered by a button.","npx shadcn@latest add @kanpeki/popover","https://kanpeki.vercel.app/docs/components/popover",0,"",["popover",0,1,3],11,"button","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Radio Group","kanpeki","A radio group allows a user to select a single item from a list of mutually exclusive options.","npx shadcn@latest add @kanpeki/radio-group","https://kanpeki.vercel.app/docs/components/radio-group",0,"",["radio-group",0,2,3],54,"input","radio group|radio,options,form|icons,monochrome,minimal|c"],["Resizable","kanpeki","Accessible resizable panel groups and layouts with keyboard support.","npx shadcn@latest add @kanpeki/resizable","https://kanpeki.vercel.app/docs/components/resizable",0,"",["resizable",0,3,3],57,"misc","keyboard key|shortcut,keyboard|no icons,monochrome,minimal|c"],["Scroll Area","kanpeki","Augments native scroll functionality for custom, cross-browser styling.","npx shadcn@latest add @kanpeki/scroll-area","https://kanpeki.vercel.app/docs/components/scroll-area",0,"",["scroll-area",0,4,3],24,"misc","scroll area|scroll,container|no icons,monochrome|c"],["Select","kanpeki","A select displays a collapsible list of options and allows a user to select one of them.","npx shadcn@latest add @kanpeki/select","https://kanpeki.vercel.app/docs/components/select",0,"",["select",0,5,3],5,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Separator","kanpeki","Visually or semantically separates content.","npx shadcn@latest add @kanpeki/separator","https://kanpeki.vercel.app/docs/components/separator",0,"",["separator",0,6,3],51,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Sheet","kanpeki","Extends the Dialog component to display content that complements the main content of the screen.","npx shadcn@latest add @kanpeki/sheet","https://kanpeki.vercel.app/docs/components/sheet",0,"",["sheet",0,7,3],8,"dialog","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Skeleton","kanpeki","Use to show a placeholder while content is loading.","npx shadcn@latest add @kanpeki/skeleton","https://kanpeki.vercel.app/docs/components/skeleton",0,"",["skeleton",0,0,4],5,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Slider","kanpeki","An input where the user selects a value from within a given range.","npx shadcn@latest add @kanpeki/slider","https://kanpeki.vercel.app/docs/components/slider",0,"",["slider",0,1,4],54,"input","slider|range,input|no icons,monochrome,minimal|c"],["Spinner","kanpeki","Displays a spinner to indicate loading state.","npx shadcn@latest add @kanpeki/spinner","https://kanpeki.vercel.app/docs/components/spinner",0,"",["spinner",0,2,4],74,"loader","loader|spinner,loading,progress|no icons,animated,monochrome,minimal|c"],["Switch","kanpeki","A control that allows the user to toggle between on and off.","npx shadcn@latest add @kanpeki/switch","https://kanpeki.vercel.app/docs/components/switch",0,"",["switch",0,3,4],42,"switch","switch|toggle,on off,settings|no icons,monochrome,minimal|c"],["Table","kanpeki","A responsive table component.","npx shadcn@latest add @kanpeki/table","https://kanpeki.vercel.app/docs/components/table",0,"",["table",0,4,4],67,"table","data table|table,pricing,rows,spreadsheet|no icons,monochrome|c"],["Tabs","kanpeki","Tabs organize content into multiple sections and allow users to navigate between them.","npx shadcn@latest add @kanpeki/tabs","https://kanpeki.vercel.app/docs/components/tabs",0,"",["tabs",0,5,4],90,"tabs","tabs|tab bar,login,segmented control,navigation|no icons,monochrome|c"],["Textarea","kanpeki","Displays a form textarea or a component that looks like a textarea.","npx shadcn@latest add @kanpeki/textarea","https://kanpeki.vercel.app/docs/components/textarea",0,"",["textarea",0,6,4],4,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["TextField","kanpeki","A text field allows a user to enter a plain text value with a keyboard.","npx shadcn@latest add @kanpeki/text-field","https://kanpeki.vercel.app/docs/components/textfield",0,"",["textfield",0,7,4],38,"input","input|text effect,text field,form,form control|no icons,monochrome,minimal|c"],["Toast","kanpeki","A succinct message that is displayed temporarily.","npx shadcn@latest add @kanpeki/toast","https://kanpeki.vercel.app/docs/components/toast",0,"",["toast",0,0,5],10,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Toggle Group","kanpeki","A set of two-state buttons that can be toggled on or off.","npx shadcn@latest add @kanpeki/toggle-group","https://kanpeki.vercel.app/docs/components/toggle-group",0,"",["toggle-group",0,2,5],56,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Toggle","kanpeki","A two-state button that can be either on or off.","npx shadcn@latest add @kanpeki/toggle","https://kanpeki.vercel.app/docs/components/toggle",0,"",["toggle",0,1,5],6,"switch","switch|toggle,on off,settings|icons,monochrome,minimal|c"],["Tooltip","kanpeki","A tooltip displays a description of an element on hover or focus.","npx shadcn@latest add @kanpeki/tooltip","https://kanpeki.vercel.app/docs/components/tooltip",0,"",["tooltip",0,3,5],8,"misc","tooltip|hover,popover,hint|no icons,monochrome,minimal|c"],["Apple Accordion","chanhdai","Accordion whose items morph from pills into cards, inspired by Apple’s product pages.","npx shadcn@latest add @ncdai/apple-accordion","https://chanhdai.com/components/apple-accordion",0,"",["apple-accordion",0,0,0],82,"accordion","accordion|collapsible,expand,faq|icons,monochrome|c"],["Apple Carousel","chanhdai","Infinite autoplay carousel with progress dots, inspired by Apple’s website.","npx shadcn@latest add @ncdai/apple-carousel","https://chanhdai.com/components/apple-carousel",0,"",0,0],["Apple Hello Effect","chanhdai","SVG writing animation inspired by Apple’s “Hello” screen.","npx shadcn@latest add @ncdai/apple-hello-effect","https://chanhdai.com/components/apple-hello-effect",0,"",["apple-hello-effect",0,1,0],62,"misc","card|container,surface|no icons|c"],["Brand Assets Menu","chanhdai","Context menu for copying brand SVGs and opening asset links.","npx shadcn@latest add @ncdai/brand-assets-menu","https://chanhdai.com/components/brand-assets-menu",0,"",["brand-assets-menu",0,4,0],47,"dropdown","context menu|dropdown menu,right click menu,menu|no icons,monochrome,minimal|c"],["Carbon Ads","chanhdai","Display a Carbon Ads unit in Next.js apps, styled to match your shadcn/ui theme.","npx shadcn@latest add @ncdai/carbon-ads","https://chanhdai.com/components/carbon-ads",0,"",["carbon-ads",0,5,0],0,"misc","card|container,surface||c"],["Chevrons Up Down Icon","chanhdai","Animated chevrons icon that morphs between up and down directions.","npx shadcn@latest add @ncdai/chevrons-up-down-icon","https://chanhdai.com/components/chevrons-up-down-icon",0,"",["chevrons-up-down-icon",0,6,0],6,"misc","animated icon|icon,animation|icons,monochrome,minimal|c"],["Code Block Command","chanhdai","Display install commands with package manager switcher and copy button.","npx shadcn@latest add @ncdai/code-block-command","https://chanhdai.com/components/code-block-command",0,"",["code-block-command",0,7,0],60,"command|b","command menu|content section,code block,command palette,search,cmdk|icons,monochrome|c"],["Copy Button","chanhdai","Copy text to clipboard with visual, haptic, and audio feedback.","npx shadcn@latest add @ncdai/copy-button","https://chanhdai.com/components/copy-button",0,"",["copy-button",0,0,1],10,"button","copy button|button,clipboard|icons,monochrome|c"],["Dot Grid Spotlight","chanhdai","Interactive dot grid with a cursor-tracking spotlight effect.","npx shadcn@latest add @ncdai/dot-grid-spotlight","https://chanhdai.com/components/dot-grid-spotlight",0,"",["dot-grid-spotlight",0,1,1],38,"command","background|animated background,effect,hero background|no icons|c"],["Elastic Slider","chanhdai","Slider with elastic rubber-band drag and magnetic snap feedback.","npx shadcn@latest add @ncdai/elastic-slider","https://chanhdai.com/components/elastic-slider",0,"",["elastic-slider",0,2,1],72,"input","slider|range,input|no icons,monochrome,minimal|c"],["Fluid Gradient Text","chanhdai","Render text with a fluid gradient that shifts with pointer movement.","npx shadcn@latest add @ncdai/fluid-gradient-text","https://chanhdai.com/components/fluid-gradient-text",0,"",["fluid-gradient-text",0,4,1],47,"background","text effect|background,text animation,typography,animated text|no icons|c"],["Foldable","chanhdai","Folded card that opens like the iPhone Duo, blurring as the cover turns.","npx shadcn@latest add @ncdai/foldable","https://chanhdai.com/components/foldable",0,"",["foldable",0,5,1],72,"media","slider|range,input|no icons,monochrome|c"],["GitHub Contributions","chanhdai","Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profile link.","npx shadcn@latest add @ncdai/github-contributions","https://chanhdai.com/components/github-contributions",0,"",0,0],["GitHub Stars","chanhdai","Display GitHub repo star count with formatted numbers and full-count tooltip.","npx shadcn@latest add @ncdai/github-stars","https://chanhdai.com/components/github-stars",0,"",["github-stars",0,6,1],7,"background","rating|background,stars,review,input|icons,monochrome,minimal|c"],["Glow Card Grid","chanhdai","Display cards with glowing border and background effects.","npx shadcn@latest add @ncdai/glow-card-grid","https://chanhdai.com/components/glow-card-grid",0,"",["glow-card-grid",0,7,1],83,"card","card|background,container,surface|no icons,images,monochrome|c"],["Haptic Feedback","chanhdai","Trigger haptic feedback on mobile devices.","npx shadcn@latest add @ncdai/haptic","https://chanhdai.com/components/haptic",0,"",["haptic",0,0,2],86,"media","timeline|history,steps,activity|no icons,monochrome,minimal|c"],["Icon Swap","chanhdai","Animate icon swaps with scale, blur, and fade transitions.","npx shadcn@latest add @ncdai/icon-swap","https://chanhdai.com/components/icon-swap",0,"",["icon-swap",0,2,2],44,"misc","animated icon|icon,animation|icons,monochrome,minimal|c"],["iPod Classic","chanhdai","iPod classic with a working click wheel, menus, and music playback.","npx shadcn@latest add @ncdai/ipod-classic","https://chanhdai.com/components/ipod-classic",0,"",["ipod-classic",0,3,2],43,"dropdown","dropdown menu|menu,settings,dropdown,actions|icons|c"],["JPG Card Holder","chanhdai","Leather card holder shaped like a JPG file, with cards you can pull out.","npx shadcn@latest add @ncdai/jpg-card-holder","https://chanhdai.com/components/jpg-card-holder",0,"",["jpg-card-holder",0,4,2],88,"card","card|container,surface|no icons|c"],["Line Nav","chanhdai","Vertical navigation with a line marker that expands on hover and active state.","npx shadcn@latest add @ncdai/line-nav","https://chanhdai.com/components/line-nav",0,"",["line-nav",0,5,2],63,"navbar|b","navbar|header,navigation,menu|no icons,monochrome|b"],["Logos Carousel","chanhdai","Cycle through logos column by column in a staggered wave.","npx shadcn@latest add @ncdai/logos-carousel","https://chanhdai.com/components/logos-carousel",0,"",["logos-carousel",0,7,2],59,"carousel","carousel|logo cloud,slider,gallery,swipe|no icons,animated|c"],["Logos Flip","chanhdai","Flip cards in a staggered wave to reveal the next batch of logos.","npx shadcn@latest add @ncdai/logos-flip","https://chanhdai.com/components/logos-flip",0,"",["logos-flip",0,0,3],28,"card","card|logo cloud,container,surface|no icons,monochrome,minimal|c"],["Logos Swap","chanhdai","Swap logos one at a time in a scattered order.","npx shadcn@latest add @ncdai/logos-swap","https://chanhdai.com/components/logos-swap",0,"",["logos-swap",0,1,3],55,"misc","card|logo cloud,container,surface|no icons,monochrome,minimal|c"],["Middle Truncation","chanhdai","Truncate text in the middle while preserving start and end.","npx shadcn@latest add @ncdai/middle-truncation","https://chanhdai.com/components/middle-truncation",0,"",["middle-truncation",0,2,3],61,"text","text effect|text animation,typography,animated text|no icons,monochrome|c"],["Mobius Loop Icon","chanhdai","Animated Mobius loop icon that morphs between circles and infinity shape.","npx shadcn@latest add @ncdai/mobius-loop-icon","https://chanhdai.com/components/mobius-loop-icon",0,"",["mobius-loop-icon",0,3,3],10,"misc","animated icon|icon,animation|no icons,monochrome,minimal|c"],["Pull Quote","chanhdai","Display a testimonial quote with author attribution and source link.","npx shadcn@latest add @ncdai/pull-quote","https://chanhdai.com/components/pull-quote",0,"",["pull-quote",0,4,3],55,"card","card|testimonials,container,surface|no icons,monochrome|c"],["React Wheel Picker","chanhdai","iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.","npx shadcn@latest add @ncdai/wheel-picker","https://chanhdai.com/components/react-wheel-picker",0,"",["react-wheel-picker",0,5,3],72,"misc","select|dropdown,options,form|no icons,monochrome|c"],["Scroll Fade Effect","chanhdai","Fade content edges as you scroll, for both vertical and horizontal layouts.","npx shadcn@latest add @ncdai/scroll-fade-effect","https://chanhdai.com/components/scroll-fade-effect",0,"",["scroll-fade-effect",0,6,3],25,"misc","card|container,surface|no icons,monochrome|c"],["Share Menu","chanhdai","Share menu to copy a link or post to X, LinkedIn, and the native share sheet.","npx shadcn@latest add @ncdai/share-menu","https://chanhdai.com/components/share-menu",0,"",["share-menu",0,7,3],6,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Shimmering Text","chanhdai","Smooth, light-sweeping shimmer animation for text.","npx shadcn@latest add @ncdai/shimmering-text","https://chanhdai.com/components/shimmering-text",0,"",["shimmering-text",0,0,4],14,"text","text effect|skeleton,text animation,typography,animated text|no icons,monochrome,minimal|c"],["Slide to Unlock","chanhdai","Interactive slider inspired by the classic iPhone “slide to unlock” gesture.","npx shadcn@latest add @ncdai/slide-to-unlock","https://chanhdai.com/components/slide-to-unlock",0,"",0,0],["Spinning Circular Text","chanhdai","Text arranged in a circle with a continuous spinning animation.","npx shadcn@latest add @ncdai/spinning-circular-text","https://chanhdai.com/components/spinning-circular-text",0,"",["spinning-circular-text",0,4,4],47,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Spotlight Logo","chanhdai","SVG logo with a cursor-tracking gradient highlight and tactile press.","npx shadcn@latest add @ncdai/spotlight-logo","https://chanhdai.com/components/spotlight-logo",0,"",["spotlight-logo",0,5,4],58,"command","background|animated background,effect,hero background|no icons|c"],["Status Button","chanhdai","Button that shows loading and success feedback for async actions.","npx shadcn@latest add @ncdai/status-button","https://chanhdai.com/components/status-button",0,"",["status-button",0,6,4],56,"button","button|cta,click,action|no icons,monochrome,minimal|c"],["Swipe Actions","chanhdai","Swipe a row in a list to reveal actions on the left or right.","npx shadcn@latest add @ncdai/swipe-actions","https://chanhdai.com/components/swipe-actions",0,"",["swipe-actions",0,7,4],60,"misc","list|items,rows|icons,monochrome|c"],["Testimonial Spotlight","chanhdai","Testimonial card with spotlight effect on hover.","npx shadcn@latest add @ncdai/testimonial-spotlight","https://chanhdai.com/components/testimonial-spotlight",0,"",["testimonial-spotlight",0,2,5],67,"card|b","testimonials|background,reviews,social proof,quotes|icons,avatar,monochrome,minimal|b"],["Testimonial","chanhdai","Display user feedback with author info, avatar, and verified badge.","npx shadcn@latest add @ncdai/testimonial","https://chanhdai.com/components/testimonial",0,"",["testimonial",0,1,5],67,"card|b","testimonials|reviews,social proof,quotes|icons,avatar,monochrome|b"],["Testimonials Marquee","chanhdai","Scrolling marquee to showcase user testimonials.","npx shadcn@latest add @ncdai/testimonials-marquee","https://chanhdai.com/components/testimonials-marquee",0,"",["testimonials-marquee",0,5,5],64,"card|b","testimonials|marquee,reviews,social proof,quotes|no icons,avatar,images,animated,monochrome|b"],["Text Swap","chanhdai","Animated text that swaps through items with a fade transition.","npx shadcn@latest add @ncdai/text-swap","https://chanhdai.com/components/text-swap",0,"",["text-swap",0,6,5],13,"text","text effect|text animation,typography,animated text|no icons,monochrome,minimal|c"],["Theme Toggle Effect","chanhdai","Animated transitions when switching between light and dark themes.","npx shadcn@latest add @ncdai/theme-toggle-effect-triangle","https://chanhdai.com/components/theme-toggle-effect",0,"",["theme-toggle-effect",0,7,5],43,"switch","theme switcher|switch,dark mode,light mode|icons,monochrome|c"],["Timescale","chanhdai","Ruler-style timeline for plotting milestones along a horizontal or vertical axis.","npx shadcn@latest add @ncdai/timescale","https://chanhdai.com/components/timescale",0,"",["timescale",0,0,6],59,"misc","timeline|history,steps,activity|no icons,monochrome|c"],["TOC Minimap","chanhdai","Navigate page sections with a compact, hoverable TOC minimap.","npx shadcn@latest add @ncdai/toc-minimap","https://chanhdai.com/components/toc-minimap",0,"",["toc-minimap",0,1,6],18,"section|b","content section|section,landing page||b"],["Twemoji","chanhdai","Render Unicode emoji as Twemoji SVG images inline with text.","npx shadcn@latest add @ncdai/twemoji","https://chanhdai.com/components/twemoji",0,"",["twemoji",0,2,6],60,"media","text effect|text animation,typography,animated text|no icons,avatar,images,monochrome,minimal|c"],["Wallet","chanhdai","Leather wallet with cards you can peek at and pull out.","npx shadcn@latest add @ncdai/wallet","https://chanhdai.com/components/wallet",0,"",["wallet",0,3,6],100,"card","card|container,pricing,surface|icons,animated|c"],["Work Experience","chanhdai","Display work experiences with role details, company logos, and durations.","npx shadcn@latest add @ncdai/work-experience","https://chanhdai.com/components/work-experience-component",0,"",["work-experience-component",0,4,6],64,"misc","card|container,surface|icons,avatar,monochrome|c"],["Login 01","chanhdai","A simple login form.","npx shadcn@latest add @ncdai/login-01","https://chanhdai.com/blocks/login-01",0,"",["login-01",0,6,2],85,"section|b","login|sign in,sign up,auth form|no icons,monochrome|b"],["Hero 01","chanhdai","A hero section with a golden spiral background.","npx shadcn@latest add @ncdai/hero-01","https://chanhdai.com/blocks/hero-01",0,"",["hero-01",0,1,2],73,"section|b","hero section|landing page,header,headline|icons|b"],["Blog 01","chanhdai","A blog section with a grid layout.","npx shadcn@latest add @ncdai/blog-01","https://chanhdai.com/blocks/blog-01",0,"",["blog-01",0,2,0],77,"section|b","blog section|articles,pricing,posts,cards|icons,images,monochrome|b"],["Blog 02","chanhdai","A blog section with a lined grid layout.","npx shadcn@latest add @ncdai/blog-02","https://chanhdai.com/blocks/blog-02",0,"",["blog-02",0,3,0],80,"section|b","blog section|articles,pricing,posts,cards|icons,images,monochrome|b"],["Testimonials 01","chanhdai","A testimonials section with dual marquees.","npx shadcn@latest add @ncdai/testimonials-01","https://chanhdai.com/blocks/testimonials-01",0,"",["testimonials-01",0,3,5],71,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,images,animated,monochrome|b"],["Testimonials 02","chanhdai","A testimonials section with a lined layout.","npx shadcn@latest add @ncdai/testimonials-02","https://chanhdai.com/blocks/testimonials-02",0,"",["testimonials-02",0,4,5],70,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,images,animated,monochrome|b"],["Experience 01","chanhdai","A work experience section with a lined layout.","npx shadcn@latest add @ncdai/experience-01","https://chanhdai.com/blocks/experience-01",0,"",["experience-01",0,3,1],75,"section|b","content section|section,landing page|icons,avatar,images,animated,monochrome|b"],["Team 01","chanhdai","A team section with glowing cards.","npx shadcn@latest add @ncdai/team-01","https://chanhdai.com/blocks/team-01",0,"",["team-01",0,0,5],78,"section|b","team section|team,people,avatars|no icons,avatar,images,monochrome|b"],["Metrics 01","chanhdai","A metrics section with a line chart.","npx shadcn@latest add @ncdai/metrics-01","https://chanhdai.com/blocks/metrics-01",0,"",0,0],["Social Links 01","chanhdai","A social links section with a lined grid layout.","npx shadcn@latest add @ncdai/social-links-01","https://chanhdai.com/blocks/social-links-01",0,"",["social-links-01",0,1,4],61,"section|b","link|text link,hover|icons,avatar,images,monochrome|c"],["Social Proof 01","chanhdai","A social proof section with a logos carousel.","npx shadcn@latest add @ncdai/social-proof-01","https://chanhdai.com/blocks/social-proof-01",0,"",["social-proof-01",0,2,4],66,"carousel","card|testimonials,container,surface|no icons,animated,monochrome,minimal|c"],["Social Proof 02","chanhdai","A social proof section with a logos swap.","npx shadcn@latest add @ncdai/social-proof-02","https://chanhdai.com/blocks/social-proof-02",0,"",["social-proof-02",0,3,4],61,"section|b","testimonials|reviews,login,social proof,quotes|no icons,monochrome|b"],["Not Found 01","chanhdai","A 404 page with a playable brick breaker game.","npx shadcn@latest add @ncdai/not-found-01","https://chanhdai.com/blocks/not-found-01",0,"",0,0],["Data Grid","boardui","Editable spreadsheet with selection, filters, and live summaries.","npx boardui@latest add data-grid","https://www.boardui.com/components/data-grid",0,"",["data-grid",0,3,1],58,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Data Table","boardui","Filters, selection, and pagination wired up.","npx boardui@latest add data-table","https://www.boardui.com/components/data-table",0,"",["data-table",0,4,1],91,"table","data table|table,calendar,pricing,rows,spreadsheet|icons,avatar,images,animated,monochrome|c"],["Stat Cards","boardui","KPI cards with delta chips or a footer band.","npx boardui@latest add stat-cards","https://www.boardui.com/components/stat-cards",0,"",["stat-cards",0,1,4],100,"card","stat card|stats section,pricing,kpi,metrics,dashboard,card|icons,monochrome|c"],["Sidebar","boardui","Floating app navigation with teams menu.","npx boardui@latest add sidebar","https://www.boardui.com/components/sidebar",0,"",["sidebar",0,6,3],96,"section|b","sidebar|navigation,settings,account,menu,layout|icons,avatar|b"],["Dropdown","boardui","Composable menus - teams, models, actions.","npx boardui@latest add dropdown","https://www.boardui.com/components/dropdown",0,"",["dropdown",0,7,1],81,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome|c"],["Date Picker","boardui","Popover calendar for single dates.","npx boardui@latest add date-picker","https://www.boardui.com/components/date-picker",0,"",["date-picker",0,5,1],77,"datepicker","date picker|select,account,calendar,date input|icons,monochrome|c"],["File Upload","boardui","Drag, validate, and track upload progress.","npx boardui@latest add file-upload","https://www.boardui.com/components/file-upload",0,"",["file-upload",0,0,2],69,"upload","file upload|dropzone,upload,drag and drop|icons,monochrome|c"],["Orders Chart Card","boardui","","npx boardui@latest add orders-chart-card","https://www.boardui.com/components/orders-chart-card",0,"",["orders-chart-card",0,7,2],100,"chart","chart|ecommerce,timeline data,card,graph,data,dashboard|no icons|c"],["Revenue Chart","boardui","This year against last, area over a dashed line.","npx boardui@latest add revenue-chart-card","https://www.boardui.com/components/revenue-chart-card",0,"",["revenue-chart-card",0,2,3],92,"chart","chart|graph,timeline data,pricing,data,dashboard|no icons|c"],["Notification","boardui","Status messages with icons, avatars, and actions.","npx boardui@latest add notification","https://www.boardui.com/components/notification",0,"",["notification",0,5,2],77,"toast","toast|notification,notifications,alert,message|icons,monochrome|c"],["Table","boardui","Sortable columns, sticky header.","npx boardui@latest add table","https://www.boardui.com/components/table",0,"",["table",0,3,4],60,"table","data table|table,rows,spreadsheet|no icons,monochrome|c"],["Tabs","boardui","Underline and pill tab lists.","npx boardui@latest add tabs","https://www.boardui.com/components/tabs",0,"",["tabs",0,4,4],57,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Notification Center","boardui","Grouped activity inbox with tabs and actions.","npx boardui@latest add notification-center","https://www.boardui.com/components/notification-center",0,"",["notification-center",0,6,2],86,"toast","toast|notification,settings,notifications,alert,message|icons,avatar,images,monochrome|c"],["Auth Card","boardui","Sign-in and sign-up blocks with social login.","npx boardui@latest add auth-card","https://www.boardui.com/components/auth-card",0,"",["auth-card",0,2,0],96,"card|b","login|card,sign in,sign up,auth form|icons,monochrome|b"],["Agent Thinking","boardui","Agent thinking indicators for chat composers.","npx boardui@latest add agent-thinking","https://www.boardui.com/components/agent-thinking",0,"",["agent-thinking",0,0,0],42,"thinking","ai prompt|ai,chat,input|icons,animated,monochrome|c"],["Settings Modal","boardui","Multi-page settings in a controlled dialog.","npx boardui@latest add settings-modal","https://www.boardui.com/components/settings-modal",0,"",["settings-modal",0,5,3],94,"dialog","dialog|settings page,notifications,pricing,modal,overlay,popup|icons,avatar,monochrome|c"],["Announcement","boardui","Dismissible banner for product news.","npx boardui@latest add announcement","https://www.boardui.com/components/announcement",0,"",["announcement",0,1,0],70,"misc","alert|message,banner,callout|icons,monochrome|c"],["Avatar","boardui","User photo with initials fallback.","npx boardui@latest add avatar","https://www.boardui.com/components/avatar",0,"",["avatar",0,3,0],30,"media","avatar|profile,user,image|no icons,avatar,images,monochrome,minimal|c"],["Chip","boardui","Compact removable filter tokens.","npx boardui@latest add chip","https://www.boardui.com/components/chip",0,"",["chip",0,1,1],91,"misc","tag|label,chip,pill|no icons,monochrome|c"],["Breadcrumb","boardui","Path trail with collapsing levels.","npx boardui@latest add breadcrumb","https://www.boardui.com/components/breadcrumb",0,"",["breadcrumb",0,4,0],49,"misc","breadcrumb|navigation,settings,path|icons,monochrome|c"],["Button","boardui","Primary, secondary, and danger actions.","npx boardui@latest add button","https://www.boardui.com/components/button",0,"",["button",0,5,0],84,"button","button|cta,click,action|icons,monochrome|c"],["Button Group","boardui","Fused row of selectable buttons.","npx boardui@latest add button-group","https://www.boardui.com/components/button-group",0,"",["button-group",0,6,0],15,"button","button group|button,buttons,toolbar|no icons,monochrome,minimal|c"],["Carousel","boardui","Slide through cards with snap, arrows and dots.","npx boardui@latest add carousel","https://www.boardui.com/components/carousel",0,"",["carousel",0,7,0],82,"carousel","carousel|slider,gallery,swipe|no icons,images,monochrome,minimal|c"],["Checkbox","boardui","Animated tick, card variant, two sizes.","npx boardui@latest add checkbox","https://www.boardui.com/components/checkbox",0,"",["checkbox",0,0,1],62,"input","checkbox|form,checklist|icons,monochrome|c"],["Close Button","boardui","The little ×, done properly.","npx boardui@latest add close-button","https://www.boardui.com/components/close-button",0,"",["close-button",0,2,1],4,"button","button|cta,click,action|icons,monochrome|c"],["Divider","boardui","Single, double, and filled content separators.","npx boardui@latest add divider","https://www.boardui.com/components/divider",0,"",["divider",0,6,1],25,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Icon Button","boardui","Square action button, icon only.","npx boardui@latest add icon-button","https://www.boardui.com/components/icon-button",0,"",["icon-button",0,1,2],10,"button","icon button|animated icon,button,icon|icons,monochrome|c"],["Input","boardui","Text field with addons and validation.","npx boardui@latest add input","https://www.boardui.com/components/input",0,"",["input",0,2,2],70,"input","input|text field,form,form control|icons,monochrome|c"],["Input OTP","boardui","One-time-code boxes with paste and autofill.","npx boardui@latest add input-otp","https://www.boardui.com/components/input-otp",0,"",["input-otp",0,3,2],48,"input","otp input|input,verification,code|icons,monochrome,minimal|c"],["Link Button","boardui","Inline text action styled like a link.","npx boardui@latest add link-button","https://www.boardui.com/components/link-button",0,"",["link-button",0,4,2],54,"button","button|link,cta,click,action|icons,monochrome,minimal|c"],["Pagination","boardui","Page numbers with truncation.","npx boardui@latest add pagination","https://www.boardui.com/components/pagination",0,"",["pagination",0,0,3],39,"misc","pagination|pages,navigation|icons,monochrome|c"],["Radio","boardui","Gradient dot, card variant, two sizes.","npx boardui@latest add radio","https://www.boardui.com/components/radio",0,"",["radio",0,1,3],27,"input","radio group|radio,options,form|no icons,avatar,monochrome,minimal|c"],["Segmented Control","boardui","Sliding pill option switcher.","npx boardui@latest add segmented-control","https://www.boardui.com/components/segmented-control",0,"",["segmented-control",0,3,3],9,"tabs","segmented control|tabs,toggle group|no icons,monochrome,minimal|c"],["Select","boardui","Single-choice listbox with search.","npx boardui@latest add select","https://www.boardui.com/components/select",0,"",["select",0,4,3],43,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Slider","boardui","Single-value and min/max range selection.","npx boardui@latest add slider","https://www.boardui.com/components/slider",0,"",["slider",0,7,3],61,"input","slider|range,input|no icons,monochrome,minimal|c"],["Social Button","boardui","Sign-in buttons for 24 providers, logos included.","npx boardui@latest add social-button","https://www.boardui.com/components/social-button",0,"",["social-button",0,0,4],74,"button","button|cta,click,action|icons,monochrome|c"],["Switch","boardui","On/off toggle with spring motion.","npx boardui@latest add switch","https://www.boardui.com/components/switch",0,"",["switch",0,2,4],56,"switch","switch|toggle,on off,settings|no icons,avatar,monochrome,minimal|c"],["Textarea","boardui","Multiline field with auto-grow and character count.","npx boardui@latest add textarea","https://www.boardui.com/components/textarea",0,"",["textarea",0,5,4],62,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Tooltip","boardui","Positioned hints on hover and focus.","npx boardui@latest add tooltip","https://www.boardui.com/components/tooltip",0,"",["tooltip",0,6,4],49,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Tree View","boardui","Nested folders with selection and keyboard navigation.","npx boardui@latest add tree-view","https://www.boardui.com/components/tree-view",0,"",["tree-view",0,7,4],83,"navbar|b","tree view|file tree,nested list|icons,monochrome|c"],["Button","quireui","Loading without layout shift, shortcuts, tooltips and a built-in confirm step.","npx shadcn@latest add @quireui/button","https://quireui.dev/docs/components/button",0,"",["button",0,4,0],73,"button","button|cta,click,action|icons,monochrome|c"],["Input","quireui","Text input with slots, a clear button, a focus shortcut, and fields whose errors never shift the layout.","npx shadcn@latest add @quireui/input","https://quireui.dev/docs/components/input",0,"",["input",0,7,1],72,"input","input|text field,form,form control|icons,monochrome|c"],["Field","quireui","Label, description and error wired to the control inside. Errors never shift the layout.","npx shadcn@latest add @quireui/field","https://quireui.dev/docs/components/field",0,"",["field",0,4,1],88,"input","input|text field,form,form control|no icons,monochrome,minimal|c"],["Form","quireui","Validates every Field on submit with our messages, never the browser popups.","npx shadcn@latest add @quireui/form","https://quireui.dev/docs/components/form",0,"",["form",0,5,1],84,"input","form|inputs,fields|no icons,monochrome,minimal|c"],["Textarea","quireui","Grows with its content, up to a limit.","npx shadcn@latest add @quireui/textarea","https://quireui.dev/docs/components/textarea",0,"",["textarea",0,1,4],74,"input","textarea|text effect,input,form,text field|no icons,monochrome,minimal|c"],["Scroll area","quireui","Native scrolling with a slim overlay scrollbar and soft fades at edges that have more content.","npx shadcn@latest add @quireui/scroll-area","https://quireui.dev/docs/components/scroll-area",0,"",["scroll-area",0,6,2],58,"dialog","scroll area|scroll,container|no icons,monochrome|c"],["Dialog","quireui","Modal dialogs with sticky header and footer, an unsaved-changes guard, stacking and keyboard submit.","npx shadcn@latest add @quireui/dialog","https://quireui.dev/docs/components/dialog",0,"",["dialog",0,2,1],15,"dialog","dialog|modal,overlay,popup|no icons,monochrome,minimal|c"],["Alert dialog","quireui","For irreversible actions. Focus starts on Cancel.","npx shadcn@latest add @quireui/alert-dialog","https://quireui.dev/docs/components/alert-dialog",0,"",["alert-dialog",0,0,0],62,"dialog","alert dialog|alert,dialog,modal,confirm|no icons,monochrome,minimal|c"],["Sheet","quireui","A panel from the edge of the screen, with swipe to dismiss.","npx shadcn@latest add @quireui/sheet","https://quireui.dev/docs/components/sheet",0,"",["sheet",0,1,3],14,"misc","drawer|sheet,overlay,panel|no icons,monochrome,minimal|c"],["Popover","quireui","A floating panel from its trigger, with an optional arrow, sizes and a small form.","npx shadcn@latest add @quireui/popover","https://quireui.dev/docs/components/popover",0,"",["popover",0,3,2],14,"input","popover|overlay,popup,menu|no icons,monochrome,minimal|c"],["Hover card","quireui","A preview of what a link points to, so you can check without leaving the page.","npx shadcn@latest add @quireui/hover-card","https://quireui.dev/docs/components/hover-card",0,"",["hover-card",0,6,1],36,"card","hover card|popover,hover,card|no icons,monochrome,minimal|c"],["Dropdown menu","quireui","Menus with instant highlights and keyboard-first behaviour.","npx shadcn@latest add @quireui/dropdown-menu","https://quireui.dev/docs/components/dropdown-menu",0,"",["dropdown-menu",0,3,1],12,"dropdown","dropdown menu|menu,dropdown,actions|icons,monochrome,minimal|c"],["Tooltip","quireui","Tooltips that open instantly once one is showing.","npx shadcn@latest add @quireui/tooltip","https://quireui.dev/docs/components/tooltip",0,"",["tooltip",0,4,4],30,"misc","tooltip|hover,popover,hint|icons,monochrome|c"],["Command","quireui","Cmd/Ctrl K palette built on Base UI Autocomplete. No cmdk.","npx shadcn@latest add @quireui/command","https://quireui.dev/docs/components/command",0,"",["command",0,0,1],73,"command","command menu|command palette,settings,search,cmdk|icons,monochrome|c"],["Text morph","quireui","Optional. Morphs text letter by letter when it changes.","npx shadcn@latest add @quireui/text-morph","https://quireui.dev/docs/components/text-morph",0,"",["text-morph",0,0,4],46,"text","text effect|text animation,typography,animated text|no icons,animated,monochrome,minimal|c"],["Select","quireui","Pick one option from a list, with the chosen item opening right over the trigger.","npx shadcn@latest add @quireui/select","https://quireui.dev/docs/components/select",0,"",["select",0,7,2],58,"dropdown","select|dropdown,options,form|icons,monochrome,minimal|c"],["Combobox","quireui","Type to filter a long list and pick one, with the first match ready for Enter.","npx shadcn@latest add @quireui/combobox","https://quireui.dev/docs/components/combobox",0,"",["combobox",0,7,0],59,"dropdown","combobox|select,search,autocomplete|icons,monochrome|c"],["Multi-select","quireui","Pick several from a list you search: results can load as you type, a pasted list adds every match, and the field keeps one line at rest.","npx shadcn@latest add @quireui/multi-select","https://quireui.dev/docs/components/multi-select",0,"",["multi-select",0,1,2],69,"dropdown","multi select|select,combobox,tags|icons,monochrome|c"],["Checkbox","quireui","A checkbox that sizes with density, with a label row as its hit area and a select-all parent.","npx shadcn@latest add @quireui/checkbox","https://quireui.dev/docs/components/checkbox",0,"",["checkbox",0,6,0],64,"input","checkbox|form,checklist|icons,monochrome|c"],["Switch","quireui","An on/off setting that takes effect at once, with a settings-row label that toggles it.","npx shadcn@latest add @quireui/switch","https://quireui.dev/docs/components/switch",0,"",["switch",0,5,3],67,"switch","switch|toggle,login,on off,settings|no icons,monochrome|c"],["Radio group","quireui","Pick exactly one option that stays visible, with arrow keys between them and a label row as the hit area.","npx shadcn@latest add @quireui/radio-group","https://quireui.dev/docs/components/radio-group",0,"",["radio-group",0,5,2],59,"input","radio group|radio,options,form|no icons,monochrome|c"],["Tabs","quireui","Switch between views of the same place, with a marker that slides to the chosen tab.","npx shadcn@latest add @quireui/tabs","https://quireui.dev/docs/components/tabs",0,"",["tabs",0,7,3],64,"tabs","tabs|tab bar,segmented control,navigation|no icons,monochrome,minimal|c"],["Toast","quireui","Quiet confirmations that stack into a deck, fan out on hover and swipe away.","npx shadcn@latest add @quireui/toast","https://quireui.dev/docs/components/toast",0,"",["toast",0,2,4],55,"toast","toast|notification,alert,message|no icons,monochrome,minimal|c"],["Badge","quireui","Soft status labels that tint from one hue, so a column of them stays calm.","npx shadcn@latest add @quireui/badge","https://quireui.dev/docs/components/badge",0,"",["badge",0,2,0],73,"misc","badge|label,status,pill|icons,monochrome,minimal|c"],["Table","quireui","Calm, inset rows with a header that sticks, whole-row links and actions that appear on hover.","npx shadcn@latest add @quireui/table","https://quireui.dev/docs/components/table",0,"",["table",0,6,3],78,"table","data table|table,pricing,rows,spreadsheet|icons,monochrome|c"],["Skeleton","quireui","Placeholders measured in lines, not pixels, so loaded text replaces them without moving anything.","npx shadcn@latest add @quireui/skeleton","https://quireui.dev/docs/components/skeleton",0,"",["skeleton",0,3,3],81,"loader","skeleton|loading,placeholder|no icons,animated,monochrome,minimal|c"],["Avatar","quireui","Photos with initials that keep their colour per person, presence dots, and stacks that name everyone.","npx shadcn@latest add @quireui/avatar","https://quireui.dev/docs/components/avatar",0,"",["avatar",0,1,0],78,"media","avatar|profile,user,image|no icons,monochrome,minimal|c"],["Kbd","quireui","Keyboard keys drawn for the platform, with sequences and keys that light up as you press them.","npx shadcn@latest add @quireui/kbd","https://quireui.dev/docs/components/kbd",0,"",["kbd",0,0,2],67,"misc","keyboard key|shortcut,search,settings,keyboard|no icons,monochrome|c"],["Pagination","quireui","A pager that never changes width, with a sliding marker, arrow keys, and a compact jump-to-page form.","npx shadcn@latest add @quireui/pagination","https://quireui.dev/docs/components/pagination",0,"",["pagination",0,2,2],52,"input","pagination|pages,navigation|icons,monochrome|c"],["Toggle group","quireui","A segmented control with a marker that slides to the choice, or a row of independent toggles.","npx shadcn@latest add @quireui/toggle-group","https://quireui.dev/docs/components/toggle-group",0,"",["toggle-group",0,3,4],63,"switch","toggle group|switch,button group,segmented control,toggle|icons,monochrome|c"],["Progress","quireui","Progress that glides and finishes with a check, meters that warn as they fill, and stacked parts with a legend.","npx shadcn@latest add @quireui/progress","https://quireui.dev/docs/components/progress",0,"",["progress",0,4,2],98,"loader","progress bar|progress,upload,meter,loading|no icons,monochrome|c"],["Card","quireui","Cards with a header action, hairline sections, a soft footer band and a whole-card link.","npx shadcn@latest add @quireui/card","https://quireui.dev/docs/components/card",0,"",["card",0,5,0],78,"card","card|container,tasks,pricing,surface|icons,monochrome|c"],["Separator","quireui","Hairlines between groups, vertical or with a label like \"or\".","npx shadcn@latest add @quireui/separator","https://quireui.dev/docs/components/separator",0,"",["separator",0,0,3],85,"misc","divider|separator,line,layout|no icons,monochrome,minimal|c"],["Breadcrumb","quireui","A trail with automatic separators, a collapsed middle for deep paths, and a switcher for jumping to sibling workspaces.","npx shadcn@latest add @quireui/breadcrumb","https://quireui.dev/docs/components/breadcrumb",0,"",["breadcrumb",0,3,0],53,"tabs","breadcrumb|navigation,path|icons,monochrome|c"],["Slider","quireui","A slider with a live value, a bubble over the thumb while it moves, formatted values, ranges and marks that fill.","npx shadcn@latest add @quireui/slider","https://quireui.dev/docs/components/slider",0,"",["slider",0,4,3],75,"input","slider|range,pricing,input|no icons,monochrome,minimal|c"],["Date picker","quireui","A date you can type or pick: it reads \"next fri\" or \"3/10\" as you type, with a calendar that moves by keyboard.","npx shadcn@latest add @quireui/date-picker","https://quireui.dev/docs/components/date-picker",0,"",["date-picker",0,1,1],64,"datepicker","date picker|select,calendar,date input|icons,monochrome,minimal|c"],["Sidebar","quireui","App navigation that collapses to a rail you can peek open, resizes by drag or keys, and restores its saved state before the first paint, with no server code.","npx shadcn@latest add @quireui/sidebar","https://quireui.dev/docs/components/sidebar",0,"",["sidebar",0,2,3],82,"section|b","sidebar|navigation,settings,menu,layout|icons,animated,monochrome|b"],["Hero 1","smoothui","Eye-catching animated React hero blocks with interactive backgrounds, text animations, and smooth scroll-triggered entrances.","npx shadcn@latest add @smoothui/header-1","https://smoothui.dev/docs/blocks/hero",0,"",["header-1",1,0,2],87,"section|b","hero section|landing page,header,headline|icons,monochrome|b"],["Hero 2","smoothui","Eye-catching animated React hero blocks with interactive backgrounds, text animations, and smooth scroll-triggered entrances.","npx shadcn@latest add @smoothui/header-2","https://smoothui.dev/docs/blocks/hero",0,"",["header-2",1,1,2],99,"section|b","hero section|landing page,header,headline|no icons,animated,monochrome|b"],["Hero 3","smoothui","Eye-catching animated React hero blocks with interactive backgrounds, text animations, and smooth scroll-triggered entrances.","npx shadcn@latest add @smoothui/header-3","https://smoothui.dev/docs/blocks/hero",0,"",["header-3",1,2,2],99,"section|b","hero section|landing page,header,headline|icons,monochrome|b"],["Hero 4","smoothui","Eye-catching animated React hero blocks with interactive backgrounds, text animations, and smooth scroll-triggered entrances.","npx shadcn@latest add @smoothui/header-4","https://smoothui.dev/docs/blocks/hero",0,"",["header-4",1,3,2],87,"section|b","hero section|landing page,header,headline|icons,monochrome|b"],["Hero 5","smoothui","Eye-catching animated React hero blocks with interactive backgrounds, text animations, and smooth scroll-triggered entrances.","npx shadcn@latest add @smoothui/header-5","https://smoothui.dev/docs/blocks/hero",0,"",["header-5",1,4,2],65,"section|b","hero section|landing page,header,headline|no icons,animated,monochrome|b"],["Hero 6","smoothui","Eye-catching animated React hero blocks with interactive backgrounds, text animations, and smooth scroll-triggered entrances.","npx shadcn@latest add @smoothui/header-6","https://smoothui.dev/docs/blocks/hero",0,"",["header-6",1,5,2],59,"section|b","hero section|landing page,header,headline|no icons,monochrome|b"],["CTA 1","smoothui","Animated React call-to-action blocks with radial glow backgrounds, staggered text animations, and conversion-focused layouts.","npx shadcn@latest add @smoothui/cta-1","https://smoothui.dev/docs/blocks/cta",0,"",["cta-1",0,3,7],89,"button|b","cta section|call to action,banner|no icons,monochrome|b"],["CTA 2","smoothui","Animated React call-to-action blocks with radial glow backgrounds, staggered text animations, and conversion-focused layouts.","npx shadcn@latest add @smoothui/cta-2","https://smoothui.dev/docs/blocks/cta",0,"",["cta-2",0,4,7],97,"button|b","cta section|call to action,banner|no icons,monochrome|b"],["CTA 3","smoothui","Animated React call-to-action blocks with radial glow backgrounds, staggered text animations, and conversion-focused layouts.","npx shadcn@latest add @smoothui/cta-3","https://smoothui.dev/docs/blocks/cta",0,"",["cta-3",0,5,7],83,"button|b","cta section|call to action,banner|no icons,monochrome,minimal|b"],["FAQ 1","smoothui","Animated React FAQ blocks with tabbed categories, smooth accordion transitions, and accessible keyboard navigation.","npx shadcn@latest add @smoothui/faq-1","https://smoothui.dev/docs/blocks/faqs",0,"",["faq-1",0,3,10],52,"accordion|b","faq section|faq,accordion,questions|icons,monochrome|b"],["FAQ 2","smoothui","Animated React FAQ blocks with tabbed categories, smooth accordion transitions, and accessible keyboard navigation.","npx shadcn@latest add @smoothui/faq-2","https://smoothui.dev/docs/blocks/faqs",0,"",["faq-2",0,4,10],62,"accordion|b","faq section|faq,accordion,questions|icons,animated,monochrome|b"],["FAQ 3","smoothui","Animated React FAQ blocks with tabbed categories, smooth accordion transitions, and accessible keyboard navigation.","npx shadcn@latest add @smoothui/faq-3","https://smoothui.dev/docs/blocks/faqs",0,"",["faq-3",0,5,10],65,"accordion|b","faq section|faq,search,accordion,questions|icons,monochrome|b"],["FAQ 4","smoothui","Animated React FAQ blocks with tabbed categories, smooth accordion transitions, and accessible keyboard navigation.","npx shadcn@latest add @smoothui/faq-4","https://smoothui.dev/docs/blocks/faqs",0,"",["faq-4",0,6,10],72,"accordion|b","faq section|faq,accordion,questions|icons,monochrome|b"],["Features 1","smoothui","Animated React feature blocks with scroll-triggered entrances, hover effects, and responsive card grid layouts.","npx shadcn@latest add @smoothui/features-1","https://smoothui.dev/docs/blocks/features",0,"",["features-1",0,0,11],63,"section|b","features section|features,grid,landing page|icons,monochrome|b"],["Features 2","smoothui","Animated React feature blocks with scroll-triggered entrances, hover effects, and responsive card grid layouts.","npx shadcn@latest add @smoothui/features-2","https://smoothui.dev/docs/blocks/features",0,"",["features-2",0,1,11],64,"section|b","features section|features,pricing,grid,landing page|no icons,monochrome|b"],["Features 3","smoothui","Animated React feature blocks with scroll-triggered entrances, hover effects, and responsive card grid layouts.","npx shadcn@latest add @smoothui/features-3","https://smoothui.dev/docs/blocks/features",0,"",["features-3",0,2,11],73,"section|b","features section|features,grid,landing page|no icons,images,monochrome|b"],["Footer 1","smoothui","Pre-built React footer blocks with organized link sections, social media icons, and responsive layouts for any website.","npx shadcn@latest add @smoothui/footer-1","https://smoothui.dev/docs/blocks/footer",0,"",["footer-1",1,3,0],64,"section|b","footer|links,site footer|icons,animated,monochrome|b"],["Footer 2","smoothui","Pre-built React footer blocks with organized link sections, social media icons, and responsive layouts for any website.","npx shadcn@latest add @smoothui/footer-2","https://smoothui.dev/docs/blocks/footer",0,"",["footer-2",1,4,0],87,"section|b","footer|links,notifications,site footer|icons,animated,monochrome|b"],["Footer 3","smoothui","Pre-built React footer blocks with organized link sections, social media icons, and responsive layouts for any website.","npx shadcn@latest add @smoothui/footer-3","https://smoothui.dev/docs/blocks/footer",0,"",["footer-3",1,5,0],60,"section|b","footer|links,notifications,site footer|icons,monochrome|b"],["Footer 4","smoothui","Pre-built React footer blocks with organized link sections, social media icons, and responsive layouts for any website.","npx shadcn@latest add @smoothui/footer-4","https://smoothui.dev/docs/blocks/footer",0,"",["footer-4",1,6,0],44,"section|b","footer|links,site footer|icons,monochrome|b"],["Logo cloud 1","smoothui","Animated React logo cloud blocks to showcase partners and clients with hover effects and responsive grid layouts.","npx shadcn@latest add @smoothui/logo-cloud-1","https://smoothui.dev/docs/blocks/logo-clouds",0,"",["logo-cloud-1",1,6,4],67,"section|b","logo cloud|logos,brands,social proof|no icons|b"],["Logo cloud 2","smoothui","Animated React logo cloud blocks to showcase partners and clients with hover effects and responsive grid layouts.","npx shadcn@latest add @smoothui/logo-cloud-2","https://smoothui.dev/docs/blocks/logo-clouds",0,"",["logo-cloud-2",1,7,4],65,"section|b","logo cloud|logos,brands,social proof|no icons,animated|b"],["Logo cloud 3","smoothui","Animated React logo cloud blocks to showcase partners and clients with hover effects and responsive grid layouts.","npx shadcn@latest add @smoothui/logo-cloud-3","https://smoothui.dev/docs/blocks/logo-clouds",0,"",["logo-cloud-3",1,0,5],66,"section|b","logo cloud|logos,brands,social proof|no icons|b"],["Logo cloud 4","smoothui","Animated React logo cloud blocks to showcase partners and clients with hover effects and responsive grid layouts.","npx shadcn@latest add @smoothui/logo-cloud-4","https://smoothui.dev/docs/blocks/logo-clouds",0,"",["logo-cloud-4",1,1,5],66,"section|b","logo cloud|logos,brands,social proof|no icons|b"],["Pricing 1","smoothui","Animated React pricing blocks with plan toggles, smooth price transitions, and feature comparison layouts built with Tailwind CSS.","npx shadcn@latest add @smoothui/pricing-1","https://smoothui.dev/docs/blocks/pricing",0,"",["pricing-1",1,5,9],93,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Pricing 2","smoothui","Animated React pricing blocks with plan toggles, smooth price transitions, and feature comparison layouts built with Tailwind CSS.","npx shadcn@latest add @smoothui/pricing-2","https://smoothui.dev/docs/blocks/pricing",0,"",["pricing-2",1,6,9],89,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Pricing 3","smoothui","Animated React pricing blocks with plan toggles, smooth price transitions, and feature comparison layouts built with Tailwind CSS.","npx shadcn@latest add @smoothui/pricing-3","https://smoothui.dev/docs/blocks/pricing",0,"",["pricing-3",1,7,9],97,"pricing|b","pricing section|pricing,plans,subscription|icons,monochrome|b"],["Stats 1","smoothui","Animated React stats blocks with count-up animations, hover effects, and responsive grid layouts for key metrics.","npx shadcn@latest add @smoothui/stats-1","https://smoothui.dev/docs/blocks/stats",0,"",["stats-1",2,2,4],79,"chart|b","stats section|numbers,metrics|no icons,animated,monochrome|b"],["Stats 2","smoothui","Animated React stats blocks with count-up animations, hover effects, and responsive grid layouts for key metrics.","npx shadcn@latest add @smoothui/stats-2","https://smoothui.dev/docs/blocks/stats",0,"",["stats-2",2,3,4],71,"chart|b","stats section|numbers,media,metrics|icons,animated,monochrome|b"],["Team 1","smoothui","Animated React team section blocks with member cards, hover reveal effects, and responsive grid layouts built with Tailwind CSS.","npx shadcn@latest add @smoothui/team-1","https://smoothui.dev/docs/blocks/team-sections",0,"",["team-1",2,2,5],83,"section|b","team section|team,people,avatars|no icons,images,monochrome|b"],["Team 2","smoothui","Animated React team section blocks with member cards, hover reveal effects, and responsive grid layouts built with Tailwind CSS.","npx shadcn@latest add @smoothui/team-2","https://smoothui.dev/docs/blocks/team-sections",0,"",["team-2",2,3,5],74,"section|b","team section|team,people,avatars|icons,avatar,images,animated,monochrome|b"],["Testimonials 1","smoothui","Animated React testimonial blocks with auto-rotating cards, smooth transitions, and progress indicators for social proof.","npx shadcn@latest add @smoothui/testimonials-1","https://smoothui.dev/docs/blocks/testimonial",0,"",["testimonials-1",2,4,5],74,"card|b","testimonials|reviews,social proof,quotes|no icons,avatar,monochrome|b"],["Testimonials 2","smoothui","Animated React testimonial blocks with auto-rotating cards, smooth transitions, and progress indicators for social proof.","npx shadcn@latest add @smoothui/testimonials-2","https://smoothui.dev/docs/blocks/testimonial",0,"",["testimonials-2",2,5,5],60,"card|b","testimonials|reviews,social proof,quotes|icons,monochrome|b"],["Testimonials 3","smoothui","Animated React testimonial blocks with auto-rotating cards, smooth transitions, and progress indicators for social proof.","npx shadcn@latest add @smoothui/testimonials-3","https://smoothui.dev/docs/blocks/testimonial",0,"",["testimonials-3",2,6,5],76,"card|b","testimonials|reviews,social proof,quotes|icons,animated,monochrome|b"]]