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 (scroll-effect, shader)
Mood (light)
Licence
- Subscription
Sticky content switch
Scroll Effect
Scroll-driven "sticky content switch" editorial template — a warm paper (#f4f1ea) / near-black (#0e0e0c) two-column section on vendored Anton + Inter with a burnt-orange (#c4622d) accent, where the left column is position:sticky and vertically pinned while six 100vh image panels scroll past on the right; an IntersectionObserver with a -50%/-50% rootMargin band fires exactly when each image's midpoint crosses screen center, crossfading + slide-swapping the pinned heading (index, kicker, title, body, meta) to match the active frame, a transform:scaleY accent progress rail with growing ticks, a rAF parallax that scales each image 1.08→1.0 toward center plus grayscale-to-color on active, a per-letter hero rise-reveal, and a ghosted-wordmark outro; six themed procedural SVG images + fonts vendored, fully offline, responsive stacked feed under 900px, respects prefers-reduced-motion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Liquid metal foundry
Shader
Shadcn-style integration of the prompt's verbatim `background-shades` — a full-bleed, framer-motion–animated `@paper-design/shaders-react` `LiquidMetal` field dropped into `@/components/ui` and framed as a molten-metal foundry console: the live shader pours into a registration-bracketed crucible plate while a casting deck drives every real `LiquidMetal` prop (tint, shape, repetition, softness, distortion, contour, chromatic shift, rotation, scale, speed, blur) in real time, with FPS·frame·uptime telemetry, a prefers-reduced-motion–aware breathing loop, and a tabbed install / props-API / live-usage / integration-notes / why-`components/ui` dock that documents reconciling the verbatim `shape="plane"` and unused `PulsingBorder` against shaders-react 0.0.81; Space Grotesk + JetBrains Mono vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
PinnedReveal - Staggered eyebrow → title → summary reveal as a chapter enters view
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
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
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - stratum-motion demoSubscription
stratum-motion demo
Scroll Effect
SSR-safe reveal presets, stagger, parallax, scroll scene and page transition.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Frame-scrub site template - pinned canvas playing a responsive AVIF/WebP frame ladder scrubbed by ScrollTrigger, bounded decoded-bitmap cache, config-only reskin, with the committed 120-frame demo ladder
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Fold - WebGPU (vgpu/WGSL) scroll-driven folded-metal material study with three finishes and a poster/device-loss fallbackSubscription
Fold - WebGPU (vgpu/WGSL) scroll-driven folded-metal material study with three finishes and a poster/device-loss fallback
Shader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scroll-world scrub engine (hardened) - framework-agnostic scroll-to-video-time engine with lite mode for weak devices, remote video unloading, and optional seamless Web Audio BGM
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Zoom hero
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Pinned steps
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Zoom through cards
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scroll timeline
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Tracing beam
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Sticky gallery
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Chapter progress rail
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Rising tide
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Combination lock
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Domino run
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in