LiveNew
Loading
Loading
Hand-built components with physics, real 3D and tactile detail, the parts that are hard to describe and harder to prompt. Install one with a single command, copy one file, or give your AI a prompt that keeps the details intact.
React + Tailwind. Accessible. Respects reduced motion.
One shadcn command drops the file into components/guetix. No packages to add.
Every component is one self-contained .tsx file. Paste it and it works.
A prompt for Cursor, Claude or v0 with the exact source, so the AI can't ‘simplify’ the details away.
The collection
Every preview is the real component, live. Hover, drag, pull, scratch and tear them here before you take one.
89 components
3D
A 3D folder that swings open and fans its files out — in Classic, Neon and Da Vinci editions.
Controls
A hanging lamp you switch with a physics pull cord — the filament flickers on.
Controls
Sculpted mechanical keycaps that mirror your real keyboard — with a synthesized thock.
Text
A mechanical departure board that flips through every character to reach the next word.
Text
Glass-tube neon lettering that warms up letter by letter — with a broken, buzzing tube.
Cards
Scratch a metallic foil off with your finger — past the threshold it dissolves in sparks.
Effects
Lights out. Your cursor is a flashlight with a dying battery that reveals a hidden layer.
Effects
A thermal printer that feeds a real-looking receipt out of its slot, line by line.
Pages
A CRT 'no carrier' error screen — RGB glitch slices, film grain, scan roll and a REC counter.
Essentials
A CTA that leans toward your cursor like a magnet, with a pointer-following light and click ripple.
Essentials
One light follows the cursor across the whole grid: borders glow near the pointer, even on cards you aren't touching.
Essentials
A text field with an aurora border on focus, floating label, live character ring and error shake.
Essentials
The 'slide to unlock' gesture for destructive actions, with a shimmering label and spring-back.
Essentials
Press and hold: a ring fills, the button compresses, release drains it, completion bursts.
Essentials
Tabs whose pill stretches like taffy between tabs, with direction-aware content.
Essentials
Notifications that stack like a deck, fan out on hover and flick away with a swipe.
Essentials
Numbers that roll like a mechanical counter, digit columns spinning with a stagger.
Designers & Art
Generate harmonious palettes in OKLCH, lock favourites, copy HEX, and see WCAG contrast live.
Designers & Art
A wipe slider for redesigns, retouching and restorations — with an old photo restored by default.
Designers & Art
A sumi-e brush on rice paper: speed changes the stroke, ink bleeds, flicks splatter, the brush runs dry.
Designers & Art
Generative art: particles drift through a noise field leaving silk trails; your cursor bends the river.
History & Retro
A 1920s typewriter you actually type on — moving carriage, uneven ink, margin bell, carriage return.
History & Retro
A 1960s telephone dial: drag a hole to the finger stop, let go, and it whirs back with clicks.
History & Retro
Break the wax seal: it cracks in two, the flap swings open, the letter slides out.
History & Retro
A mixtape with real reel physics: tape moves between reels and the full reel spins slower.
History & Retro
An instant photo that develops in front of you — and develops faster if you shake it.
History & Retro
A brass telegraph key: tap dits and dahs, watch them print on paper tape and decode live.
History & Retro
Glowing 1950s Nixie tubes — every digit cathode faintly visible behind the lit one.
Engineering & Cars
A sports-car cluster with needle inertia, a gearbox model, shift lights and red-line.
Engineering & Cars
A 6-speed manual H-pattern: drag the knob through the gate, it snaps into gear.
Engineering & Cars
Meshed spur gears on a blueprint, with correct ratios — crank the drive gear and the train follows.
Engineering & Cars
A green-phosphor scope with real knobs, persistence trails and Lissajous XY mode.
Weird & Fun
A little ghost haunts your section: it follows lazily, gets scared on click, hides when you stop.
Commerce
Pick a colorway and size, hit Add — the product flies in an arc into the cart, which bounces.
Commerce
Pay → morphs into a spinner with a card swipe → blooms into a check with confetti (or shakes on decline).
Commerce
Flip-card countdown for drops and flash sales, with stock pressure and live viewers.
Commerce
Decide by flinging cards: LIKE / NOPE stamps fade in as you lean; velocity throws count.
Essentials
⌘K launcher with fuzzy matching, highlighted letters, groups and full keyboard control.
Effects
A Vercel-style bento where every tile is alive: pinging globe, typing deploy log, drawing chart.
Effects
Three columns of testimonials drifting in opposite directions forever — pause on hover.
Commerce
Order tracking with a truck driving the real route, turning with the road, ticking off stages.
History & Retro
An explorer's chart on parchment: the ink route draws itself, waypoints open journal entries.
Pages
A complete waitlist page: aurora backdrop, split-flap promise, form with success state, live counter.
Pages
A limited-release product page: giant outlined name, add-to-cart card, flip countdown, specs.
Pages
A digital exhibition room: gilded title plate, interactive map, sealed archive letter, object labels.
Effects
A hero that boots itself: the terminal types your install command, then the headline drops in letter by letter.
3D
'Trusted by' logos riding a tilted 3D ring: back logos dim and blur, and you can drag it to spin with momentum.
Effects
Scrollytelling: a sticky phone mockup whose screen changes as each feature step scrolls into view.
Essentials
An FAQ with live search and highlighting, true auto-height animation, a morphing +/− and 'Was this helpful?'.
Effects
Subscribe and the card folds into a paper plane that loops away on a dashed flight path.
Effects
A metrics strip that's actually live: ticking numbers, scrolling sparklines and delta badges that flip.
Weird & Fun
Team members as conference badges on lanyards. They swing when you brush past or grab them.
Engineering & Cars
Your changelog as a git graph: lanes, branch/merge curves, release tags and type filters.
Effects
The final CTA in deep space: hover the button and the stars stretch into warp; click to jump.
Essentials
A starter footer with a giant wordmark whose letters rise and light up as your cursor passes.
Essentials
Drag-and-drop that feels physical: cards tilt with velocity, a gap opens and columns glow. Keyboard works too.
Effects
Your product at the center, integrations on two orbits, and data packets travelling along curved cables.
Pages
404, 500, 503, offline and 403: each one an interactive scene, all sharing one header and footer.
Pages
A marketing-site skeleton: a glass header that condenses, ONE morphing mega-menu panel, a mobile drawer and a footer.
Pages
An app starter: a sidebar that morphs into an icon rail, breadcrumbs, KPI cards, a live area chart and an activity feed.
Pages
A documentation layout: collapsible nav, callouts, steps, copyable code and a scroll-spy table of contents with progress.
Designers & Art
An award-style studio landing page: kinetic headline, cursor-following project previews, marquee and a giant CTA.
Weird & Fun
Cute ghosts wander your website and flee when the cursor gets close. Click one: poof.
Weird & Fun
A tiny character lives at the bottom of your site: walks, sits, sleeps, chases your cursor and talks.
Utilities
A quick-tools tab hides on the screen edge; hover and a dock slides out with tooltips flying from the side.
Decoration
Snow that actually SETTLES on your headings, buttons and images — hover to brush it off.
Weird & Fun
Turn gravity on: elements fall, bounce and stack; grab and throw them; reset flies everything home.
Utilities
Sticky notes for ANY website: pin, type, drag, recolor, export — a free design-review tool.
Weird & Fun
When visitors switch tabs, your title cycles 'Come back 👀' and the favicon becomes eyes looking around.
Weird & Fun
Make 'Unsubscribe' run away from the mouse — dodge, teleport or shrink — until it gives up.
Weird & Fun
A secret-code kit: Konami code or any word → barrel roll, Matrix rain, confetti, disco, earthquake.
Decoration
Glowing fireflies drift, blink in near-sync and come closer to your cursor; move fast and they scatter.
Decoration
Raindrops land on your screen, grow, merge and slide down leaving wet trails.
Weird & Fun
Click any element and it shatters like glass from the impact point, then reassembles. Made for screen recordings.
Business & Promo
A little plane tows your promo banner across the top of the page. Hover pauses it, click opens it, ✕ dismisses it for good.
Business & Promo
A friendly character peeks from the edge holding a sign — only after the visitor is engaged.
Business & Promo
Reward attention instead of interrupting it: finish the article and a coupon ticket slides in.
Business & Promo
Exit intent without the rage: a small note drops on a string from the top edge — no modal.
Business & Promo
A clearly labelled sponsor card in a corner that flips in 3D between sponsors, and collapses to a dot.
Games
The Formula 1 start test: five red lights, lights out, react. Jump starts are penalised. Share your time.
Games
The isometric stacking game in pure canvas: tap to drop, overhang gets sliced off, perfect drops combo.
Games
Race a rival car by typing: correct characters drive you forward, mistakes shake. Live WPM and accuracy.
Games
The pairs game with real 3D flips, glowing matches, shaking misses, stars and a cascade win.
Games
A color-memory game for designers: memorise a color for 3 seconds, then rebuild it with HSL sliders.
These are the kind of details I put into client work. If you want a signature interaction for your product, let's talk.
Start a project