Imported library

v0.1 · Phase 0

Imported library

3427 items in the library.

This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages. Sign in

Has preview (49)Clear filters

Kind

hero (17)gallery (1)text-effect (1)background (9)scroll-effect (4)button (1)card (9)form (2)full-page (7)design-system (4)other (3)app-screen (2)carousel (1)toggle (1)palette (89)

Mood (light)

dark (390)light (151)playful (73)calm (812)bold (356)luxury (45)minimal (35)techy (72)organic (192)retro (57)futuristic (70)editorial (24)

Industry

saas (13)ai (3)agency (3)portfolio (1)ecommerce (3)finance (3)health (3)education (1)real-estate (1)food (1)travel (2)fashion (2)general (22)professional-services (2)

Style (gradient)

glassmorphism (33)neumorphism (5)brutalist (29)gradient (151)neon (2)monochrome (69)3d (30)illustration (21)photographic (82)typographic (125)bento (28)parallax (20)particles (10)grain (15)dithered (6)video (5)terminal (5)

Licence

MIT (137)CC0-1.0 (10)Apache-2.0 (4)

Source repo

itmeo/webgradients (53)Ghosh/uiGradients (30)xiyu519/MotionVault (17)PicartWeb/hero-section-collection (16)superdesigndev/superdesign-prompts (10)pulkitxm/claude-directory (8)angusforbes/swirlfluid (4)Jannchie/shader-gradient (4)MustBeSimo/web-design-studio (3)shader-gallery/shaders (3)shader-gallery/runtime (2)mantinedev/ui.mantine.dev (1)

Effects folder

Gradients & Mesh (3)Aurora & Light (4)Pastel (89)

Page 1 of 4 · 151 items · 48 on this page

2 across

Grainy gradient ripple card
Card
Subscription
Shadcn integration of the brief's verbatim `gradient-shader-card` — a grainy 7-stop gradient (domain-warped value noise + 3D simplex grain + overlay film grain) rendered on a single React-Three-Fiber quad that ripples where you tap it — dropped into `@/components/ui` and framed as the "Chroma Foundry" pigment-lab console: a rail with the exact 7 hex stops the shader mixes, five faders promoting the baked `noise*`/`waveNoise*` constants to live uniforms, named patches (Foundry/Silk/Marble/Static/Tide), click-to-ripple with tactile DOM markers, and a telemetry strip reading the shader's own clock + live ripple count off the GPU loop; fonts vendored locally, headless WebGL + interaction verification (9/9).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Mesh gradient shader hero
Hero Section
Subscription
Shadcn-style integration of the prompt's `HeroSection` — a hero whose background is a flowing `@paper-design/shaders-react` MeshGradient under a frosted veil — dropped verbatim into `@/components/ui` and framed as a warm "palette studio": the live hero sits in a registration-bracketed plate while a control deck drives the shader's real props (color stops, distortion, swirl, speed, offsetX) in real time, with light/dark veil toggle, FPS·frame·uptime telemetry, and a tabbed install / props-API / live-usage / why-`components/ui` dock; Onest vendored locally as the Satoshi substitute.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Clay design system
Design System
Subscription
"Claymakers" High-Fidelity Claymorphism design-system showcase — premium digital clay with reusable 4-layer shadow stacks (deep/card/button/pressed), a candy-shop palette and vendored Nunito/DM Sans, super-rounded radii, gradient hero text, an abstract nested-clay hero, breathing count-up stat orbs, a bento feature grid with a peeking panel, a live squish/recessed-input playground, a fanned-tablet split, pricing with a scaled "popular" tier, testimonials, a recess-on-open FAQ, a working CTA, and a reduced-motion-safe blob world.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Corporate trust design system
Design System
Subscription
"Northwind" Corporate Trust design-system showcase — a modern enterprise-SaaS landing fully expressing the style: indigo→violet gradients, colored (blue/violet-tinted) shadows, an isometric 3D hero dashboard, soft blurred blobs, a split gradient headline, zig-zag deep-dives on tilted gradient slabs, a count-up stats band, glowing numbered steps, a scaled "popular" pricing tier, a details/summary FAQ, and a dramatic dark final CTA — all on centralized tokens.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Finsyc finance landing
Design System
Subscription
"Finsyc" AI finance-management landing page applied verbatim from a 10-component template — an animated soft-gradient video hero with an expanding "Get Started" pill and brand logo marquee, color-blocked metric cards with count-ups, four product-UI feature cards (donut spend chart, balance-forecast graph, security shield, instant-transfer), a tabbed 4-step "How it works", a scroll-pinned benefits list with a progress rail, a count-up metrics band plus a center-snapping testimonial carousel, hover-activated pricing tiers with a monthly/yearly toggle, an animated integrations seal wired to 8 vendored brand icons, a blog grid, and a CTA footer with a giant rising "Finsyc" wordmark; all fonts/logos/UI art/avatars and the background video vendored locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
NovaStack modern SaaS startup hero
Hero Section
Free sample
Studio Vanta creative agency hero
Hero Section
Free sample
Maison Aurelia luxury hotel hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Wayfarer Atlas travel agency hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cinder Table restaurant hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
HavenRow real estate hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Clarity Care medical clinic hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Northbridge Law law firm hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
MintLedger fintech hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Forma Market e-commerce hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Mira Vale portfolio hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ForgeFit fitness hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
BrightPath education hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Ironbeam Build construction hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gatherly event management hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SignalBloom marketing agency hero
Hero Section
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
MorphBackground - A scroll chapter whose background morphs between a warm and a cool palette by crossfading two stacked full-bleed gradient layers via opacity
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
BLOOM
Landing Page
Subscription
Your day, but make it fun.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
NATURALLY ROOTED
Landing Page
Subscription
Field Apothecary.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Brutalist E-commerce Page
Brutalist E-commerce Page
Landing Page
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Coral Gradient Product-Launch Email
Coral Gradient Product-Launch Email
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fintech Wallet
Fintech Wallet
App Screen
Subscription
Mobile Home Screen.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glassmorphism Dashboard: Frosted Sunrise Analytics UI
Glassmorphism Dashboard: Frosted Sunrise Analytics UI
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Modal Design · success-celebration (pastel)
Modal Design · success-celebration (pastel)
Component
Subscription
Legibility fixed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Modal Design · success-celebration (pastel)
Modal Design · success-celebration (pastel)
Component
Subscription
Legibility fixed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Momentum
Momentum
Landing Page
Subscription
Ship Your Startup Launch Before the Idea Cools.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Plume · Sign in to your design canvas
Plume · Sign in to your design canvas
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Prism
Prism
Landing Page
Subscription
Frosted-Glass Pastel Agency Studio.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sign in to Verdant
Sign in to Verdant
Form
Subscription
Classic Split (Emerald).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Billow
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Suffuse
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Web
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Opal
Theme: Opal
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Sherbet
Theme: Sherbet
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
pastel (swirlfluid palette)
pastel (swirlfluid palette)
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
sorbet (swirlfluid palette)
sorbet (swirlfluid palette)
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
mint (swirlfluid palette)
mint (swirlfluid palette)
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
light pastel (swirlfluid palette)
light pastel (swirlfluid palette)
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Aurora · waterPlane
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Halo · waterPlane
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Mint (preset)
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cotton Candy (preset)
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Summer Breeze
Summer Breeze
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 4 · 151 items · 48 on this page