Curate visual effects, refine your style, and generate AI‑ready prompts.
Frosted glass card with backdrop blur over a colorful gradient background.
Multi-point gradient mesh that slowly animates color positions.
Wavy luminous bands animating across a dark background.
Animated rotating conic-gradient border that glows around a card or panel.
Iridescent rainbow sheen that shifts with the cursor — like a holographic trading card.
Smoothly morphing background that flows between colors using animated gradient position.
A sweeping shimmer animation that moves across cards and skeleton screens.
CSS neon glow on text and borders with layered box-shadow and text-shadow pulses.
A gradient background layered with SVG noise for an organic, editorial grain texture.
Content sections fade and slide up as they enter the viewport.
Layered elements moving at different speeds on scroll.
List items animate in one after another with cascading timing.
Animated slide-in toast alerts that auto-dismiss and loop — every web app's staple.
Input fields where the label floats above on focus or when the field has content.
Colorful confetti particles burst from a click point and fall with gravity.
Odometer-style digit flip animation where each number independently flips on change.
Animated multi-step progress indicator with connecting line fill and step highlights.
Cards or buttons that spring back with elastic cubic-bezier physics on hover and click.
Card tilts toward the cursor on hover with a subtle shine effect.
Button gently pulls toward the cursor when nearby.
Button transforms shape on click — expands, shrinks, or morphs.
Apple-style asymmetric card grid with varied sizes.
Pinterest-style staggered image grid.
Vertically split hero with text on one side, visual on the other.
Heading text with an animated gradient color flowing through it.
Text appears character by character with a blinking cursor.
Soft dots drifting upward or floating randomly across the background.
Organic blob shapes morphing and drifting behind content.
Film-like grain overlay with gradient tinting for a tactile aesthetic.
A dramatic spotlight glow radiating from a focal point.
Seamlessly looping horizontal scroll of logos, text, or cards.
Numbers animate from zero to a target value with easing.
Card flips to reveal a back side with a smooth 3D rotation.
Drag and drop list items to reorder them with smooth animations.
A glowing trail or particles follow the cursor across the page.
A smooth toggle switch with satisfying micro-animation.
Cards stacked on top of each other with a peek effect, swipeable.
A vertical timeline with alternating content cards and connecting line.
A grid of feature cards with icons, titles, and gradient accents.
A comparison pricing table with highlighted plan and feature lists.
An auto-rotating testimonial slider with quotes, avatars, and dot navigation.
An expandable accordion for FAQ sections with smooth open/close animation.
Text gradually reveals through a mask or clip-path as user scrolls.
Characters scramble through random glyphs before settling on the final text.
A loading placeholder with a shimmering light sweep across gray shapes.
A digital glitch effect with RGB splitting and scan lines.
A ripple emanates from the click point, like Material Design buttons.
A button with a diagonal light sweep that shimmers across on hover.
A transparent button with a vibrant animated gradient border.
A CTA button with a pulsing glow shadow that draws attention.
An outlined button that fills with color on hover with a smooth sweep.
A button where an icon slides in from the side on hover.
A button with a neon-style glowing border and inner shadow.
A hero section with an animated SVG wave divider at the bottom.
A hero with a subtle dot grid background and radial fade, clean and technical.
An interactive hero with connected particle constellation animation.
A dark hero where a light spotlight follows the cursor, illuminating content.
A premium hero with animated floating gradient blur orbs in the background.
A hero with a headline that cycles through rotating keywords with smooth transitions.
Hero section with technology badges floating in orbit around the main heading.
Ultra-clean centered hero with balanced typography, subtitle, and a single call-to-action.
Hero with an animated scroll-down indicator that guides users to explore content below.
Hero with animated SVG mesh of drifting dots connected by lines for a tech-forward look.
Large outlined text with only the stroke visible, no fill.
Text with an animated highlighter marker effect that draws across words.
Text that animates font-weight in a wave pattern on hover, from light to black.
Words animate independently with bounce, wave, or float motion for dynamic headlines.
Links with animated gradient underlines that expand on hover — perfect for nav and editorial.
Characters split apart and reassemble with staggered timing for dramatic text entrances.
A text link with a smooth animated underline that slides in on hover.
An image that reveals behind a text link when hovering, following the cursor.
Grid of items with a radial spotlight that follows the cursor, highlighting hovered items.
Tinder-style swipeable card stack with drag-to-dismiss and rotation physics.
Custom right-click context menu with smooth reveal animation and action items.
Smooth infinite loading where new items appear at the bottom with entrance animations.
A smooth background gradient that slowly shifts between colors over time.
A skill or progress bar that fills up with smooth animation.
A circular SVG progress ring that fills up with animated stroke.
Vertical bar chart with staggered grow-up animation on scroll.
A grid of animated stat cards with count-up numbers and trend indicators.
An animated SVG donut chart with segment breakdown and center label.
A smooth SVG line chart with gradient area fill and draw-in animation.
Concentric circular gauges for comparing multiple metrics at once.
Compact metric rows with inline sparkline charts and trend indicators.
Large animated counting numbers for hero metrics and dashboards.
Horizontal bars that race to their values with staggered animation.
An image that smoothly zooms in on hover with optional overlay.
A smooth auto-playing image carousel with navigation dots.
An image card that tilts in 3D following the cursor with parallax depth.
An asymmetric image grid with staggered entrance animation on scroll.
A thumbnail grid that opens a full-size lightbox overlay on click.
Navbar that gains backdrop blur and a bottom border as the page scrolls.
Sidebar navigation that toggles between icon-only collapsed and full-width expanded states.
Tab bar with a sliding active indicator that smoothly transitions between tabs.
Animated breadcrumb navigation where items slide in as you navigate deeper.
iOS/Android-style bottom tab bar with animated active indicator and icon transitions.
Search bar with dropdown autocomplete suggestions that appear as you type.
Multi-select input where selections appear as removable tag chips — great for filters and forms.
Styled range slider with value tooltip that follows the thumb — for settings and filters.
Password input with animated strength indicator that changes color and fills as you type.