Components/Glass

Glassmorphism React Components

Glassmorphism components for React: navbars, cards, modals, sliders, toggles, and more. Built with Tailwind CSS and Motion, ready to copy and paste.

Free component
Glass AI Composer

Glass AI Composer

Glassmorphism AI chat input with image upload, web search toggle, and model switcher.

View Component
Free component
Glass Progress

Glass Progress

Glassmorphism progress bar panel with glowing gradient fills, spring-animated counters, staggered reveal, and replay button.

View Component
Free component
Glass Stepper

Glass Stepper

Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step.

View Component
Free component
Glass Search Bar

Glass Search Bar

Glassmorphism search bar with animated suggestion dropdown, active state glow, and reduced-motion support.

View Component
Free component
Glass Toast

Glass Toast

Frosted glassmorphism toast notification stack with 4 variants, auto-dismiss progress bar, and spring-animated stacking.

View Component
Free component
Glass User Menu

Glass User Menu

Frosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out.

View Component
Free component
Glass Sidebar

Glass Sidebar

Collapsible glassmorphism sidebar with icon-only and full label states, spring-animated expand and collapse.

View Component
Free component
Glass Notifications

Glass Notifications

Swipe-to-dismiss notification stack with glass cards and spring-animated layout transitions.

View Component
Free component
Glass Music Player

Glass Music Player

Mini music player with glass surface, spinning vinyl art, animated progress bar, and ambient glow.

View Component
Free component
Glass Toggle

Glass Toggle

On/off toggles with glass housing and liquid-feel spring animation. Track color transitions smoothly.

View Component
Free component
Glass Slider

Glass Slider

Range sliders with glass tracks, glowing colored fills, and spring-animated thumbs that scale on drag.

View Component
Free component
Glass Dock

Glass Dock

Glassmorphism macOS-style dock with cursor-proximity magnification. Icons scale with spring physics as the mouse approaches.

View Component
Free component
Glass Modal

Glass Modal

Centered dialog with deep glass blur, scale-spring entrance, and staggered content reveal.

View Component
Free component
Glass Card

Glass Card

Glassmorphism content cards with 3D tilt-on-hover, spring physics, and a cursor-following glare highlight.

View Component
Free component
Glass Tags

Glass Tags

Selectable pill-shaped tags with glass surfaces, unique color accents, and spring-animated check marks.

View Component
Free component
Glass Tab Bar

Glass Tab Bar

Frosted glass pill tab bar with a sliding active indicator. Edge tabs snap flush to the container wall.

View Component
Free component
Glass Navbar

Glass Navbar

Frosted glass navigation bar with animated active tab indicator, ambient color blobs, and spring-physics entrance.

View Component