Trending Society

@fewtone

An accessible React accordion for Next.js: sections that open and close with a smooth height change, as one card, separate cards or plain rows. Built on Radix.

Navigation2 registry deps · 4 packages

Alert Dialog

@fewtone

An accessible React alert dialog for Next.js that asks people to confirm destructive actions, with focus starting on Cancel, built on Radix Alert Dialog.

Overlays3 registry deps · 3 packages

Avatar

@fewtone

An accessible React avatar for Next.js and Tailwind CSS: a picture or initials in three sizes, alone or in an overlapping group, built on Radix Avatar.

Data display2 registry deps · 3 packages

Badge

@fewtone

An accessible React badge for Next.js and Tailwind CSS: small status labels in five variants, including one with a light travelling round its edge.

Feedback2 registry deps · 3 packages

Breadcrumb

@fewtone

An accessible React breadcrumb for Next.js and Tailwind CSS: a trail of links whose levels animate as you move, with custom separators and a collapsed middle.

Navigation2 registry deps · 3 packages

Button

@fewtone

An accessible React button for Next.js and Tailwind CSS with six variants, three sizes, icons and a soft tint on hover and press, built on a native button.

Buttons and actions1 registry dep · 2 packages

Calendar

@fewtone

An accessible React calendar for Next.js and Tailwind CSS: pick a day or a range, with full keyboard support, disabled days and Intl names. No date library.

Forms3 registry deps · 2 packages

Card

@fewtone

A React card for Next.js and Tailwind CSS: a surface for grouped content with header, action, content and footer parts, a small size and a link style.

Data display1 registry dep · 2 packages

Checkbox

@fewtone

An accessible React checkbox for Next.js forms, with a check that draws itself in and an indeterminate state, built on Radix Checkbox.

Forms2 registry deps · 3 packages

Combobox

@fewtone

An accessible React combobox for Next.js and Tailwind CSS: type in the field to filter and pick one option, or several as chips, with a gliding highlight.

Forms3 registry deps · 3 packages

Command

@fewtone

An accessible React command menu for Next.js and Tailwind CSS: a ⌘K palette that filters and ranks as you type, with groups, shortcuts and a gliding highlight.

Navigation3 registry deps · 2 packages

Context Menu

@fewtone

An accessible React context menu for Next.js: a right-click menu with a gliding highlight, shortcuts, checkbox and radio items and sub-menus, built on Radix.

Overlays2 registry deps · 2 packages

Tooltip

Install

Live preview

Registry dependencies1

Packages1

Tooltip

Install

Live preview

Registry dependencies1

Packages1

Source

More from @fewtone, 46 components

The Signal

Install

Live preview

Registry dependencies1

Packages1

Install

Live preview

Registry dependencies1

Packages1

Source

More from @fewtone46, 46 components

More from @fewtone, 46 components