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
Mood
Style (neumorphism, video)
Licence
Source repo
- Subscription
Apex scroll hero
Scroll Effect
Apple-product-page-style "Apex" hero whose 5-second F1 sunset film is scroll-scrubbed full-screen (scroll drives `video.currentTime`) with a synced speed/gear telemetry HUD.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Finsyc finance landing
Design System
"Finsyc" AI finance-management landing page applied verbatim from a 10-component template — an animated soft-gradient video hero with an expanding "Get Started" pill and brand logo marquee, color-blocked metric cards with count-ups, four product-UI feature cards (donut spend chart, balance-forecast graph, security shield, instant-transfer), a tabbed 4-step "How it works", a scroll-pinned benefits list with a progress rail, a count-up metrics band plus a center-snapping testimonial carousel, hover-activated pricing tiers with a monthly/yearly toggle, an animated integrations seal wired to 8 vendored brand icons, a blog grid, and a CTA footer with a giant rising "Finsyc" wordmark; all fonts/logos/UI art/avatars and the background video 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
Industrial skeuomorphism
Design System
"SCHEMATIC" Industrial Skeuomorphism design-system showcase — a tactile hardware-control landing built on centralized neumorphic tokens, with an all-CSS hero device mockup (scanline screen + live dashboard), glowing LED status indicators, corner screws & vent slots on every panel, a cylindrical How-It-Works pipe connector, push-pinned testimonials with masking tape, punched-hole pricing tags, a conic-gradient radar sweep, recessed "data slot" inputs, and a matte-plastic noise overlay; vendored Inter/JetBrains Mono and all assets, fully offline & responsive.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Neumorphism soft ui
Design System
"SOFTFORM" Neumorphism (Soft UI) design-system showcase — one cool-grey surface (`#E0E5EC`) where dual opposing RGBA shadows carve every edge: extruded / inset / inset-deep / nested depth states, hyper-rounded 32px corners, floating concentric-circle hero art, a working component playground (buttons in all states, inset inputs with accent focus rings, a switch, segmented control, draggable+keyboard slider), an inset token gallery, a soft-dark theme toggle, and zero borders anywhere; fully offline.
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 - scroll-reveal-video: skill that re-encodes a video all-I-frame and maps its playback to scroll progress, with timed text overlaysSubscription
scroll-reveal-video: skill that re-encodes a video all-I-frame and maps its playback to scroll progress, with timed text overlays
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - hero-loop-background: skill for a full-bleed hero on a seamless forward/reverse boomerang video loop with legibility overlaysSubscription
hero-loop-background: skill for a full-bleed hero on a seamless forward/reverse boomerang video loop with legibility overlays
Hero Section
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 - Subscription
KERN
Landing Page
Precision Calibration Unit.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Neumorphism design system (Bergside / typeui.sh) - Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.Subscription
Neumorphism design system (Bergside / typeui.sh) - Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
Design System
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 - KeyCloud - premium mechanical keyboard landing page (scroll frame-sequence hero, horizontal gallery, procedural 'thock' audio)Subscription
KeyCloud - premium mechanical keyboard landing page (scroll frame-sequence hero, horizontal gallery, procedural 'thock' audio)
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
CineRitual - video-to-frames converter and scroll frame-sync canvas engine with starter template
Scroll Effect
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 frame sequence
Scroll Effect
Zero-dependency scroll-scrubbed image-sequence player with hold loops and mobile pan.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Video-to-scroll frame pipelineSubscription
Video-to-scroll frame pipeline
Tool
Extract frames, build spritesheet, make hold loops, contact sheets (Python + ffmpeg).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Frame by frameSubscription
Frame by frame
Scroll Effect
Framework-agnostic engine mapping scroll position to video time (native video or canvas).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scroll Earth scrub engine - zero-dependency mountScrollEarth(container, config) that maps scroll to video time across dive clips and connector clips, with a minimal mount page
Scroll Effect
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 - 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 - Cinematic Website Starter - one-page business site with a fixed full-screen scroll-scrubbed hero video, services, promise, process and contact sections (React + Vite)Subscription
Cinematic Website Starter - one-page business site with a fixed full-screen scroll-scrubbed hero video, services, promise, process and contact sections (React + Vite)
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Next.js exact-frame scroll-sequence starter - sticky canvas, LRU decoded-image cache, nearby-frame preload, overlays, reduced-motion posterSubscription
Next.js exact-frame scroll-sequence starter - sticky canvas, LRU decoded-image cache, nearby-frame preload, overlays, reduced-motion poster
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
<scroll-sequence> - zero-dependency web component that pins a canvas and scrubs an image sequence on scroll, with declarative overlays, per-breakpoint sources, smooth/blend modes and a self-generating demo
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
agnes-scroll-world - agent skill that builds a scroll-scrubbed 'fly into the world' landing page with Agnes image/video models: scene stills, dive clips, frame-locked connectors, scrub engine, optional BGM
Skill
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
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 - Claymorphism Mobile App: Pastel Habit Tracker HomeSubscription
Claymorphism Mobile App: Pastel Habit Tracker Home
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - NeumorphismSubscription
Neumorphism
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Scroll expansion heroSubscription
Scroll expansion hero
Scroll Effect
Integration of the ScrollExpandMedia hero into a shadcn-style codebase — a compact media card that hijacks the wheel/touch to unfurl into a full-bleed video or image as you scroll, with a splitting title, dissolving backdrop, and an editorial about-section that reveals on full expansion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Ai budget tracking landing page velara alSubscription
Ai budget tracking landing page velara al
Design System
"Velara AI" AI budget-tracking landing page — a dark, purple-accented (#A855F7) fintech site assembled from 10 numbered sections: a video-background hero with a glass dashboard mockup (animated wave chart, sidebar, asset list), a feature-grid "Why Choose Us", a 3-step "How It Works" with animated goal/insight mockups, a bento Features grid (stacked encryption cards, smart-alert feed, animated budget bars, sparkline mini-cards), a global-transfers map card with floating glass widgets, an infinite dual-column testimonials ticker, a security band + app-download banner with browser-chrome dashboard, a cosmic-horizon pricing trio with a "Popular" tier, an animated FAQ accordion, and an SVG globe-arc footer with cycling country badges and a glowing VELARAAI wordmark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in