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
Style (illustration, neumorphism)
Source repo
- Subscription
Ink vermilion personal brand h23
Landing Page
"Ink & Vermilion" editorial personal-brand landing page for fictional marketing consultant "Marlowe Vane" — warm paper canvas, single vermillion accent, Playfair italic emphasis with hand-drawn SVG scribbles/stars/arrows, a rotated red marquee strip, scroll-reveal sections, a dark gallery band, grayscale-to-color imagery, and fake-submit contact + newsletter forms.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Verdant atelier h40
Landing Page
"Forest & Gold" product-photography studio landing page (Verdant Atelier / Maya Kapoor) on deep forest-green with museum-gold + deep-orange accents, Playfair Display + Inter, signature arch-masked still-life imagery, a slow-spinning "View Projects" badge, a 12-column asymmetric editorial hero, dual infinite marquees, staggered work/services galleries, and a hamburger mobile overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Forest sage organic store
Landing Page
"Verde" earthy editorial organic-grocery storefront template — a high-contrast Forest (#01472e) / Sage (#ccd5ae) / Olive / Cream "Forest and Sage" palette, vendored Anton + Inter, a fixed blur-pill nav with a white cart badge, a 23vw ANTON hero with per-letter rise-reveal and three floating organic SVG produce cards (3rem radius, float + scroll parallax), a forest marquee strip, a 5rem-rounded olive shop section with a 15vw heading, a rotating circular CTA, and a 3-column product grid with image-scale hover + blur-reveal "Quick Add" overlays, an editorial story band, and a 12-column forest footer with an underline-only newsletter input — all reveal-up on IntersectionObserver with a (0.16,1,0.3,1) motion signature and a fixed 4% SVG noise overlay; fully offline.
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
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 - Subscription
Playful geometric design system
Design System
"Blobby" Playful Geometric design-system showcase — a Memphis-inspired "stable grid, wild decoration" landing with centralized tokens (warm paper + slate + four rotational pop colors), chunky 2px borders, hard no-blur "pop" shadows, varied/blob radii, a blob-masked geometric mascot illustration, confetti shapes, keyword + logo marquees, a dashed-line feature grid, a star-badged scaled pricing tier, a live token gallery, an ARIA FAQ, and a focus-shadowed CTA form — all honoring prefers-reduced-motion.
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
Verdant organic design system
Design System
Full "Organic / Natural" design-system landing for botanical apothecary "Verdant" — earth-drawn palette, Fraunces + Nunito, a global paper-grain overlay, drifting+morphing blob backgrounds, bespoke palette-drawn botanical SVG illustrations, asymmetric feature-card radii, a hand-drawn curved-dashed ritual connector, a rotated-tin product spotlight, an organic image mask, hover-tilt testimonials, and varied moss/terracotta sections; fonts + noise vendored, fully offline.
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: 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 - Creative design system (Bergside / typeui.sh) - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.Subscription
Creative design system (Bergside / typeui.sh) - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Doodle design system (Bergside / typeui.sh) - Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.Subscription
Doodle design system (Bergside / typeui.sh) - Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Fiction design system (Bergside / typeui.sh) - A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrationsSubscription
Fiction design system (Bergside / typeui.sh) - A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations
Design System
Warm cream backgrounds, big bold custom display typo.
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 - Riso design system (Bergside / typeui.sh) - A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every sectionSubscription
Riso design system (Bergside / typeui.sh) - A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sketch design system (Bergside / typeui.sh) - A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings,Subscription
Sketch design system (Bergside / typeui.sh) - A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings,
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Parallax Depth-of-Field - Five mountain layers translate at different speeds; blur simulates camera depth-of-field
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Parallax Scrolling - Elements move at different speeds
Scroll Effect
Background slower, foreground faster — creating a 3D depth illusion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scrub Animation - Scroll position is the playhead
Scroll Effect
A flight path doubles as its own timeline, seekable in either direction.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sticky Section - The whole section pins while its interior morphs through four states scrubbed to scroll positionSubscription
Sticky Section - The whole section pins while its interior morphs through four states scrubbed to scroll position
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
SVG Line Draw on Scroll - A winding route draws itself down the page via stroke-dashoffset, passing waypoints as you travel
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Morph Transition - An SVG path morphs between page-specific shapes
Transition
Point-by-point interpolation across 12-vertex paths.
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
SVG Path Animation - stroke-dashoffset reveals three SVG drawings
Entrance
Icon, signature, and logo mark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
2.5D / Pseudo-3D - Seven depth layers parallax at different rates
Component
Mouse-driven or auto-panning camera.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Storytelling scroll timelineSubscription
Storytelling scroll timeline
Scroll Effect
@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
Field Notes - 'Where the forest exhales' full-page editorial example
Landing Page
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 - Loop · Say hello, we don't bite (friendly illustrated sky)Subscription
Loop · Say hello, we don't bite (friendly illustrated sky)
Form
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 - Plume · Sign in to your design canvasSubscription
Plume · Sign in to your design canvas
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Flowmap water
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Lumen launch h44Subscription
Lumen launch h44
Landing Page
"Periwinkle Aurora" landing page for fictional AI product-launch SaaS "Lumen Launch" — lavender/periwinkle aurora-blur motif on crisp white with Outfit + DM Sans, a div-built browser/dashboard hero mockup, infinite logo & testimonial marquees, animated step illustrations, dark testimonial theatre, working monthly/yearly pricing toggle, and a FAQ accordion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Superdesign neo brutalist acidSubscription
Superdesign neo brutalist acid
Landing Page
Neo-Brutalist "Acid" store template built from a superdesign spec — a paper #F8F4E8 / ink #09090B / acid yellow-green #D2E823 palette with vendored Dela Gothic One + Space Grotesk + Space Mono, a 3% feTurbulence noise overlay, a 0.2-lerp mix-blend-difference custom cursor that scales 2.5x over links, a backdrop-blur(24px) sticky pill nav, a 20s linear acid marquee band, a 12-column 8rem glitch-on-hover hero (±2px keyframe jitter) with a -2deg sticker badge and a floating ±10px asset card over a 32px-radius image, a bento category grid (dark 2x2 mix-blend-overlay card + radial-dot 1x1 cards) that translates 4px and drops its hard shadow on hover, a "New Drops" arrow-scrolled 320px product rail with a grayscale Sold Out state, and an inverted #09090B footer with a transparent-input newsletter; hard 4/8px zero-blur shadows and press-down buttons throughout, procedural acid SVG imagery generated locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Lumen folio h19Subscription
Lumen folio h19
Landing Page
Soft editorial-minimalism personal portfolio with floating glass nav, drag carousel, typewriter hero, and scroll reveals.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Academia classical showcaseSubscription
Academia classical showcase
Design System
"The Athenæum" Academia / Classical design-system showcase — a library-at-night members' society across ten Roman-numeral Volumes, with arch-topped sepia-to-colour engravings, a rotating brass sunburst hero, 40px corner flourishes, Cinzel drop caps, ornate glyph dividers, crimson wax-seal badges, engraved brass buttons, a manifesto Proclamation, certificate pricing tiers, an alternating timeline, an accordion FAQ, a validated enquiry form, and fixed paper-grain + vignette overlays; vendored fonts/illustrations, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Handcraft paper uiSubscription
Handcraft paper ui
Design System
"Scribbly" Hand-Drawn design-system landing page — a messy-on-purpose whiteboard product rendered entirely in wobbly irregular border-radii (never `rounded-*`), hard zero-blur offset shadows, warm paper-grain dot texture, and self-hosted Kalam / Patrick Hand type; centralized tokens drive composable taped/tacked/post-it cards, a hand-drawn SVG hero whiteboard, squiggly step connectors, a dashed-circled scaled pricing tier, speech-bubble testimonials, and a press-flat button system.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Maximalism dopamine systemSubscription
Maximalism dopamine system
Design System
"DOPAMINE" Maximalism / Dopamine design-system showcase — a deliberately overwhelming nine-section page on five clashing accents (rotated by index % 5) with layered dot/stripe/checker/mesh patterns, multi-layer glow+hard shadows, stacked text-shadows, 21 floating shapes, bleeding background words, animated gradient text, broken offset grids, two rotated marquees, a live token gallery, scaled-tier pricing, a 4-variant component playground, ARIA FAQ, and a full reduced-motion fallback; vendored Outfit/Unbounded/DM Sans/Bangers/Bungee, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Email banner
Call to Action
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Draw arrow
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Book flip
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in