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 (skill, input, background)
Mood
Industry
Style
Source repo
- 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
Gradient bars background
Background
Shadcn/ui integration of the verbatim `GradientBars` component — an equalizer-shaped wall of pulsing vertical CSS `linear-gradient` bars (U-shaped height curve, staggered `scaleY` `@keyframes`) — dropped into `@/components/ui` and framed as a component lab: a full-bleed live hero with a render-FPS/bars/assets/uptime telemetry strip and stack ticker, a control deck of faders wired to the real props (numBars/animationDuration + gradientFrom colour picker with named presets + backgroundColor) with 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 image assets (pure CSS keyframes), 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
Gradient dots background
Background
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 - 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 - scrollytelling agent skill and Claude Code plugin: look at the footage, write beats, scaffold, encode and verify a scroll-scrubbed pageSubscription
scrollytelling agent skill and Claude Code plugin: look at the footage, write beats, scaffold, encode and verify a scroll-scrubbed page
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - scroll-scrub-hero: agent skill that turns one photo (or an idea) into a scroll-scrubbed transformation hero via storyboard, keyframes, Kling tweens and WebP framesSubscription
scroll-scrub-hero: agent skill that turns one photo (or an idea) into a scroll-scrubbed transformation hero via storyboard, keyframes, Kling tweens and WebP frames
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Visual research skill - render real sites and read them as pictures for references and moodboardsSubscription
Visual research skill - render real sites and read them as pictures for references and moodboards
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - playwright-cli skill (Microsoft) - drive a real browser from the terminal for agentsSubscription
playwright-cli skill (Microsoft) - drive a real browser from the terminal for agents
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Build cinematic scroll site (continuous-reel scroll-scrub site generator)Subscription
Build cinematic scroll site (continuous-reel scroll-scrub site generator)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Adaptive mobile strategy (autoplay-loop substitution, scrims, reduced motion)Subscription
Adaptive mobile strategy (autoplay-loop substitution, scrims, reduced motion)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Scroll-scrub rendering (video.currentTime vs WebCodecs vs image-sequence decision tree)Subscription
Scroll-scrub rendering (video.currentTime vs WebCodecs vs image-sequence decision tree)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Portable slash-commands: /cinematic-site (full pipeline) and /storyboardSubscription
Portable slash-commands: /cinematic-site (full pipeline) and /storyboard
Skill
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
Noise-Based Motion - Simplex noise drives a wind field and a morphing blob
Background
Smooth random, not chaotic random.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Animated Gradient Background - CSS gradient shifts hue and position continuously
Background
Pure CSS, no JavaScript, seamless loop.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Mesh Gradient Animation - Blurred radial gradient blobs drift slowly
Background
Organic color washes popularized by Stripe.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Aurora / Northern Lights - Tall color bands drift and skew horizontally
Background
Heavy blur fakes the curtain of light.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Grain / Film Noise Overlay - Animated noise at 5–10% opacity adds cinematic warmth
Background
Subtlety is everything.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scanline Effect - CRT horizontal lines with optional sweep beam, curvature, and phosphor glow
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Light Leak - Warm gradient fires at random irregular intervals
Background
Analog film camera aesthetic.
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
Breathing / Pulsing Glow - Radial glow expands and contracts on a 5-second breath cycle
Background
Calm resting state.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Ambient Ripple Effect - Concentric rings emit periodically from idle sources
Background
Passive atmosphere, not click-driven.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Floating Elements - Geometric shapes drift on independent sine-wave paths
Background
No two elements synchronized.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Grid / Dot Pattern Parallax - Pattern shifts subtly opposite to mouse movement
Background
Depth felt, barely seen.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Abstract Geometric Motion - Four hypnotic loops: rotating polygons, expanding rings, sliding bars, flowing color lines
Background
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 - Subscription
Synthwave Grid - A perspective grid scrolls toward a glowing sun
Background
The retro synthwave horizon.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Matrix Rain - Columns of glowing characters fall down a dark canvas, leaders bright and trails fading
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Plasma Field - Summed sine functions of x, y, and time make a flowing, organic color field
Background
The demoscene classic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - CineRitual agent skills - create site, generate video prompts, process video, customise theme, deploySubscription
CineRitual agent skills - create site, generate video prompts, process video, customise theme, deploy
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
scroll-cinema - Claude skill for scroll-scrubbed 'camera path' sites (pinned stages, aperture opens, dolly, 3D card entries, stacked panels, masked text reveals) in vanilla JS + CSS custom properties
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scroll Earth - agent skill that builds a cinematic scroll-scrubbed landing page: Imagen stills -> Veo clips -> rendered-frame connector clips -> portable scrub engine
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - motion-website - agent skill for building scroll-scrubbed frame-sequence and WebGL motion sites with a CI-enforced performance budget (engine selection, frame pipeline, scroll engine, page kit, QA)Subscription
motion-website - agent skill for building scroll-scrubbed frame-sequence and WebGL motion sites with a CI-enforced performance budget (engine selection, frame pipeline, scroll engine, page kit, QA)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - creative-web-experiences - router skill that classifies an interactive 3D web brief into one of eight modes (image-sequence, video-seeking, 2.5D, realtime-3D, geospatial, volumetric, WebXR, hybrid) with 18 referencesSubscription
creative-web-experiences - router skill that classifies an interactive 3D web brief into one of eight modes (image-sequence, video-seeking, 2.5D, realtime-3D, geospatial, volumetric, WebXR, hybrid) with 18 references
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Creative plugin - 9 specialist agents (creative director, 3D TD, motion, shader, QA ...), 4 slash commands (classify/plan/build/audit) and session hooksSubscription
Creative plugin - 9 specialist agents (creative director, 3D TD, motion, shader, QA ...), 4 slash commands (classify/plan/build/audit) and session hooks
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - web3d-integration-patterns - architecture patterns for integrating 3D into web apps (vendored)Subscription
web3d-integration-patterns - architecture patterns for integrating 3D into web apps (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
threejs-webgl - Three.js scene, materials and optimisation skill with starter scene (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - react-three-fiber - R3F skill with a Vite starter and generators (vendored)Subscription
react-three-fiber - R3F skill with a Vite starter and generators (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - blender-web-pipeline - Blender -> glTF export, LOD and optimisation scripts for the web (vendored)Subscription
blender-web-pipeline - Blender -> glTF export, LOD and optimisation scripts for the web (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - gsap-scrolltrigger - GreenSock's official ScrollTrigger skill (vendored)Subscription
gsap-scrolltrigger - GreenSock's official ScrollTrigger skill (vendored)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - game-engine - web game development skill with 2D game templates (vendored from github/awesome-copilot)Subscription
game-engine - web game development skill with 2D game templates (vendored from github/awesome-copilot)
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in