Skip to content

Component library · 116 components

Free UI components for React. Copy the file or install with one command.

Buttons, forms, tables, heroes, Liquid Glass and shaders. Every preview is the real component file, and CI checks that the installed version looks identical.

  • Zero dependencies
  • SSR-safe
  • Keyboard accessible
  • MIT

Feature Sections. Feature sections: bento grids with live UI, sticky tours, before and after sliders and spec sheets.

7 items
Live UI Bento, features preview: Bento grid features section for React where every tile works: freeze a card, convert FX, clear approvals,…

Live UI Bento

Bento grid features section for React where every tile works: freeze a card, convert FX, clear approvals, scrub a chart.

  • bento
  • features
  • fintech
  • chart
  • toggle
Sticky Feature Tour, features preview: Scroll-driven feature tour with a pinned window that crossfades terminal, diff and query UIs, steps on a…

Sticky Feature Tour

Scroll-driven feature tour with a pinned window that crossfades terminal, diff and query UIs, steps on a progress rail.

Autoplay Feature Tabs, features preview: Autoplay feature tabs for React: tabs advance on a filling progress bar, pause on hover, and show a phone…

Autoplay Feature Tabs

Autoplay feature tabs for React: tabs advance on a filling progress bar, pause on hover, and show a phone screen built in code.

Hover Index List, features preview: Editorial index list for an architecture studio: a photo trails the cursor on a spring and rows open in place

Hover Index List

Editorial index list for an architecture studio: a photo trails the cursor on a spring and rows open in place.

Before / After Compare, features preview: Before and after image slider in React: drag to compare AI product-photo retouching, with chips that choose…

Before / After Compare

Before and after image slider in React: drag to compare AI product-photo retouching, with chips that choose the edits.

Spec Sheet, features preview: Product spec sheet section for an e-bike: big model number, mono spec grid and an SVG drawing with lit-up…

Spec Sheet

Product spec sheet section for an e-bike: big model number, mono spec grid and an SVG drawing with lit-up callouts.

Shipment Timeline, features preview: Shipment tracking timeline for React: stages on an SVG route, a marker that sails to the live position,…

Shipment Timeline

Shipment tracking timeline for React: stages on an SVG route, a marker that sails to the live position, expandable logs.