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 (editorial)
Industry
Style
Licence
Source repo
- Subscription
Inkpress atelier h46
Landing Page
"Inkpress Atelier" risograph-print graphic-designer portfolio staged as a folded zine — cream paper frame, 4-color registration bar, Anton display type, diamond logo plate, services menu, colored works grid, and scroll reveals.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Meridian drafthouse h54
Landing Page
"Drafting-Table Brutalism" architect & spatial-designer portfolio — warm ecru paper, blueprint grid, hairline frames, highlighter-yellow accent, masked type-rise hero with an outlined italic word, sliding image reveals, count-up stats, and a numbered approach table.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Monogram terminal h42
Landing Page
"Monochrome Terminal Editorial" developer portfolio — strict greyscale void, JetBrains Mono headlines, Merriweather italic accents, terminal-card hero, cross-fading featured slider, work timeline, and paginated articles.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Nocturne bento h28
Landing Page
"Midnight Atelier" dark designer portfolio — animated perspective-grid floor, acid-lime accent, Fraunces serif + Inter Tight, bento-grid glass hero, pointer parallax, scroll reveals, and a validated contact form.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Hero dithering card
Call to Action
"DITHER · PRESS" — the brief's `CTASection` dropped **verbatim** into `components/ui`: a transparent-backed `@paper-design/shaders-react` `Dithering` shader laying Pantone-orange ink under an editorial headline, mounted on a print-house "press bed" with crop marks, a rotating registration loupe, a half-tone dot field, and a telemetry strip that samples ink coverage live off the plate; plus an "ink console" whose faders (speed / shape / type / ink) drive a second live `Dithering` instance, a copyable-source integration story, a `Dithering` props table, and a paper ↔ lights-out theme toggle — fonts vendored locally, CLI-verified with a screenshot-diff render check.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Paper shader resume hero
Hero Section
Shadcn `components/ui` integration of the prompt's `portfolio-hero-with-paper-shaders` — a split-screen designer résumé (`Jessi.cv`) whose right panel is a live `@paper-design/shaders-react` Dithering canvas with its own internal light/dark toggle — dropped in verbatim and framed as a "darkroom" proof: the as-shipped component sits in a crop-marked plate, an ink console promotes every Dithering prop (shape/bayer-matrix/pxSize/scale/speed/colour pair) to live faders with live prop/fps telemetry, a procedural shader-portrait gallery, and a setup/why-`components/ui`/source/props-API story (the invalid `shape="cat"` is corrected to `sphere`); 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
Botanical organic serif
Design System
"Verdant" Botanical / Organic Serif design-system showcase — a slow-living wellness landing on centralized tokens, with hand-built fully-offline botanical SVG art masked into Roman arches, the mandatory paper-grain overlay, Playfair Display headlines using italic emphasis words, a sage/clay/terracotta palette, staggered feature & collection grids, count-up stats, soft-shadow pill buttons, a vine-growing divider, an ARIA FAQ accordion, an underlined newsletter input, and a full-screen mobile menu.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Luxury editorial design system
Design System
"MAISON" Luxury / Editorial design-system showcase — a full editorial landing (hero, drop-cap features, dark stats, multi-layer testimonials, ARIA FAQ accordion, blog grid, footer CTA) with vendored Playfair/Inter fonts, vertical writing-mode labels, fixed gridlines, a gold-sliding button, and a paper-grain noise overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Newsprint editorial press
Design System
Full editorial landing page expressing the "Newsprint" design system — massive Playfair headlines, zero radius, collapsed grid borders, drop caps, a breaking-news ticker, an inverted black "How It's Filed" section, grayscale halftone engravings, hard offset hover shadows, and sparing editorial red.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Serif editorial design system
Design System
"Roman & Quill" Serif design-system showcase — a private-publishing-house editorial landing (hero, stats, drop-cap features, asymmetric 1.3fr/0.7fr benefits, decorative-quote testimonials, gold-tinted featured pricing, journal grid, ARIA FAQ, inverted correspond form, footer) with vendored Playfair/Source Sans 3/IBM Plex Mono, a rule-line + small-caps label system, bespoke SVG engraving plates, burnished-gold accent, paper-grain overlay, and ambient glow — all on channel-format design tokens, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
PinnedReveal - Staggered eyebrow → title → summary reveal as a chapter enters view
Scroll Effect
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 - Subscription
HorizontalGallery - A sticky section that converts vertical scroll progress into horizontal translateX of a keyboard-focusable card track on desktop, degrading to native horizontal
Gallery
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
KineticHeadline - A heading that splits into per-word, per-line spans which stagger in on transform + opacity as it enters view (split-line-rise vocabulary), reading as one acces
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
ATELIER NOCTURNE
Landing Page
We shape light.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Maison Solenne
Landing Page
One Day of Light.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
VANTASCOPE
Landing Page
HOLLOW STAR · a signal climbing out of the noise floor.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Classic Touch
Landing Page
The Renaissance Edition.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Maya Torres
Landing Page
Creative Director · The Cut.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
FIELD
Landing Page
An instrument for looking closer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: nav - fixed header, transparent over the hero, frosted after it
Navbar
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-photo - full-bleed photograph, centred display type, staggered 2nd line
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-split - type left, object right - the product hero
Hero Section
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: index - table of contents with dot leaders
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: manifesto - eyebrow + two-line serif statement + one narrow paragraph
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: blueprint - hand-drawn technical SVG + copy. Replace the path with the real object.
Features
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: stats - two or three numerals in the display face
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: cards-rail - frosted cards on a photographic ground
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: services - hairline-separated rows; the editorial answer to a card grid
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: steps - numbered process, 01 / 02 / 03 - only if order really matters
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: quote - one pull quote, set large, no quotation-mark ornament
Testimonials
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: spec - specification table
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: gallery - horizontal scroll gallery with captions
Gallery
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: faq - accordion, native details/summary
Component
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 - Subscription
Section: cta - closing band, one action only
Call to Action
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: footer - quiet, hairline, no link soup
Footer
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: not-found - the 404, written by the scaffolder as 404.html; honest, short, two ways out
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-gradient - animated WebGL colour field behind the type; no photograph needed
Hero Section
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
Section: exploded-3d - a made thing taken apart in three.js: parts as shapes and materials, or a GLB; the list is the fallback
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Basic design system (Bergside / typeui.sh) - Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.Subscription
Basic design system (Bergside / typeui.sh) - Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Editorial design system (Bergside / typeui.sh) - Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.Subscription
Editorial design system (Bergside / typeui.sh) - Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in