Why browse new components
New submissions often reflect current layout trends: accessible forms, dark-mode-ready cards, and responsive navigation patterns you can paste into production codebases.
24 components · sorted by publish date · page 1 of 2
Compact music player with album art, animated equaliser bars, scrubber, elapsed/remaining time and play controls. Pure CSS keyframes drive the EQ pulse and the neon ring around the album art.
Animated drop zone with drag-over glow, queued file thumbnails, per-file progress bars that auto-fill, and a successful-state checkmark. Click "Browse" or drop files anywhere on the zone.
Three-step onboarding wizard with an animated progress bar, slide-fade panel transitions and contextual hints. Forward / back nav and completion celebration.
Infinite horizontal marquee of partner / customer logos with a soft fade-mask on both edges. Pause on hover, dual-row counter-scrolling rails.
Click the trigger — a success modal animates in with a pure-CSS confetti burst. Modal eases up, confetti pieces fall from above the viewport.
macOS-style terminal mockup with auto-playing typewriter lines, syntax-coloured tokens, and a blinking caret. Pure CSS animation timing.
Floating action button that fans out four sub-actions in a radial arc on click. Tap rotates the plus icon to a close icon; each action chip eases in.
Fresh Tailwind CSS components sorted by publish date — ideal when you want modern utility-first UI without digging through the full gallery.
New submissions often reflect current layout trends: accessible forms, dark-mode-ready cards, and responsive navigation patterns you can paste into production codebases.
Community members submit regularly; this list updates as publishes are approved.
Trending now
See what's hot in Bootstrap snippets and the wider Tailwind gallery.

Immerse in a modern audio experience with our neumorphic music player, featuring a dynamic waveform scrubber and interactive queue visuals.
Manage your API keys seamlessly with this visually stunning UI. Enjoy claymorphic design and animated orbs that enhance the user experience.
Craft seamless schedules with an elegant neumorphic interface where you can drag and select time ranges effortlessly in a futuristic calendar view.

Manage your API keys with style. Rich gradients and interactive transitions make this interface both functional and aesthetically mesmerizing.
An elegant luxury-inspired partner profile card component with editorial typography, premium gradients, ornamental dividers, achievement stats, and sophisticated action buttons. Perfect for agency por
Enhance your team displays with a fluid, captivating profile card featuring animated glow orbs and interactive quick actions.