⚠️ Mobile is not supported yet.
Search for a command to run...
Agent-native design system for the shadcn CLI: 51 base components with a full variant, tone and size matrix on an OKLCH token layer, plus 307 styled variations. MIT.
Styled slider: the Minimal set. 5 decorative slider variations (HairSlider, BareSlider, GhostSlider, ThinSlider, DotSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled loaders: the Morph set. 5 decorative loaders variations (BlobLoader, FlipLoader, StretchLoader, TriadLoader, SpinSquareLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled alert: the Motion set. 5 decorative alert variations (SlideAlert, PopAlert, FadeAlert, ShakeAlert, RevealAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled breadcrumb: the Motion set. 5 decorative breadcrumb variations (HoverBreadcrumb, SlideBreadcrumb, FadeBreadcrumb, UnderlineBreadcrumb, MagneticBreadcrumb) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled calendar: the Motion set. 5 decorative calendar variations (SlideCalendar, FadeCalendar, PopCalendar, SpringCalendar, MorphCalendar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled card: the Motion set. 5 decorative card variations (LiftCard, FadeCard, PopCard, SlideCard, RevealCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled combobox: the Motion set. 5 decorative combobox variations (SlideCombobox, PopCombobox, FadeCombobox, SpringCombobox, MorphCombobox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled command: the Motion set. 5 decorative command variations (SlideCommand, PopCommand, FadeCommand, SpringCommand, MorphCommand) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled dialog: the Motion set. 5 decorative dialog variations (FlipDialog, SwingDialog, ZoomDialog, ElasticDialog, RotateDialog) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled drawer: the Motion set. 5 decorative drawer variations (SlideDrawer, SpringDrawer, FadeDrawer, ScaleDrawer, OvershootDrawer) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled empty: the Motion set. 5 decorative empty variations (FloatEmpty, FadeEmpty, PopEmpty, BounceEmpty, DrawEmpty) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled field: the Motion set. 5 decorative field variations (FocusField, SlideField, FadeField, PopField, RevealField) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled item: the Motion set. 5 decorative item variations (HoverItem, SlideItem, FadeItem, PopItem, RevealItem) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled kbd: the Motion set. 5 decorative kbd variations (PressKbd, PopKbd, FadeKbd, BounceKbd, GlowMotionKbd) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled menubar: the Motion set. 5 decorative menubar variations (SlideMenubar, FadeMenubar, PopMenubar, SpringMenubar, MorphMenubar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled pagination: the Motion set. 5 decorative pagination variations (SlidePagination, PopPagination, FadePagination, BouncePagination, MorphPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled popover: the Motion set. 5 decorative popover variations (FadePopover, ScalePopover, SlidePopover, PopPopover, SpringPopover) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled select: the Motion set. 5 decorative select variations (SlideSelect, PopSelect, FadeSelect, SpringSelect, MorphSelect) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled sheet: the Motion set. 5 decorative sheet variations (SlideSheet, SpringSheet, FadeSheet, ScaleSheet, OvershootSheet) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled sonner: the Motion set. 5 decorative sonner variations (SlideToaster, PopToaster, FadeToaster, FlipToaster, BounceToaster) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled tabs: the Motion set. 5 decorative tabs variations (SlideTabs, FadeTabs, PopTabs, MorphTabs, SpringTabs) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled combobox: the Multi set. 5 decorative combobox variations (ChipsCombobox, CountCombobox, ChecksCombobox, InlineMultiCombobox, ClearCombobox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled select: the Multi set. 5 decorative select variations (TagsSelect, ChipsSelect, CountSelect, ChecksSelect, InlineMultiSelect) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled toggles: the Neon set. 5 decorative toggles variations (NeonToggle, OutlineNeonToggle, PulseNeonToggle, TubeToggle, FlickerToggle) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled collapsible: the Notice set. 5 decorative collapsible variations (InfoCollapsible, SuccessCollapsible, WarningCollapsible, DangerCollapsible, MutedCollapsible) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled accordion: the Numbered set. 5 decorative accordion variations (CircleAccordion, SquareAccordion, OutlineAccordion, FilledAccordion, GhostAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled empty: the Onboarding set. 5 decorative empty variations (StepsEmpty, ChecklistEmpty, WelcomeEmpty, TourEmpty, TipsEmpty) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled loaders: the Orbital set. 5 decorative loaders variations (SolarLoader, BinaryLoader, CometLoader, SatelliteLoader, GyroLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled input: the Otp-glass set. 5 decorative input variations (FrostOtp, TintOtp, SmokeOtp, CrystalOtp, DepthOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled inputs: the OTP set. 5 decorative inputs variations (PinInput, SegmentInput, CodeInput, MaskedInput, StepperInput) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled input: the Otp-length set. 5 decorative input variations (FourOtp, SixOtp, EightOtp, GroupedOtp, MaskedOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled input: the Otp-motion set. 5 decorative input variations (PopOtp, FadeOtp, SlideOtp, SpringOtp, ShakeOtp) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled input: the Otp-state set. 5 decorative input variations (ValidOtp, InvalidOtp, LoadingOtp, LockedOtp, CompleteOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled input: the Otp-styled set. 5 decorative input variations (BoxOtp, UnderlineOtp, RoundedOtp, SeparatedOtp, FilledOtp) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled input: the Otp-tone set. 5 decorative input variations (InfoOtp, SuccessOtp, WarningOtp, DangerOtp, MutedOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled alert: the Outline set. 5 decorative alert variations (RingAlert, DashedAlert, DoubleAlert, ThickAlert, CornerAlert) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled card: the Outline set. 5 decorative card variations (RingCard, DashedCard, DoubleCard, ThickCard, CornerCard) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled pagination: the Outline set. 5 decorative pagination variations (RingPagination, DashedPagination, DoublePagination, ThickPagination, CornerPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled textarea: the Outline set. 5 decorative textarea variations (RingTextarea, DashedTextarea, DoubleTextarea, ThickTextarea, CornerTextarea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Accessible pagination nav (previous/next, page links, ellipsis) styled with ai2 button variants. Current page gets aria-current.
Usage example for the ai2 pagination component.
Styled pagination: the essentials set. 5 decorative pagination variations (NumberedPagination, ArrowsPagination, DotsPagination, PillPagination, MinimalPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled resizable: the Panel set. 5 decorative resizable variations (HeaderResizable, TitledResizable, BadgeResizable, ToolbarResizable, TabResizable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
Styled carousel: the Parallax set. 5 decorative carousel variations (SoftCarousel, DeepCarousel, LayeredCarousel, TiltCarousel, ZoomCarousel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled badges: the Particle set. 5 decorative badges variations (SparkBadge, BurstBadge, TrailBadge, ConfettiBadge, GlitterBadge) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled buttons: the Particle set. 5 decorative buttons variations (BurstButton, ConfettiButton, SparkleButton, RiseButton, PopButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled loaders: the Particle set. 5 decorative loaders variations (SwarmLoader, ScatterLoader, ConvergeLoader, TrailLoader, FireflyLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
Styled toggles: the Particle set. 5 decorative toggles variations (ParticleToggle, SparkToggle, TrailToggle, ConfettiToggle, CometToggle) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.