Trending Society

Group-styled toggle | UI components | Trending Society

More from @ai2, 357 components

All @ai2

Accordion component
@ai2
Accordion on radix-ui with 3 variants (default divided rows, separated cards, outline boxed) plus animated open/close (ai2 motion tokens) and a rotating chevron. Variant flows from Accordion to every item via context. Exports Accordion, AccordionItem, AccordionTrigger, AccordionContent.
2 registry deps · 4 packages
Accent accordion component
@ai2
Styled accordion: the Accent set. 5 decorative accordion variations (BarAccordion, GrowAccordion, GlowAccordion, LeftAccordion, FullAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
1 registry dep · 2 packages
Glass accordion component
@ai2
Styled accordion: the Glass set. 5 decorative accordion variations (FrostAccordion, TintAccordion, SmokeAccordion, CrystalAccordion, DepthAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
2 registry deps · 2 packages
Numbered accordion component
@ai2
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.
1 registry dep · 2 packages
Accordion essentials component
@ai2
Styled accordion: the essentials set. 5 decorative accordion variations (BorderedAccordion, SeparatedAccordion, FilledAccordion, GhostAccordion, PlusAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
1 registry dep · 2 packages
Timeline accordion component
@ai2
Styled accordion: the Timeline set. 5 decorative accordion variations (LineAccordion, DashedAccordion, NodeAccordion, FilledAccordion, GradientAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
1 registry dep · 2 packages
Underline accordion component
@ai2
Styled accordion: the Underline set. 5 decorative accordion variations (SweepAccordion, CenterAccordion, GrowAccordion, DoubleAccordion, DashedAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
1 registry dep · 2 packages
Alert component
@ai2
Alert with a variant x tone matrix: 2 variants (soft, outline) x 6 tones. Optional leading icon, AlertTitle and AlertDescription. role=alert.
1 registry dep · 1 package
Action alert component
@ai2
Styled alert: the Action set. 5 decorative alert variations (DismissAlert, LinkAlert, ButtonsAlert, InlineActionAlert, StackedAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
1 registry dep · 2 packages
Banner alert component
@ai2
Styled alert: the Banner set. 5 decorative alert variations (TopAlert, InlineAlert, StickyAlert, CompactAlert, BarAlert) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.
1 registry dep · 1 package
Alert Dialog component
@ai2
Confirmation dialog on radix-ui AlertDialog for destructive or irreversible actions. Action button defaults to the danger tone; cancel is focused first per WAI-ARIA.
3 registry deps · 2 packages
Dialog-accent alert component
@ai2
Styled alert: the Dialog-accent set. 5 decorative alert variations (TopBarAlert, SideBarAlert, RingAlert, GlowAlert, FillAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.
1 registry dep · 2 packages

Group-styled toggle

Install

Live preview

Registry dependencies1

Packages2

Group-styled toggle

Install

Live preview

Registry dependencies1

Packages2

Source

More from @ai2, 357 components

The Signal

Install

Live preview

Registry dependencies1

Packages2

Install

Live preview

Registry dependencies1

Packages2

Source

More from @ai2357, 357 components

More from @ai2, 357 components