Project Reveal | DevClub UI

BUTTONS & ACTIONS

Animated Button ASCII Hover Button Candy Button Confirm Morph Sparkle Button

INPUTS & FORMS

File Dropzone File Upload Morph Invite OTP Input

SEARCH & COMMANDS

Morph Search Search Input Spotlight Search

NAVBAR

Curtain Navbar Curved Navbar Fullscreen Navbar

NAVIGATION

File Tree Gooey Nav Hook Sidebar Proximity Sidebar

SLIDERS & TOGGLES

Liquid Toggle Mac Slider Mac Switch Slider Theme Toggle

MENUS & OVERLAYS

Profile Menu Reveal Sheet

CARDS & TESTIMONIALS

Focus Testimonials Pixel Card Scrolling Cards Task Card Twitter(X) Card Workflow Card

GALLERIES & MEDIA

Liquid Media Orbit Gallery Project Reveal

PAGE TRANSITIONS

Parallax Strip Transition

AI & EDITORS

AI Input AI Orb Prompt Composer Selection AI Editor Thinking Orb

CHARTS & GRAPHS

Candlestick Chart

DATA & DISPLAY

Animated Counter Code Block GitHub Activity Scales & Borders Task List

BACKGROUNDS & EFFECTS

Dither Noise Background Scroll Text

FEEDBACK & PROGRESS

Access Request Segmented Progress Stepper Toast Toaster

LOADERS

Cursor Trail Loader Grid Image Loader Image Loader Loader

ACCORDIONS

Blur Reveal Accordion Dotted Accordion Smooth Accordion

CLOCKS & TIMERS

Flip Clock Matrix Clock

DATE & TIME

Calendar Card Date Range Picker

Galleries & media/Project Reveal

Customization

Project reveal

Tune the motion, then open any project.

Motion preset

Stiffness300Damping32Mass1Opening speed1Hover duration0.35Closing speed multiplier1.15Corner radius12Thumbnail size36Card width840Image proportion0.455Backdrop opacity0.4

Show year