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
Industry (media, general)
Style (parallax)
Licence
Source repo
- Subscription
Hero futuristic webgpu
Hero Section
Faithful shadcn integration of the **Hero Futuristic** component — a depth-mapped portrait dissolved into a scanning **dot-matrix** field, rendered through a **Three.js WebGPU** pipeline written entirely in **TSL**: a colour texture + companion depth map drive a node material that parallax-shifts the image by the cursor, masks it into cellular-noise dots, and sweeps a depth-driven reveal, then a TSL post pass adds **bloom** + a travelling red scan line; headline reveals word-by-word over the top. Async-renderer `gl` callback (WebGPU → WebGL2 fallback) needs @react-three/fiber v9; texture, depth map and fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Bold typography design system
Design System
"OBELISK" Bold Typography design-system showcase — poster design translated to web with near-black/vermillion tokens, a 13-step type ramp, vendored Inter Tight/Playfair Display/JetBrains Mono, a parallax decorative-numeral hero, an adjective marquee, three button variants (underline/inversion/ghost), layered-text depth, zero radius, a token-flip inverted CTA, and a 200ms ARIA FAQ accordion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
scrollcraft engine: zero-dependency scroll runtime driven by data-sc-* attributes (scrub video, pin, pan, flow acts; cues, drift, magnet), with a template page
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic Scroll Website - Reusable AI Build KitSubscription
Cinematic Scroll Website - Reusable AI Build Kit
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - HeroParallax - A hero "tracking shot" whose graded depth planes (far/back/mid/near) translate at different scroll rates so the frame reads as deep space, with a split-line titSubscription
HeroParallax - A hero "tracking shot" whose graded depth planes (far/back/mid/near) translate at different scroll rates so the frame reads as deep space, with a split-line tit
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - DepthFigure - A foreground image card held in depthSubscription
DepthFigure - A foreground image card held in depth
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Three-plane scroll + pointer parallax with depth of field and aerial perspectiveSubscription
Three-plane scroll + pointer parallax with depth of field and aerial perspective
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-layered - photograph cut into planes (webdesign.mjs cut); subjects rest on the bottom edge, sky lags, type at page speed
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: exploded - dark section; layers pull apart on scroll (2D parallax = depth)
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-depth - three photographic planes: background lags, middle at page speed, foreground leads
Hero Section
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
Reverse-Scrolling Columns - A center column scrolls normally while two flanking columns scroll in reverse, looping infinitely
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Parallax 3D Tilt - CSS perspective + rotateX/Y follows mouse
Card
A shine highlight tracks the virtual light source.
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
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
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 - Parallax heroSubscription
Parallax hero
Hero Section
@reactzero/flow scroll example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
scrollcraft engine (ai-ranking fork): zero-dependency data-sc-* scroll runtime, modified for the SEO build, with template page
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)Subscription
ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)Subscription
ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - ScrollParallax - anything, moved at a given scroll speed (React)Subscription
ScrollParallax - anything, moved at a given scroll speed (React)
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - parallax-fx build prompts - one assistant prompt per effect (16) describing how to build it into your own components, as shown on the demo siteSubscription
parallax-fx build prompts - one assistant prompt per effect (16) describing how to build it into your own components, as shown on the demo site
Prompt
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic Noir StyleSubscription
Cinematic Noir Style
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic StyleSubscription
Cinematic Style
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Parallax Stars BackgroundSubscription
Parallax Stars Background
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Tile scroll parallax
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Parallax image carousel
Carousel
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in 
SubscriptionParallax orbs
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionTilt parallax card
Card
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
Sticky gallery
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in