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

Liquid Glass Liquid Metal Dither Buttons Forms Heroes Tables Scroll & Hover Effects Text Effects Cursors & Interactions Micro-interactions Navbars Pricing Feature Sections Testimonials Footers

Navbars. React navbars: mega menus, command bars, mastheads and menus that morph.

8 items

Floating Capsule Nav

Sticky navbar that springs from a full-width bar into a floating capsule on scroll, with a live status light and version chip.

navbar
sticky
scroll
spring
capsule

Command Nav

Navbar with command palette: search opens a real ⌘K palette with recents, grouped fuzzy results and a live preview.

App Sidebar Nav

App sidebar navigation for React: workspace switcher, nested groups, badges, a sliding active marker and a collapsible icon rail.

Island Nav

Dynamic island navbar: a dark pill that spring-morphs between links, a now-playing mini player, search and a phone menu.

Mega Menu Nav

Mega menu navbar for a luxury retail site: the panel glides between menus, with link columns, image cards and a sliding underline.

Masthead Nav

Newspaper masthead navbar: mono dateline, huge serif wordmark and a section rail that hands off to a slim bar on scroll.

Fullscreen Menu Nav

Fullscreen menu navbar: a burger opens an overlay with giant links that reveal line by line and a project photo on hover.

Booking Nav

Hotel booking navbar over a full-bleed photo: dismissible announcement, hide on scroll down and a Dates, Guests, Reserve pill.