Docs/Guides/Style Injection

Style Injection

Transform your UI's look instantly with 30+ pre-built design styles.

What is Style Injection?

Style Injection lets you apply completely different visual aesthetics to your generated UI without changing the structure. Choose from brand-inspired styles like Apple and Stripe, creative effects like Datamosh Glitch, or describe your own custom style.

Style Categories

Creative & ExperimentalDark PremiumLight & CleanMotion & 3DBrand Inspired

Featured Styles

Custom

Describe your own style

Original

1:1 Copy • Exact Match

Apple Style

Frosted Glass • Clean • SF Pro

Stripe Design

Premium Gradient • Trust Blue

Spatial Glass

Vision Pro • 3D Tilt • Light

Dark Cosmos

Purple/Cyan Glow • Glass • Float

Kinetic Brutalism

15vw Type • Acid Yellow • Bold

Neo-Retro OS

Windows 95 • Draggable • Vaporwave

All 30+ Styles

Creative

Particle Brain

AI Cloud • 50k Points • WebGL

Old Money Heritage

Cream • Gold Serif • Classic

Tactical HUD

Sci-Fi Game • Brackets • Scanning

Urban Grunge

Concrete • Spray Paint • Street

Ink & Zen

Japanese • Vertical • Sumi-e

Infinite Tunnel

Z-Axis • Fly Through • Warp

Frosted Acrylic

Thick Glass • Solid • Glow Through

Datamosh Glitch

Pixel Sort • Melt • RGB Split

Origami Fold

Paper 3D • Unfold • Envelope

Spatial Glass

Vision Pro • 3D Tilt • Light

Kinetic Brutalism

15vw Type • Acid Yellow • Bold

Gravity Physics

Falling Tags • Drag & Throw • Bounce

Neo-Retro OS

Windows 95 • Draggable • Vaporwave

Soft Clay Pop

Claymorphism • Pastel • Bouncy

Deconstructed Editorial

Fashion • Vertical Text • Chaos

Cinematic Product

Apple Page • Scroll-Driven 3D

Dark

High-End Dark Glass

Aurora Glow • Spotlight • Premium

Void Spotlight

Deep Void • Mouse Glow • Heavy

Dark Cosmos

Purple/Cyan Glow • Glass • Float

Liquid Chrome

Metallic • Y2K • Reflections

Light

Swiss Grid

Visible Grid • Massive Type • Sharp

Silent Luxury

Radical Minimal • White Void

Soft Organic

Blobs • Pastel • Underwater

Ethereal Mesh

Aurora Blobs • Soft SaaS • Modern

Neo-Brutalism

Hard Shadow • Thick Border • Bouncy

Motion

Isometric City

3D CSS • Voxel Blocks • Hover Lift

X-Ray Blueprint

Wireframe Reveal • Scanner • Technical

Digital Collage

Scrapbook • Stickers • Draggable

Brand

Apple Style

Frosted Glass • Clean • SF Pro

Stripe Design

Premium Gradient • Trust Blue

Spotify Dark

#121212 • Green Accent • Cards

How to Use

1

Upload Your Video

Record or upload your UI video as usual.

2

Open Style Selector

Click the Style dropdown below the Context field.

3

Browse or Search

Use the search bar to find styles, or browse by category.

4

Select & Customize

Pick a preset, then optionally add custom instructions to refine it.

5

Generate

Click Generate. Your UI will have the new visual style applied.

Custom Style Prompts

Select "Custom" and describe any style you want:

"Apple-style with frosted glass and smooth animations"

"Dark mode like Linear with subtle glow effects"

"Colorful gradients like Stripe's landing page"

"Minimalist Notion-style with clean typography"

"Glassmorphism with vibrant mesh backgrounds"

What Gets Changed

Changes:

  • • Colors, gradients, and backgrounds
  • • Font families and typography
  • • Border radius and shadows
  • • Button and component styles
  • • Animation effects
  • • Glass/blur effects

Preserved:

  • • Layout structure
  • • Content and text
  • • Navigation order
  • • Functionality
  • • Responsive behavior

Tips

  • Use "Original" style for exact 1:1 recreation of the video
  • Combine presets with custom instructions for unique results
  • Try "Apple Style" for clean, professional SaaS looks
  • Use "Kinetic Brutalism" for bold, attention-grabbing designs