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, loader, form, button)
Mood
Industry
Style
Source repo
- Subscription
Bloom nested squares
Loader
The shadcn "Bloom" NestedSquares component (25 violet-gradient squares scaling and rotating forever via Framer Motion) staged in a dark motion-specimen studio — a graticule plate, ambient glow, and a calibration rail of dials that retune the live component's ring count, period, stagger, growth, spin and culture.
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 - Subscription
Section: contact - form, editorial fields, no boxes
Form
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
Hover State Animation - Six hover techniques side by side
Button
Color shift, scale, lift, underline grow, icon nudge, and background sweep.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Click / Tap Ripple - Ripple emanates from the exact click point
Button
Material Design's tactile confirmation pattern.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Focus Ring Animation - Animated outline on keyboard Tab
Form
:focus-visible ensures mouse users see no ring.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Button Press Scale - Scales to 0.95 on press, springs back on release
Button
Asymmetric timing gives a tactile feel.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Magnetic Button - Button leans toward the cursor within a radius, label lagging for parallax
Button
Springs home on exit.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Toggle / Switch Slide - Pill slides left/right for on/off
Form
Smooth cubic-bezier gives a weighted, physical feel.
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
Skeleton Loader - Pulsing placeholder blocks match the shape of real content
Loader
Reduces perceived wait time.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Shimmer Effect - Gradient sweep over skeleton placeholders
Loader
Gives the impression of data streaming in.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Loading Spinner - Six spinner variants from a single CSS color and speed
Loader
Ring, orbit, arc, bounce, pulse, square.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Progress Animation - Linear bar, circular ring, and stepped segments
Loader
All driven by a single percentage value.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Form Field Morph - Floating label rises out of the input on focus
Form
Persists when the field is filled.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Error Shake - An invalid field shakes horizontally with a decaying wobble and flashes red
Form
The universal "no".
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
Copy to Clipboard - The copy button swaps to a checkmark and a Copied confirmation, then reverts after a moment
Button
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Star Rating - Stars fill toward the pointer and pop on commit
Form
An accessible five-star control.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Segmented Control - A highlighted pill slides beneath the selected segment as the active label crossfades
Button
The iOS control.
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 - Fetch with timeout loaderSubscription
Fetch with timeout loader
Loader
@reactzero/flow race example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Loading spinnerSubscription
Loading spinner
Loader
@reactzero/flow repeat example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Checkout steps sequenceSubscription
Checkout steps sequence
Form
@reactzero/flow sequence example (WAAPI).
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