Workflow Card | 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

Cards & testimonials/Workflow Card

Due Oct 24

Workflow statusTo doIn progressIn reviewDone

Getting started3/3

Follow through0/2

2 left to do

Customization

Workflow Card

Content

Card titleDescriptionDue date label

Layout & motion

Checklist sections2Card width320Corner radius18Spring stiffness105Spring damping24Motion duration0.75Hover close delay0.24

Smooth: 105 stiffness · 24 damping. Lower stiffness feels softer; higher damping settles with less bounce.

Details

Start expandedUnfold on hover / focusProject descriptionSection headingsTeammate filtersDue dateAction footerAccent