Liquid Media | 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

Galleries & media/Liquid Media

Editorial portrait

Editorial Portrait

Customization

Liquid distortion

Shape the flow. Make it your own.

Motion preset

Fine tuneLiquid Glass

Distortion intensity0.22Ripple radius12Expansion speed11×Dissipation decay3.0

Source image

Display