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
Mood
Industry (developer-tools, finance)
Style
Source repo
- Subscription
Animated text rotate hero
Hero Section
Shadcn/ui animated hero integration with spring word-rotation, hosted in a midnight-teal "Spektr" trade-desk shell with a live ticker.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Helix vault h55
Hero Section
"Institutional Crypto Terminal" hero for Helix Vault — emerald blade of light, glass portfolio dashboard mockup with count-up balance, growing bar chart, live ticker and scan-line, all framework-free.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Verdant advisory h10
Hero Section
Quiet-luxury advisory hero — oversized forest-green card, Hedvig serif headline, floating glass stat chip, infinite trust marquee, count-up stats and approach cards on a white canvas.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Axis quotient h30
Landing Page
"Quant Brutalist Editorial" landing page for fictional quant-strategy firm Axis Quotient — ink-on-ivory with electric cobalt, animated point-grid hero canvas, colossal QUOTIENT wordmark, ticker marquee, capabilities accordion, count-up metrics, and toggleable engagement pricing.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Evergreen ledger h94
Landing Page
"Evergreen Ledger" forward-thinking venture-capital landing for "Meridian Grove" — deep pine/teal ink and a luminous citron-lime accent on warm bone paper, Inter display + Space Mono labels, a full-viewport hero over a darkened cityscape with overlapping white/black/lime stat cards, a sticky-stacking 01–03 capital-services deck, tilted "ethos" cards flanking a lifted center photo, a grayscale "why partner" image band, a strategic-intelligence article grid, and a pine final-CTA + newsletter footer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cyber serif template
Landing Page
"Cyber Serif" classical-tech template built same-to-same from a superdesign reference (live host blocked by egress, so grounded in the detailed prose spec) — a deep-black #050505 / emerald #10b981 / #EBEBEB system pairing vendored Newsreader serif display (300-weight, -0.04em tracking, leading 0.9, one italic emerald word), Inter body, and Space Grotesk 10px/0.2em uppercase technical labels, with glassmorphism (rgba white 2% + 12px blur), a fixed nav that blurs on scroll with a 360deg-rotating command-icon logo mark and 1px emerald expanding-underline links plus a pulse-glow CTA pill, a 100vh split hero with an emerald pulse-dot label and a parallax floating glass mockup (animated bar chart, latency/uptime metric cards), a 3-column spotlight-card feature grid where each card has a moving shimmer border (::after 3-color emerald gradient at 200% animating 4s) and a cursor-tracking radial spotlight (::before 600px circle following --mx/--my), an IntersectionObserver count-up benchmark table with pulsing check icons and alternating muted/emerald columns, an animated horizontal gradient-text CTA, and morphing blurred emerald background glows (8s border-radius morph) — all staggered reveal-up on cubic-bezier(0.16,1,0.3,1); fonts 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
Emerald glass system
Landing Page
"Obsidian" glassmorphism design-system showcase — a monochrome black/zinc page with vibrant emerald (#34D399) highlights, vendored Inter, a floating blur(20px) glass pill nav, a 92vh dark hero with a 22vw CREATE backdrop word and a vertical stack of glass stat cards, a light feature grid with a dark System Analysis card animating progress bars, a #18181B workflow block with numbered glass steps and a 3D-rotated code mockup with a bouncing Deployed tag, a 3-tier bento pricing grid, and a black editorial footer; grain overlays on every dark surface, reveal-on-scroll motion, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Red sun editorial template
Landing Page
"Red Sun" Coral & Ink editorial AI-code-generation template built from a detailed design spec — a high-contrast Coral (#EF4623) / Ink (#2D3B42) / Soft Peach (#FDF1EE) palette on vendored Instrument Serif + Manrope, a glass-on-scroll fixed nav with a 3°→12° rotating logo mark, a centered serif hero (italic coral second line) with ambient 110px coral blur blobs, a two-column value-prop bento with a dark floating "UI Simulator" mockup window (traffic dots, shimmering skeletons, glass "Code generated" status bar and looping mono code tags), a 48px-radius three-column features bento (large watermark-icon card, dark accent card, hover-flip standard cards), a 64px-rounded dot-grid coral CTA, and a five-column ink footer; every entry + hover uses cubic-bezier(0.16,1,0.3,1) with a 2° fade-up rotation, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Synapse design system
Landing Page
"Synapse" futuristic vantablack (#030303) design-system landing built same-to-same from a spec — violet (#8B5CF6) + cyan (#06B6D4) neon accents, vendored Instrument Serif + Inter, three floating blurred ambient orbs, a 672px glass nav pill, a massive centered serif hero with a shimmering gradient last word and staggered load entrances, a Shiny Border Button with a 4s spinning conic-gradient border, a 40s infinite metrics ticker, a 6-card reveal-on-scroll feature grid with violet/cyan hover glows, a syntax-highlighted synapse.config.ts IDE block with a copy button, and an emerald "All Systems Operational" pulsing-dot footer; cubic-bezier(0.23,1,0.32,1) motion throughout, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Terminal cli control deck
App Screen
"ACME Control Deck" infrastructure panel built in a phosphor-green Terminal CLI design system — centralized tokens, composable windows/panes, ASCII art logo, typewriter headline, raw-data ASCII progress meters, a live syslog feed, an interactive zsh console, a box-less access form, and a subtle CRT scanline overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Aperture minimalist dark
Design System
Full "Minimalist Dark" design-system landing page for fictional dev tool "Aperture" — layered-slate palette with a warm amber accent, vendored Space Grotesk / Inter / JetBrains Mono, drifting ambient glow orbs + noise/grid ambience, a self-driving glass ⌘K command palette that types and streams a deploy log, glass-effect bento features, count-up stats, a numbered workflow + tinted config code panel, a glowing featured pricing tier, accent-line testimonials, an accessible max-height FAQ accordion, and an amber-ring email CTA.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Copy machine setup
Design System
"Copy Machine" landing-page scaffold built byte-for-byte to a fixed setup spec (Vite + React, TypeScript, Tailwind + tailwind-merge + clsx, Framer Motion, Lucide, `@/`→`/src/` alias) with the spec-pinned files reproduced character-for-character and an empty `App.tsx` awaiting the first component; ships a self-contained dark blueprint/IDE "PROJECT SETUP COMPLETE" status screen (radial-masked grid, drifting glow orbs, scanline, count-up readout, created-file tree, verbatim App.tsx code panel, tech-stack chips, copy-machine rules) rendered as a sibling of `#root`, with vendored Inter/JetBrains Mono, fully offline.
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
Scaffold ready splash
Design System
Exact-spec single-page landing scaffold (Vite + React + TypeScript + Tailwind v3, `@/` alias, `cn()` helper, Framer Motion + Lucide) whose App shell — instead of an empty page — renders a polished, self-contained "Scaffold ready" splash: ambient drifting orbs + a panning technical grid, a gradient headline, a self-typing macOS terminal, stack chips, a scroll-sequenced setup checklist, a `src/` file tree, and a dashed "drop your first component" target; fully offline (system fonts) and `prefers-reduced-motion`–aware.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
MintLedger fintech hero
Hero Section
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 - Subscription
AUREUS
Landing Page
Digital Wealth, Managed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
AUREUS
Landing Page
Into the Vault (Scroll-Scrubbed Chrome Flight).
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 - 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 - 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-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 - 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
<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 - AI System Configuration ConsoleSubscription
AI System Configuration Console
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Chrome Extension Landing PageSubscription
Chrome Extension Landing Page
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cream & Sky Playful SaaS PricingSubscription
Cream & Sky Playful SaaS Pricing
Pricing
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Editorial Cream + Ink Two-Path SaaS PricingSubscription
Editorial Cream + Ink Two-Path SaaS Pricing
Pricing
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Editorial Crimson Dev-Tool PricingSubscription
Editorial Crimson Dev-Tool Pricing
Pricing
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Editorial Violet SaaS Pricing MatrixSubscription
Editorial Violet SaaS Pricing Matrix
Pricing
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Electric-Blue Studio PricingSubscription
Electric-Blue Studio Pricing
Pricing
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Electric Dark Usage-Based Pricing CalculatorSubscription
Electric Dark Usage-Based Pricing Calculator
Pricing
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Electric-Lime Single-Plan SaaS PricingSubscription
Electric-Lime Single-Plan SaaS Pricing
Pricing
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Emerald 4-Tier SaaS Pricing TableSubscription
Emerald 4-Tier SaaS Pricing Table
Pricing
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Fintech WalletSubscription
Fintech Wallet
App Screen
Mobile Home Screen.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in