UI components you can copy and ship
Original interface components, each with a live demo and the full source. Plain HTML, CSS and JavaScript, no libraries. Pick one to see it work and copy the code.
Tilt Card
A card that tilts in 3D toward your pointer, with a holographic sheen that slides as you move. Click it to flip. Let go and it wobbles to rest.
View live demo and code →Ink Toggle
A sun/moon theme switch that floods the whole page with the new theme in an expanding ink circle. Click the switch.
View live demo and code →Pluck Slider
A volume slider that is a real vibrating string: wave-equation physics, drag the knob, pull it, let go.
View live demo and code →Magnet Button
A button that leans toward your cursor on springs while its label leans even further. Click for a burst of sparks and a state change.
View live demo and code →Pulse Dashboard
A full analytics dashboard layout: KPI tiles with sparklines, a hover chart, a traffic donut, top pages and a busiest-hours heatmap. The range tabs redraw every panel at once.
View live demo and code →Command Palette
A Ctrl+K command palette with fuzzy search, highlighted matches, keyboard navigation and a spring-gliding selection. Press Ctrl+K, type a few letters, use the arrows and Enter.
View live demo and code →Page Curl Book
A two-page book you can turn by dragging a corner. The sheet rolls round a curved edge with light and shadow, and the flap shows the back of the page. Tap a corner or press the arrow keys to turn.
View live demo and code →Swipe Card Stack
A stack of cards you can drag, tilt and fling away. Every card is a spring: let go early and it settles back, throw it and it keeps the speed of your hand. Use the buttons or arrow keys too.
View live demo and code →Seen one of these in a TechMendly Reel on Instagram? This is where the code lives. Need a custom component for your own site? Get in touch.