Apply sheet
Glow ring button
Primary button with a slow conic light running around its border.
Cinematic UI
Dark stages, soft light and slow reveals. For products that want to feel like an opening title.
Habitual
TodayInsightsJournal
Good morning, Maya
4 of 6 habits done today
Read 20 min
12-day streak
Run 5k
4-day streak
Drink water
21-day streak
Last 4 weeks83% consistency
Colour
Type
Aa
Inter / Inter
Shape & motion
radius 6/10/14 · spring 400/30
A demo app rendered only from these tokens, which make up the starting sheet for this vibe.
78 cinematic assets
Shown in this vibe’s tokens. In your sheet, they take yours.
Components
wuizard · pro
Hover for tilt
spring 260/24 · 8° max
Card tilt + cursor glow
A card that tilts toward the cursor and glows where you point.
Scale-blur modal
Modal that scales up from 96% while un-blurring, over a dimmed backdrop.
Make it yours.
Blur-in headline
Headline words resolve from a soft blur, one word at a time.
Pull me
Magnetic button
Button that leans toward the cursor and snaps back on a spring.
Drifting mesh
Drifting mesh
Soft colour fields drifting behind content like a slow lava lamp.
Orbit loader
Three dots chasing each other around an orbit while something loads.
Find the light
Spotlight cursor
A soft light follows the cursor and reveals a grid underneath.
get_slot → resolvedWUIZARD
Decode text
Characters scramble through glyphs before landing on the real word.
01Collect
02Connect
03Ship
Stacking scroll cards
Cards pin and stack on top of each other as the page scrolls.
Shimmer sweep button
Primary button with a soft band of light sweeping across it on a slow loop.
Spotlight border card
Card whose hairline border lights up around the pointer, with a faint wash of the same light across its surface.
Slow veil modal
Backdrop veils in slowly as the page behind it blurs, then the panel fades up a beat later and leaves first on close.
Curtain wipe
An accent-coloured curtain sweeps across the old page, then pulls away to reveal the new one.
Gradient ring spinner
Spinning ring whose accent tail fades to transparent behind a rounded head, with a soft glow over a faint track.
Gradient sweep headline
An accent-tinted band of light sweeps through headline text on a loop, painted with background-clip: text.
Aurora gradient
Large, heavily blurred bands tinted from the accent drift and sway slowly behind content like a northern-lights sky.
Parallax layers
Layers inside a section drift at different speeds as it scrolls through the viewport, with per-layer speed for foreground and background depth.
Centered hero
Centered landing hero with a pill badge, a headline whose words blur into focus one by one, and a CTA row over a soft breathing accent glow.
Border-beam CTA band
Call-to-action band whose rounded border carries a beam of accent light travelling around it, with headline and buttons.
Glass card
Frosted glass card over soft, blurred accent blobs whose layers drift apart in a gentle parallax as the pointer moves.
Border beam card
Card with a short, bright beam of light that travels around its hairline border on a steady loop, trailing a soft inner glow.
Shared-layout lightbox
Thumbnail grid whose tiles zoom into a lightbox as one shared element, step through the set with a directional slide and zoom back into place on close.
Mask wipe reveal
An image or card is uncovered by a clip-path wipe in the direction you choose while its content settles from a slight zoom.
Blur slide stagger
Items slide in from a side one after another, sharpening from a blur as they fade up.
Zoom-through page
The old page shrinks back and fades while the new one settles in from slightly larger than life; keyed by pathname for any router.
Split doors page
Two doors slide in from the sides and meet over the old page, hold for a beat, then part to reveal the new one.
Horizontal scroll section
A tall section pins its viewport while vertical scrolling slides a row of cards sideways from the first card to the last.
Light beams
Soft diagonal shafts of light, built from blurred accent and text-colour gradient strips, drift and breathe slowly behind content.
Integrations hub
Integrations section with your product as a centre hub whose connector lines draw out to generic app tiles that pop in as each line arrives.
Error page section
404 or error section whose oversized code assembles from split glyph halves and then wobbles digit by digit above a message and two actions.
Line mask reveal
A headline or paragraph whose lines rise one after another out of their own clipping masks with a settling tilt, split by explicit lines or by sentence, while the copy stays real, selectable text.
Outline fill
Outlined display type that floods with the accent from left to right behind a soft edge, painted with background-clip: text and driven by a progress value or autoplayed.
Perspective grid
Grid lines on a floor that recedes to a horizon, drifting slowly toward the viewer and fading out into a soft accent glow at the far edge.
Scroll velocity marquee
An endless marquee that speeds up with scroll velocity, flips direction when the scroll does and skews while you scroll fast, then eases back to cruising speed.
Label cursor
Over chosen targets a pill label (View, Drag, Play) with an optional icon springs in beside the pointer, follows it with a slight tilt and rolls its text when you move to a target with a different label.
Pointer parallax
Stacked layers in a hero shift by their depth as the pointer moves across it (background one way, foreground the other), with a gentle 3D tilt, springing back to centre when the pointer leaves.
Scroll zoom hero
A pinned media block grows from an inset rounded card to full-bleed as you scroll through its section, its image settling from a slight zoom while overlay copy fades in at the end.
Flip-in tiles
Grid tiles swing into place on the X axis from a hinge in a diagonal wave, landing on a spring when the grid scrolls into view.
Thumbnail → lightbox
A square thumbnail un-crops into a centred lightbox at its true aspect ratio as a shared element, steps through the set with arrow keys and shrinks back into place on close.
Circle reveal page
The next page grows over the current one inside a circle that opens from the click point (or the centre) while the old page sinks back.
Diagonal wipe page
Two slanted panels sweep across to cover the old page and peel away the same way to uncover the new one, whose content rises in with a stagger.
Starfield
A canvas night sky of twinkling stars in three depth layers that drift at different speeds for a slow parallax, with a few accent-tinted stars and the odd shooting star; it stops drawing off screen.
Conic sweep
A soft conic-gradient light rotates slowly around a point behind content like a lighthouse beam, each arm brightening toward a leading edge and fading away from the centre and the far edges.
Gauge meter
Semicircle meter whose needle springs to the value (overshooting, then settling) while the accent arc and centre readout follow it, with tick marks and min/max labels.
Gradient border button
Solid button framed by an accent-tinted conic gradient border that turns continuously and smoothly spools up to a faster spin, with a brighter halo, on hover or keyboard focus.
Pull quote reveal
A pull quote whose large quote marks draw themselves in before the words ink in one by one from a faint ghost of the text, with the attribution and its rule sliding in after the last word.
Fullscreen menu
A menu button that opens a full-screen overlay in a circle growing from the button, with big numbered links rising from their masks in a stagger and the whole thing playing backwards on close; focus is trapped and Esc closes.
Video hero
Landing hero with headline, copy and CTAs beside a poster frame whose pulsing play button swaps the poster for the video in place, never autoplaying.
Feature spotlight
Large screenshot with numbered callouts where a spotlight glides from one to the next in sequence and jumps to any callout whose list item is hovered or focused.
Zoom-out pan page
The current page shrinks into a rounded card, the row of cards pans the way you navigated until the next one is centred, and it grows back to fill the frame.
Strip-join reveal
An image arrives in vertical strips that slide in from alternating ends and lock together into the whole picture, sweeping from one edge or from the centre outward.
Wallet stack
Stack of passes showing each one's top strip, where opening a pass springs it to the front at full height while the others tuck into a peeking pile below, and Escape or a second press restacks them.
Now playing card
Compact media player card whose artwork eases larger while playing, with equaliser bars, a play button that morphs into pause, tracks that slide in from the side you skipped towards, and a keyboard-operable seek slider.
Live stream chart
Real-time line chart that scrolls left continuously as samples arrive, the newest point riding a pulsing head dot, with a dashed threshold line that flags the readout when crossed and a Live/Paused toggle that freezes the view.
Mute toggle
Speaker button whose sound waves collapse into the cone one after another as a cross draws in when muted, then thumps and ripples its waves back out when sound returns, with the wave count following a volume prop.
Voice record toggle
Round mic button that morphs its capsule into a stop square and grows into a pill with live level bars, a running timer and a breathing ring while recording, then folds back when you stop.
Slam headline
Display headline whose words drop onto the page one after another from oversized and askew, accelerating all the way and stopping dead with no bounce, each landing punching out a hard accent shadow that snaps back to rest.
Exploded stack
A pinned isometric stack of layer plates pulls apart as you scroll through its section, each plate lifting to its own height while a leader line and label draw in beside it, for an exploded view of how a product is built.
Signal traces
Circuit-board traces route in from every edge toward a chip outline at the centre in straight runs with 45° bends, while glowing accent pulses travel along them and flash the pads they arrive at.
Orbits
Thin elliptical orbits circle a point behind content, each carrying dots or small tiles at its own pace: outer rings slower, alternate rings turning the other way, far-side bodies smaller and dimmer.
Spotlight 404
Dark 404 where a soft spotlight follows the pointer (or drifts on its own on touch) across oversized numerals and finds the way home.
Maintenance section
Scheduled maintenance screen showing the window in the viewer's local time, a progress line through it and an optional notify-me email field.
No conversations
Messaging empty state where two bubbles over a soft glow trade a typing indicator back and forth, with starter prompt chips that rise in one by one and a new-message action.
Welcome screen
Welcome screen that greets by name, staggers in three short points beside a token-drawn illustration, with Get started and Skip for now.
Intro carousel
Swipeable intro slides (drag, arrow keys or dots) with drawn illustrations, a dot that stretches to the active slide, Next and Skip.
Nested command menu
Command menu with grouped commands, recent items and shortcut hints, where Enter on a group drills into its list behind a breadcrumb chip, search reaches nested commands, and Backspace on an empty field steps back.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Dusk palette
Warm-to-cool evening palette: ink, plum-grey and an ember-glow accent on sand-coloured text.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Aurora palette
Near-black with a glowing aqua accent: night-city energy for launches and dev tools.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Forest Night palette
Deep pine darkness with a fern-green accent that feels outdoorsy, calm and focused.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Abyss palette
Ink-blue depths with a bioluminescent blue accent, immersive and techy.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Kiln palette
Charcoal and smoke with a hot coal-orange accent: intense and dramatic.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Synthwave palette
Midnight purple with a hot-magenta accent for retro-future arcade energy.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Volt palette
Punchy, energetic olive-black with a bright lemon accent, made for sport and events.
Aa
- Display
- Bebas Neue · 400
- Body
- Archivo
Every screen, one voice
Headlines carry the character; the body face keeps people reading.
Google Fonts · Open Font License
Bebas Neue × Archivo
Tall condensed capitals over a sturdy grotesk, with poster and title-card impact.
Aa
- Display
- Unbounded · 600
- Body
- Manrope
Every screen, one voice
Headlines carry the character; the body face keeps people reading.
Google Fonts · Open Font License
Unbounded × Manrope
Extra-wide, rounded display type with a calm modern body, for futuristic launches and tech products.
Aa
- Display
- Syne · 700
- Body
- DM Sans
Small things, considered
Good type sets the pace, the tone and what people read first.
Google Fonts · Open Font License
Syne × DM Sans
Quirky art-school display letters with a neutral body, for creative studios and portfolios.
2 stroke · 18px · round · solid
Camera
Solid badge icons
Icons knocked out of solid accent tiles, with confident app-icon energy for features and settings.
Other vibes
Stop shipping apps that look AI-made.
Save what you love to a sheet, connect Claude or Cursor, and every screen comes out in your style. Free for 3 days on annual plans, card needed.