Welcome to the Style Studio.
Every effect you see here is working code - not a mockup.
Search, filter, and test anything live, then shortlist what you love. We'll engineer your website, software, or store around exactly what you choose.
Start with a pack
Not sure where to begin? Drop a curated set into your shortlist in one click, then fine-tune below.
SaaS Landing
For startups & software products that need to convert.
Ecommerce Essentials
Storefront patterns built to drive purchases.
Portfolio / Studio
Expressive, design-forward showcases for creative brands.
Corporate & Professional
Clean, credible layouts for firms and enterprises.
Hero Sections6 Styles
First impressions matter. Your hero section sets the tone.
Centered + Grid
Split Screen
Video Background
Minimal Center
Animated Gradient
Asymmetric Layout
Scroll Animations10 Styles
Motion that guides attention and creates delight as users scroll.
Fade Up
Slide from Left
Slide from Right
Scale In
Rotate + Slide
Stagger Children
Number Counter
Progress Bar Fill
Text Split Reveal
Parallax
Grid Layouts8 Styles
How you organize content. From galleries to portfolios.
Classic 3-Column
Masonry
Bento Grid
Hover Expand
Stacked Cards
Carousel
Filter Grid
Infinite Scroll
Text Effects12 Styles
Typography that speaks louder than words. Grab attention instantly.
Kinetic Typography
Glitch Text
Typewriter
Animated Gradient
Masked Video
Scramble Reveal
3D Rotation
Highlight Reveal
Variable Font
Outline to Fill
Wave Animation
Elastic Letters
Image Effects10 Styles
Make your visuals pop. Creative ways to display static imagery.
Parallax Scroll
3D Tilt
Hover Reveal
Zoom Pan
Glitch Hover
Clip Path Reveal
Blur to Focus
Magnetic Image
Comparison Slider
Pixelated Reveal
Card Styles10 Styles
Containers that define your content's personality.
Glassmorphism
Neumorphism
Brutalist Border
Holographic
Noise Texture
Flip Card
Expanding Card
Glowing Border
Floating Card
Interactive Chart
Mouse Effects6 Styles
Small touches that make your site feel premium and interactive.
Color Trail
Custom Cursor
Magnetic Cursor
Spotlight Reveal
Ripple Click
Particle Burst
Image Hover8 Styles
Make your images come alive. Great for galleries.
Zoom In
Grayscale to Color
Color Overlay
3D Tilt
Slide Caption
Border Expand
Blur to Sharp
Ken Burns
Typography6 Styles
Words matter. How they look matters more.
Bold & Clean
Serif Mix
Mono Tech
Gradient Text
Outlined Text
Tight Scale
CTAs6 Styles
Drive action. These make users click.
Simple Centered
Split Color
Countdown Timer
Sticky Bottom
Full Sceen Overlay
Animated Icon
Section Dividers6 Styles
Smooth transitions between page sections.
Wave Curve
Diagonal Slash
Dotted Line
Zigzag
Torn Paper
Animated Gradient
Testimonials5 Styles
Social proof matters. Display reviews that build trust.
Card Carousel
Grid Photos
Quote Block
Star Ratings
Video Review
Background Effects6 Styles
What sits behind your content.
Geometric Grid
Gradient Mesh
Floating Shapes
Particle Field
Grain Texture
Spotlight Grad
Preloaders6 Styles
Make the wait beautiful.
Spinning Circle
Pulse Dots
Progress Bar
Logo Anim
Geo Morph
Percent Count
Video Integration5 Styles
Bring motion to your story.
Bg Autoplay
Lightbox Popup
Inline Player
Sticky Corner
Hover Preview
Before/After Sliders4 Styles
Show transformation.
Vertical Drag
Click Reveal
Hover Split
Side-by-Side
Interactive Elements5 Styles
Unique touches that make your site memorable.
Drag Explore
Click Reveal
Parallax Layers
Gyro Tilt
Sound Click
You've reached the end!
That's all 120+ effects. Ready to build something amazing?
Social Proof6 Styles
Build trust with credibility signals that look professional.
Infinite Ticker
Testimonial Slider
Trust Badges
Avatar Stack
Live Activity
Interactive Rating