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
Kind
Mood
Industry
Style (illustration, particles)
Source repo
Effects folder
- Subscription
Particle hero
Hero Section
Night-sky particle-canvas hero with a clickable gold-mode invert toggle, rotating spotlights, and a radial-reveal headline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Woven light hero
Hero Section
Interactive hero with 50k cursor-reactive Three.js particles woven into a torus-knot tapestry, integrated as a shadcn-style component.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Axis quotient h30
Landing Page
"Quant Brutalist Editorial" landing page for fictional quant-strategy firm Axis Quotient — ink-on-ivory with electric cobalt, animated point-grid hero canvas, colossal QUOTIENT wordmark, ticker marquee, capabilities accordion, count-up metrics, and toggleable engagement pricing.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Ink vermilion personal brand h23
Landing Page
"Ink & Vermilion" editorial personal-brand landing page for fictional marketing consultant "Marlowe Vane" — warm paper canvas, single vermillion accent, Playfair italic emphasis with hand-drawn SVG scribbles/stars/arrows, a rotated red marquee strip, scroll-reveal sections, a dark gallery band, grayscale-to-color imagery, and fake-submit contact + newsletter forms.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Orbital frequency summit h22
Landing Page
"Deep Signal" landing page for a fictional deep-space signals & aerospace-software summit "Orbital Frequency" — observatory-dark void with amber-gold/signal-green accents, Oswald condensed display type, canvas starfield, rotating orbital rings + radar-sweep hero, telemetry strip, mission timeline, floating-beacon pricing passes, and a scroll-tracking signal bar.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Verdant atelier h40
Landing Page
"Forest & Gold" product-photography studio landing page (Verdant Atelier / Maya Kapoor) on deep forest-green with museum-gold + deep-orange accents, Playfair Display + Inter, signature arch-masked still-life imagery, a slow-spinning "View Projects" badge, a 12-column asymmetric editorial hero, dual infinite marquees, staggered work/services galleries, and a hamburger mobile overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Voltframe dev h29
Landing Page
"Bracketed Voltage" developer-portfolio landing on a near-black stage with one electric-yellow accent, a hairline framed hero box with glowing corner nodes, hover-yellow title words, floating particles, pulsing orbs, scroll-revealed skills/work/testimonials, and a mobile slide-in menu.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Forest sage organic store
Landing Page
"Verde" earthy editorial organic-grocery storefront template — a high-contrast Forest (#01472e) / Sage (#ccd5ae) / Olive / Cream "Forest and Sage" palette, vendored Anton + Inter, a fixed blur-pill nav with a white cart badge, a 23vw ANTON hero with per-letter rise-reveal and three floating organic SVG produce cards (3rem radius, float + scroll parallax), a forest marquee strip, a 5rem-rounded olive shop section with a 15vw heading, a rotating circular CTA, and a 3-column product grid with image-scale hover + blur-reveal "Quick Add" overlays, an editorial story band, and a 12-column forest footer with an underline-only newsletter input — all reveal-up on IntersectionObserver with a (0.16,1,0.3,1) motion signature and a fixed 4% SVG noise overlay; fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Animated dots rain
Background
Shadcn/ui integration of the verbatim `AnimatedDots` component — a raw-`<canvas>` dot rain where columns of dots fall and each dot bleeds a single R/G/B channel from black to full as it accelerates down, then recycles with a new colour and speed — 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 to every real prop (dotsNum/dotRadius/dotSpacing/speedRange/opacity + blend-mode and background-colour controls) with named presets and a live-usage snippet, a 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 runtime deps, zero component assets, 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 - Subscription
Aura core shader
Shader
Shadcn-style integration of the brief's verbatim `AuraCore` WebGL2 energy-core shader (inlined-OGL renderer, HSV core with ten rotating rays, fbm-distorted surface, cursor-reactive particle field) dropped into `@/components/ui`, framed as a plasma-containment console — the component's four sliders become reactor field controls, four named profiles snap the shader to regimes, and a telemetry deck reads containment integrity / excitation straight off the GPU clock with a freeze control; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Celestial bloom shader
Shader
Procedural GLSL "Celestial Bloom" fragment shader — a five-petalled nebula with a glowing star core and twinkling field, rendered full-viewport with Three.js and framed as an observatory specimen plate with reticle corners, a Fraunces hero lockup, and a live telemetry HUD (mission clock, render FPS, petals) driven by the shader's own per-frame state; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Celestial sphere shader
Shader
Shadcn-style integration of the verbatim Three.js "Celestial Sphere" shader (a cursor-warped fractal-noise nebula over a twinkling star field on one full-screen quad) dropped into `@/components/ui`, framed as the `VANTA-IX` deep-field navigation console — a cursor-tracking gimbal reticle and a warp vector visualise the exact `u_mouse` shift the shader applies, live telemetry reads feed time / FPS / warp x·y / hue, and four faders promote the brief's props (hue, speed, zoom, particleSize) to live GPU uniforms; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cosmic plasma web
Shader
Shadcn integration of the brief's verbatim OGL `PlasmaWeb` shader (a layered plasma lattice of pulsing nodes, curl-flowed connective streams and excited particles that bends toward the cursor) dropped into `@/components/ui` and framed as a cursor-driven "field resonance console" — a 60fps cursor-tracking reticle stands in for the pointer (so the interaction reads in the silent recording), faders re-drive the shader's hue/density/glow/attraction/energy props live, named presets snap the lattice between regimes, and a telemetry panel reads render FPS / cursor x·y / an engagement signal off the loop; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Dotted surface waves
Background
Shadcn/Tailwind v4/TS integration of the verbatim `DottedSurface` component — a full-viewport three.js `Points` lattice (40 × 60 = 2,400 dots) displaced by two crossing sine waves — framed as a quiet "field generator" with a centred Geist Mono lockup + radial glow and a live `next-themes` toggle that flips the dot palette (light dots on dark ↔ dark dots on light) in real time; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Vhs noise distortion hero
Hero Section
Shadcn/Tailwind/TypeScript integration of the prompt's verbatim `vhs-hero-section.tsx` — a corrupted VHS hero on React Three Fiber: a custom six-octave fbm domain-warp GLSL shader (edge-growing chromatic aberration, a sweeping tracking-error band, glitch sparks, scanlines, film grain, vignette) over 800 cursor-repelling red/white/cyan noise particles, a GSAP `GlitchText` headline (character scramble + RGB text-shadow pulse), and an aggressive GSAP entrance + looping hue-jitter timeline; dressed as a tape deck with a running `HH:MM:SS:FF` timecode and CRT chrome; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Botanical organic serif
Design System
"Verdant" Botanical / Organic Serif design-system showcase — a slow-living wellness landing on centralized tokens, with hand-built fully-offline botanical SVG art masked into Roman arches, the mandatory paper-grain overlay, Playfair Display headlines using italic emphasis words, a sage/clay/terracotta palette, staggered feature & collection grids, count-up stats, soft-shadow pill buttons, a vine-growing divider, an ARIA FAQ accordion, an underlined newsletter input, and a full-screen mobile menu.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Playful geometric design system
Design System
"Blobby" Playful Geometric design-system showcase — a Memphis-inspired "stable grid, wild decoration" landing with centralized tokens (warm paper + slate + four rotational pop colors), chunky 2px borders, hard no-blur "pop" shadows, varied/blob radii, a blob-masked geometric mascot illustration, confetti shapes, keyword + logo marquees, a dashed-line feature grid, a star-badged scaled pricing tier, a live token gallery, an ARIA FAQ, and a focus-shadowed CTA form — all honoring prefers-reduced-motion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Serif editorial design system
Design System
"Roman & Quill" Serif design-system showcase — a private-publishing-house editorial landing (hero, stats, drop-cap features, asymmetric 1.3fr/0.7fr benefits, decorative-quote testimonials, gold-tinted featured pricing, journal grid, ARIA FAQ, inverted correspond form, footer) with vendored Playfair/Source Sans 3/IBM Plex Mono, a rule-line + small-caps label system, bespoke SVG engraving plates, burnished-gold accent, paper-grain overlay, and ambient glow — all on channel-format design tokens, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Verdant organic design system
Design System
Full "Organic / Natural" design-system landing for botanical apothecary "Verdant" — earth-drawn palette, Fraunces + Nunito, a global paper-grain overlay, drifting+morphing blob backgrounds, bespoke palette-drawn botanical SVG illustrations, asymmetric feature-card radii, a hand-drawn curved-dashed ritual connector, a rotated-tin product spotlight, an organic image mask, hover-tilt testimonials, and varied moss/terracotta sections; fonts + noise vendored, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
NEXUS · IMMERSIVE LAB
Landing Page
Spatial Computing Studio.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
FIELD
Landing Page
An instrument for looking closer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cinematic Scroll Effects Lab - six text treatments, magnetic/depth surfaces, four shader presets on the shared runtime
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: blueprint - hand-drawn technical SVG + copy. Replace the path with the real object.
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Creative design system (Bergside / typeui.sh) - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.Subscription
Creative design system (Bergside / typeui.sh) - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Doodle design system (Bergside / typeui.sh) - Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.Subscription
Doodle design system (Bergside / typeui.sh) - Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Fiction design system (Bergside / typeui.sh) - A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrationsSubscription
Fiction design system (Bergside / typeui.sh) - A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations
Design System
Warm cream backgrounds, big bold custom display typo.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Riso design system (Bergside / typeui.sh) - A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every sectionSubscription
Riso design system (Bergside / typeui.sh) - A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sketch design system (Bergside / typeui.sh) - A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings,Subscription
Sketch design system (Bergside / typeui.sh) - A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings,
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Parallax Depth-of-Field - Five mountain layers translate at different speeds; blur simulates camera depth-of-field
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Parallax Scrolling - Elements move at different speeds
Scroll Effect
Background slower, foreground faster — creating a 3D depth illusion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scrub Animation - Scroll position is the playhead
Scroll Effect
A flight path doubles as its own timeline, seekable in either direction.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sticky Section - The whole section pins while its interior morphs through four states scrubbed to scroll positionSubscription
Sticky Section - The whole section pins while its interior morphs through four states scrubbed to scroll position
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
SVG Line Draw on Scroll - A winding route draws itself down the page via stroke-dashoffset, passing waypoints as you travel
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Morph Transition - An SVG path morphs between page-specific shapes
Transition
Point-by-point interpolation across 12-vertex paths.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Heart / Like Burst - Tap pops and fills the heart while small hearts burst outward on canvas
Button
Twitter-style like.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Success Confetti - Completing an action fires a canvas confetti burst
Button
Rotating rectangles with gravity and spin.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Theme Toggle Morph - A sun morphs into a crescent moon as the interface flips between light and dark
Button
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Canvas Particle Effect - 500 drifting particles with O(n²) proximity connections and mouse repel/attract on 2D canvas
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
SVG Path Animation - stroke-dashoffset reveals three SVG drawings
Entrance
Icon, signature, and logo mark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
2.5D / Pseudo-3D - Seven depth layers parallax at different rates
Component
Mouse-driven or auto-panning camera.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
GPGPU Particle System - 65k+ particles computed in WebGL2 textures
Shader
Physics in a shader, texture ping-pong.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Starfield / Space Particles - Stars drift outward from center with parallax depth
Background
Slow ambient speed, never hyperspace.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Particle Constellation - Drifting nodes link with lines when they come close
Background
The network-mesh hero background.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Flow Field - Particles follow a noise-driven vector field, leaving flowing trails
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Dimensional Glass - Solid.js + Three.js prismatic glass-panel landing pageSubscription
Dimensional Glass - Solid.js + Three.js prismatic glass-panel landing page
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Storytelling scroll timelineSubscription
Storytelling scroll timeline
Scroll Effect
@reactzero/flow timeline example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Field Notes - 'Where the forest exhales' full-page editorial example
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in