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 (tabs, card, skill)
Mood
Industry
Style
Source repo
- Subscription
Crimson mill supply card h61
Card
"Millstone Craft" digital visiting card for a fictional heritage stone-mill flour/grain/spice supplier — a vertical, mobile-first tap-to-contact page stacking a marquee-ticker brand hero, a sage WhatsApp + terracotta Call contact grid, a four-up product showcase, a split flagship-store location card, and an hours/footer strip, each as a soft-shadowed cream card revealed on scroll; warm paper canvas, crimson + wheat-gold accents, condensed Oswald display over Inter Tight, real tel/wa.me/mailto/maps links, fonts and product imagery 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
Lumen aurora vcard h62
Card
"Lumen Aurora" personal digital visiting card for a fictional creative technologist — one frosted-glass card floating over a slow living aurora of drifting violet/teal/rose blobs with film-grain and vignette, stacking a meta bar with a live local clock, an avatar-ring hero with a pulsing emerald "available" status, a short first-person bio with mono tag chips, a three-up email/call/WhatsApp action grid, a five-up social row, and an amber "Save contact" button that generates a vCard 3.0 `.vcf` blob client-side plus a "Copy link" toast; cinematic near-black palette, Fraunces display serif over Geist + Geist Mono, pointer parallax with specular sheen, staggered reveal, real mailto/tel/wa.me links, all fonts and portrait 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
Grainy gradient ripple card
Card
Shadcn integration of the brief's verbatim `gradient-shader-card` — a grainy 7-stop gradient (domain-warped value noise + 3D simplex grain + overlay film grain) rendered on a single React-Three-Fiber quad that ripples where you tap it — dropped into `@/components/ui` and framed as the "Chroma Foundry" pigment-lab console: a rail with the exact 7 hex stops the shader mixes, five faders promoting the baked `noise*`/`waveNoise*` constants to live uniforms, named patches (Foundry/Silk/Marble/Static/Tide), click-to-ripple with tactile DOM markers, and a telemetry strip reading the shader's own clock + live ripple count off the GPU loop; fonts vendored locally, headless WebGL + interaction verification (9/9).
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 - 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 - Subscription
TiltCard - A card that tilts up to ~8 degrees in 3D toward the pointer with an opacity-only specular sheen
Card
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
Swipe to Dismiss - Drag a card past a threshold and it flies off as the row collapses
Card
Pointer-driven, touch-ready.
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
Glassmorphism Animated - backdrop-filter: blur() over animated gradient blobs
Card
Three frost variants.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
3D Flip Card - A card rotates in 3D to reveal its back face using preserve-3d, perspective, and backface-visibility
Card
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 - Dashboard cards parallel entranceSubscription
Dashboard cards parallel entrance
Card
@reactzero/flow parallel example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Product showcase timelineSubscription
Product showcase timeline
Card
@reactzero/flow timeline 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 - 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 - snake-smooth-scroll - skill that installs Lenis momentum scrolling plus velocity-driven skew (or WebGL curvature) tuned to the project's stack, with Editorial/Fluid/Playful presets and a mandatory intakeSubscription
snake-smooth-scroll - skill that installs Lenis momentum scrolling plus velocity-driven skew (or WebGL curvature) tuned to the project's stack, with Editorial/Fluid/Playful presets and a mandatory intake
Skill
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Tilt3D - card that tilts in 3D toward the pointer with optional moving glare (React)Subscription
Tilt3D - card that tilts in 3D toward the pointer with optional moving glare (React)
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Spotlight - soft light that follows the pointer across a card (React)Subscription
Spotlight - soft light that follows the pointer across a card (React)
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Card SwapSubscription
Card Swap
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Interactive Card StackSubscription
Interactive Card Stack
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Fan deck
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Folder reveal
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Expandable cards
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Dot grid warp
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Liquid glass button
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Liquid glass card
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in