DEPO UI kit · Buttons
200 buttons that flow.
Fifty families, four variants each, every one numbered. The first family is the DEPO background itself — a soft green light drifting over the dark ground — poured into a button. Vote for the ones you like with the heart (one vote each), switch Order to by votes, or see the top of the whole kit. Press Edit (or open ?tune) and click any button to change its colours, shape, type, speed and animation; Save as new piece adds your version for everyone — the original never changes. Click a number like #001 to copy that button’s HTML + CSS; the bin moves it to the shared trash. More buttons from any AI model: Add buttons.
Edit mode: click a button to tune it · ← → next / previous · Esc closes.
Flow & gradient
Smooth, moving colour: drifting light spots, flowing and melting gradients, rotating rings, a spotlight under the pointer. Speed = one cycle of the motion.
Glass & soft
Glass over photos, frosted white, neumorphic raised and pressed, clay, lifting shadows, outline and two-line buttons.
Neon & light
Neon tubes, a flickering sign, rings, cut-corner cyber, lasers along the edges, a light beam round the border, a breathing aura.
Depth & 3D
Keys that press, a pushable layer, a flip to a second label, 3D tilt to the pointer, hard and extruded shadows.
Fill & motion
Hover fills: slide, a circle from the pointer, diagonal swipe, curtains, underline, brackets, a self-drawing border, rolling label, arrow.
Shape & fun
A living blob, an icon that opens into a label, split, ticket, barber stripes, glitch, loading → done, a like with a burst. Click them.