Loader | 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

GALLERIES & MEDIA

Liquid Media Orbit Gallery Project Reveal

PAGE TRANSITIONS

Parallax Strip Transition

AI & EDITORS

AI Input AI Orb 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

Segmented Progress Stepper Toast

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

Date Range Picker

Loaders/Loader

A cricket player in a red and navy jersey on a field

00

Loading

Counter → staggered reveal

Customization

Loader motion

Tune the counter and the curtain reveal.

Progress source

Loading duration2.2sReveal duration0.85sPanel stagger0.09sPanels5