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 (56)Clear filters

Kind

hero (3)testimonials (1)text-effect (3)background (27)cursor (3)scroll-effect (1)shader (2)button (2)card (5)form (1)full-page (3)design-system (4)other (3)transition (1)carousel (3)tabs (1)palette (12)

Mood (playful)

dark (411)light (166)playful (75)calm (817)bold (365)luxury (49)minimal (41)techy (75)organic (196)retro (58)futuristic (74)editorial (42)

Industry

saas (5)ai (3)agency (3)portfolio (3)ecommerce (2)education (1)gaming (3)media (1)general (24)

Style (parallax, gradient)

glassmorphism (5)neumorphism (1)brutalist (12)gradient (73)neon (40)monochrome (25)3d (18)illustration (14)photographic (9)typographic (18)bento (8)parallax (4)particles (22)grain (3)dithered (10)terminal (1)

Licence

MIT (61)Apache-2.0 (6)CC0-1.0 (4)Unlicense (4)

Source repo

Effects folder

Gradients & Mesh (6)Aurora & Light (15)Warm (1)Pastel (5)Neon & Vivid (4)Duotone (2)

Page 1 of 2 · 75 items · 48 on this page

2 across

Amberhaus pet atelier h31
Landing Page
Subscription
"Amberhaus" warm-amber luxury pet-boutique landing — crisp white paper with a single amber-gold accent and butter-cream tints, Bricolage Grotesque display + Playfair italic flourishes, a crossfading triptych hero with parallax center panel, services+boutique bento, a horizontal-scroll founder story, vertical marquee testimonials, a jumping-type footer canvas, paw cursor, and a slide-up booking overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Lumen vector h92
Landing Page
Subscription
"Electric Brutalism" creative-agency landing for "Lumen Vector" — a midnight-indigo hero that explodes into candy-pastel panels, Anton poster type + Geist, floating glossy tag-pills with soft glows, a giant multi-color headline with a glass-ringed CTA, seamless logo marquee, six pastel service cards, a fan-out methodology card deck on scroll, scroll-linked testimonial parallax, two-tier pricing on a blue panel, and a FAQ accordion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gradient dots background
Background
Subscription
Shadcn/ui integration of the verbatim `GradientDots` component — a hue-cycling hexagonal CSS `radial-gradient` dot field looped with framer-motion — dropped into `@/components/ui` and framed as a component lab: a full-bleed live hero (the verbatim demo) with a render-FPS/uptime telemetry strip, a control deck of faders wired straight to the real props (dotSize/spacing/duration/colorCycleDuration + a background colour control) with named presets and a live-usage snippet, a four-step shadcn-CLI integration story explaining the default paths and why `/components/ui` matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero component assets (pure CSS), fonts vendored locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fluid swirl shader
Shader
Subscription
Shadcn/Tailwind/TypeScript integration of the prompt's verbatim `FluidSwirl` raw-WebGL component (three pigments folded into an endless paint vortex on a single full-screen quad) dropped into `@/components/ui`, framed as the "FLUX" pigment-mixing console — the shader's hard-coded uniforms become an additive, backward-compatible props API driving three live colour pickers, contrast/spin/flow/pixel-filter faders, a polar-warp toggle, six paint presets and a randomiser, with pointer/touch steering the spin and a signature pigment-trace oscilloscope reading the field's average luma straight off the framebuffer; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
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
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
PulseArena gaming 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
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
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
Colorful design system (Bergside / typeui.sh) - Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
Colorful design system (Bergside / typeui.sh) - Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
Design System
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gradient design system (Bergside / typeui.sh) - Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
Gradient design system (Bergside / typeui.sh) - Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
Design System
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Morphing Blob - Metaball circles fused by an SVG blur-plus-contrast filter melt like liquid
Component
Subscription
The blob drifts and a droplet chases the pointer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gooey Gradient Background
Gooey Gradient Background
Background
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
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
Card stack
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Folder reveal
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gooey cursor field
Cursor
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Kinetic type transition
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Ribbon confetti
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sparkle AI button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fluid distortion
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
GPGPU repel particles
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Flowmap water
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Spring ribbon trail
Cursor
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Horizontal panels scroll
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Chat thread testimonials
Testimonials
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Expressive orb face
Shader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Creative 3D slides
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
CRT arcade text
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Holographic foil card
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gooey blob tabs
Tabs
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gravity letters
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Magnetic field pointer
Cursor
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Exploding letters
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Grain Gradient: Blob
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Anthelion
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bask
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bubble
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Contour
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Drape
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fathom
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Flux
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Kelp
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Lantern
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Lyre
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 2 · 75 items · 48 on this page