Template library

Blunt Object is a complete neo-brutalist landing template for a fictional independent design studio. It mirrors the landing-01 pattern with section-level files, indexed attribution comments, copied verification records, palette injection, substantive copy, responsive layouts, and reduced-motion behavior.

Signalcraft is a fictional applied-AI agency landing page with an effects-heavy gradient-glow and aurora art direction. The experience uses layered CSS light fields, glass surfaces, morphing forms, and a pointer glow without adding animation packages.

Aperture is a dark collaborative AI workspace template with conversation history, a model selector, source-aware answers, prompt suggestions, file context, adjustable reasoning controls, a working composer, and responsive panels for product teams.

Petal is a complete claymorphic app landing template for a fictional gentle habit tracker. It mirrors the landing-01 assembly pattern and prominently adapts the first-party components in /var/www/sir-originals: clay cards, buttons, badges, and progress surfaces appear across the hero, feature grid, and download CTA.

--- name: FORMA — Architecture Practice category: Architecture description: A rigorous editorial architecture portfolio with a spatial panoramic scroll sequence, interactive project index, practice metrics, and commission enquiry. tags: [architecture, portfolio, editorial, brutalist, studio, projects, scroll] features: [Spatial scroll story, Original AI imag

Relay Review is a typography-led magazine and newsletter template with an issue masthead, category filters, featured reporting, article cards, reading-time metadata, a working newsletter state, a trending rail, and responsive editorial hierarchy.

A polished appointment-booking flow with selectable services, week navigation, available time slots, booking summary, and confirmation state.

An original cinematic electronic-artist template with a generative Web Audio player, scroll-composed album world, interactive tracklist, filtered tour dates, ticket reservation, collector-edition configurator, cart drawer, newsletter and accessible overlays.

--- name: SORA — Private Island Retreat category: Hospitality description: A cinematic private-island resort with a three-chapter panoramic scroll journey, residence explorer, detailed hospitality metrics, and complete reservation enquiry. tags: [resort, hospitality, luxury, wellness, cinematic, scroll, booking, editorial] features: [Panoramic scroll story,

--- name: ORA — Cinematic Restaurant category: Food description: A scroll-directed fine-dining story with original culinary imagery, nightly menu and a complete table reservation interaction. tags: [restaurant, fine-dining, food, editorial, cinematic, scroll, reservation] features: [Scroll choreography, Original AI imagery, Nightly menu, Reservation drawer,

A friendly community forum with topic filters, discussion search, reactions, bookmarks, member context, and a functional post composer.

An original couture template built around a pattern table that stitches. Scroll or explicit controls move four flat pattern pieces onto a dress form and resolve them into a finished silhouette. Runway timing, textile drape, seam mapping, look composition and a private fitting dossier continue the construction grammar.

--- name: OFF/GRID — Creative Company category: Agency description: A bold kinetic creative-agency portfolio with transformed typography, panoramic campaign motion, case-study selector, metrics, and project brief flow. tags: [agency, creative, portfolio, kinetic, campaign, bold, studio] features: [Kinetic scroll story, Original AI imagery, Case-study selecto

A calm, functional CRM with pipeline stages, lead search, opportunity details, activities, owner context, and an add-opportunity workflow.

A measured collectible-furniture commerce template with a real-time Three.js room composer, numbered object ledger, material junction study, edition provenance, and inline reservation record.

Gridnote is a fictional minimal mono documentation and changelog template. It combines a persistent docs shell with interactive package-manager tabs, a file tree, API reference table, product concepts, and release notes.

Loom+Co is a fictional minimal-flat homeware shop. The template is light-first, image-independent, and uses CSS-built product still lifes so it works offline with no remote asset requests.

A high-impact audio product experience with an immersive sticky hero, scroll-driven hardware chapters, kinetic specifications, a horizontal finish gallery, and interactive cart controls.

An original cinematic editorial creative-office template with an expanding scroll portal, animated studio reel, staggered campaign worlds, service system, pricing modes, testimonial stack, FAQ, and booking drawer.

--- name: NOMA — Fashion in Motion category: Ecommerce description: A cinematic fashion editorial with scroll choreography, horizontal lookbook and a complete quick-shop sizing flow. tags: [fashion, ecommerce, editorial, luxury, cinematic, scroll, lookbook, shop] features: [Scroll-directed campaign, Original AI imagery, Horizontal lookbook, Product selection

A cinematic fragrance storefront with a sticky campaign hero, layered scroll reveals, tactile ingredient chapters, an animated collection rail, and a working purchase drawer.

--- name: VAPOR Nº7 — Fragrance Campaign category: Beauty description: An avant-garde fragrance launch with a three-state olfactive scroll narrative, product object selector, edition facts, and private allocation flow. tags: [fragrance, beauty, luxury, editorial, product, campaign, ecommerce] features: [Olfactive scroll story, Original AI imagery, Product se

An art-directed botanical skincare template with atmospheric image motion, ingredient storytelling, editorial type, scroll-revealed products, ritual selection, and a functional add-to-bag flow.

Common Ground is a bold conference template with ticket conversion, day-by-day schedule controls, accessible session cards, speaker profiles, venue information, live capacity states, sponsor space, and a responsive visual system for a three-day event.

An original optical-fashion campaign built around a live spectrum lab, frame geometry, tint transmission and a fictional fitted-view outcome.

An original cinematic React/Vite template for a fictional experimental ready-to-wear label. Its signature contact sheet develops from a darkroom exposure into a stateful styling docket and numbered, size-specific claim tag.

An original full-page template for an independent direction, production and visual-effects studio. Its core metaphor is a cut that assembles: visitors move through a working reel, inspect a practical-to-final VFX breakdown, and turn project choices into a concise treatment before contacting production.

A business banking dashboard with account switching, cash-flow visualization, searchable transactions, budget insights, and a working transfer flow.

An original future-villa template designed as a sectional promenade. A demand-rendered 3D house travels through arrival, living void, water court and roof coordinates by bounded scroll or explicit controls. Daylight is a working spatial input, not decorative ambience.

An original premium-headphone campaign centered on a silent but functional spatial soundfield instrument. Room, stage width and sonic focus reposition sources, redraw the orbital radar and update acoustic readouts before resolving into a fictional listening passport.

A cinematic React/Vite brand template for a fictional embodied-autonomy company. Its signature movement score lets visitors wake a humanoid body, direct it through four physical cues, inspect its sense field, and tear off a first-shift ticket.

--- name: MORA — Interior Studio category: Interiors description: A warm, quiet interior-design portfolio with an architectural room sequence, material-rich project selector, studio method, and private consultation flow. tags: [interiors, design, studio, editorial, warm, portfolio, residential] features: [Room-sequence scroll story, Original AI imagery, Inte

An original contemporary-jewelry campaign centered on a functional light table. Metal, stone and environment change a loupe-scale ring, beam, reflection bloom and optical readout before resolving into a fictional gem-paper study.

Practice is a focused job-board template with keyword and location search, role-type filters, saved jobs, selectable listings, salary and workplace metadata, a detailed role panel, employer trust signals, and a responsive application journey.

--- name: AERON — Kinetic Grand Tourer category: Automotive description: A cinematic concept-car campaign with a scroll-directed three-scene film, interactive exterior atelier, performance specifications, and test-drive request drawer. tags: [automotive, electric, luxury, editorial, cinematic, scroll, configurator, concept-car] features: [Scroll choreography

An original botanical soda storefront built around one continuous scroll-directed product journey. A pinned cinematic stage moves the product through three visual worlds before opening into a complete flavour collection, serving ritual, and functional bag flow.

--- name: PRIMARY/3 — Cinematic Digital Agency category: Agency description: An original red, blue, and yellow digital-marketing experience with a 420vh scroll-scrubbed signal engine, crossfading campaign worlds, interactive case studies, live campaign projection lab, capabilities system, and complete project brief. tags: [digital-marketing, agency, cinemati

--- name: EIRA — Cinematic Hotel category: Travel description: A scroll-directed luxury hotel campaign with an architectural image portal, room collection and interactive reservation enquiry. tags: [hotel, travel, luxury, editorial, cinematic, scroll, booking, hospitality] features: [Scroll choreography, Original AI imagery, Responsive room collection, Reser

A cinematic luxury real-estate presentation for a fictional residence carved into a desert escarpment.

--- name: LUMA ONE — Spatial Product Launch category: Technology description: A cinematic technology launch with an exploded spatial-device story, edition configurator, technical facts, and first-edition signup flow. tags: [technology, product, launch, hardware, spatial, cinematic, configurator] features: [Exploded scroll story, Original AI imagery, Edition

Boardwatch is a complete dark landing-page template assembled from verified entries in the mrkeyoor.components index. The adaptation uses one accent (#b9f66c), keeps source attribution in every section file, and includes a copy of each selected component's test record under provenance/results/.

Amber Room is a complete warm-minimal landing template for a fictional neighborhood cafe. It follows the landing-01 assembly pattern: every section adapts a verified entry from the mrkeyoor.components index, each section file carries its attribution, the indexed result records live under provenance/results/, and the palette is controlled by the four --bw- va

An original physician-led healthspan template built as a clinical care-file system. Desktop uses a simultaneous triage board, contextual evidence ledger, care-pathway matrix, 90-day cadence and inline consultation handover. Mobile is purpose-built as a progressive four-question “pocket care passport” rather than a collapsed desktop page.

An original fragrance-house template built as a formula that distils. A demand-rendered optical-glass vessel moves from raw headspace to concentrate and sealed extrait; ingredient selection reorganises the visible formula, and atomisation is a short user-triggered event rather than a loop.

An original cinematic high-jewelry template with a scroll-composed hero, filterable collection, metal/gem/size configurator, wishlist, cart, private appointment booking, story and newsletter flows.

An original luxury-luggage campaign where destination, trip rhythm and duration redraw a schematic itinerary and repack a transparent case cross-section. The result resolves to a fictional perforated boarding folio.

--- name: VANTA — Luxury Watch category: Commerce description: A cinematic independent watch campaign with movement storytelling, material editions and a private-allocation configurator. tags: [watch, luxury, product, horology, cinematic, scroll, configurator] features: [Scroll choreography, Original AI imagery, Material editions, Allocation drawer, Responsi

An original haute-horlogerie template built as a calibre bench that opens. Its flagship is a code-native 3D mechanical movement: scroll or explicit controls separate the case, gear train, bridges, dial and hands along their assembly axis; the crown changes the displayed mechanical state.

Foundry Market is a warm editorial marketplace template with live search, category filters, saved products, price and maker metadata, a featured collection, trust notes, responsive product cards, and conversion-focused browsing without visual clutter.

An original elite motorsport template built as a pit wall that calls strategy. The hero behaves like a race broadcast command surface rather than a car configurator. The flagship interaction models tyre compound, pit lap, weather and traffic into an explained fictional strategy outcome.

An original cinematic museum template with a scroll-composed exhibition hero, current/upcoming/archive filters, programme schedule, date-based ticket reservation, membership flow, and working contrast/type/motion accessibility controls.

An original performance-running template built as a force chassis that separates. Its signature interaction is a real-time Three.js shoe assembly: visitors rotate the model, split its upper, carrier and outsole, and move it through touchdown, midstance and toe-off before resolving terrain, strike and ride inputs into a transparent edition recommendation.

An original fine-fragrance campaign organized around top, heart and base note evolution rather than a product grid.

Mira Vale is a fictional independent designer portfolio with an editorial, light-first art direction. The page uses a warm paper surface, a single vermilion accent, and custom CSS still lifes instead of remote assets.

An original private-aviation template shaped as a flight dossier that clears. Rather than browsing destination cards, visitors build a real route profile and receive an illustrative aircraft recommendation, operating context and enquiry-ready boarding wallet.

A responsive project workspace with filterable Kanban lanes, movable tasks, progress metrics, team context, and a working task composer.

Northstar is a complete responsive SaaS dashboard template with a collapsible navigation rail, date-range controls, KPI cards, a CSS revenue chart, project health, an actionable task table, team activity, billing links, and keyboard-visible controls.

An original cinematic lifestyle sneaker template built around a city route that laces itself. Desktop uses a diagonal triple-exposure crossing and oversized lace map; mobile becomes a thumb-led sneaker-box unboxing and focused route flow.

An original commercial-space template built around a mission that deploys. A demand-rendered spacecraft advances from ignition through separation and solar-array deployment to an imaging pass, using bounded scroll or explicit event controls. Coverage, payload bus, ground network and concept uplink continue the operational grammar.

An original image-led streetwear T-shirt template built around a cheerful block-party campaign and a three-person crew mixer. Desktop behaves like a wide sound-system stage; mobile becomes a one-hand festival crew-pass story.

A focused support inbox with ticket filters, searchable conversations, customer context, reply composer, priority states, and resolution actions.

--- name: NORTH/0 — Expedition Company category: Travel description: A cinematic small-group expedition platform with terrain-driven scroll storytelling, route comparison, field standards, and complete expedition enquiry. tags: [travel, expedition, outdoor, adventure, cinematic, routes, booking] features: [Terrain scroll story, Original AI imagery, Route sel

An original cinematic venture-capital template with a scroll-composed hero, interactive investment thesis, filterable portfolio, two-step founder introduction, LP memo request, field notes, and five palette builds.

--- name: BLOCK/CTRL — WordPress Product Foundry category: Technology description: A cinematic product studio for showcasing WordPress block themes and plugins, with live theme specimens, a compatibility signal board, interactive stack compiler, and complete build-manifest flow. tags: [wordpress, themes, plugins, product-studio, block-theme, ecommerce, compa

Bastion Build Co is a complete commercial-construction template adapted from local-business-01. It retains the verified component provenance records, source attribution comments, and the four-variable --bw- palette contract.

Northbook Academy is an online course pack derived from landing-01. It keeps the inherited component result table, inline attribution comments, and the four-variable --bw- palette contract.

Meridian Ledger Advisors is a complete finance-consulting template adapted from landing-01. It retains the source provenance records, attribution comments, and the four-variable --bw- palette contract while establishing a brand and voice distinct from the Meridian finance app template.

Ironleaf Strength Club is a coaching gym pack derived from local-business-01. It keeps the verified component provenance, inline attribution comments, and the four-variable --bw- palette contract.

Marigold Family Clinic is a primary care pack derived from local-business-01. It keeps the verified component provenance, inline attribution comments, and the four-variable --bw- palette contract.

Calder & Frost Associates is a complete legal-services template adapted from local-business-01. It retains the verified component provenance records, source attribution comments, and the four-variable --bw- palette contract.

Riverbank Foundation is a complete clean-water nonprofit template adapted from local-business-01. It retains the verified component provenance records, source attribution comments, and the four-variable --bw- palette contract.

Iso Studio is a fictional wedding and editorial photography portfolio adapted from portfolio-01. It retains the source provenance table and attribution comments while using a restrained monochrome palette and first-party inline SVG image studies.

Hearthstone Realty is a residential real estate pack derived from local-business-01. It keeps the verified component provenance, inline attribution comments, and the four-variable --bw- palette contract.

Saffron Trail is a modern Indian dining pack derived from local-business-01. It keeps the verified component provenance, inline attribution comments, and the four-variable --bw- palette contract.

Velvet & Sage is an editorial salon and day spa pack derived from portfolio-01. It keeps the inherited component result table, inline attribution comments, and the four-variable --bw- palette contract.

Juniper House is a complete boutique-hotel template adapted from local-business-01. It retains the verified component provenance records, source attribution comments, and the four-variable --bw- palette contract.

Style showcase: stylized 3D objects integrated in the interface. Prism is a fictional production 3D asset library. The page treats the interface itself as a viewport: a pointer-tilted hero stage that now hosts a real three.js scene (see "Signature hero"), HUD chips at three depths, a tilted marquee shelf, flip cards, a rotating ring carousel, a holographic p

An aurora mesh landing page for Nimbus, a fictional AI writing tool. The entire page sits on a fixed field of four drifting, heavily blurred gradient blobs; the headline, stat numbers, featured pricing border, and CTA orbs all draw from the same three aurora hues, so the mesh is the design language rather than a backdrop decoration.

A style showcase for bento grid design: the entire page is one continuous grid of varied-size rounded cards, including the header, the hero, the pricing, and the footer. The fictional product is Hub, a team workspace, so the page itself behaves like a workspace dashboard: live activity, a sprint gauge, presence, and docs are all cards sitting beside the mark

Style showcase: neobrutalism, as a product page. Slab is a fictional no-nonsense CMS and the page argues like one: acid-yellow surface, 3px black borders, hard offset shadows, a NOT-doing ticker, a measured spec sheet, a benchmark table built to be argued with, public pricing, and an FAQ with teeth. This is deliberately a dense PRODUCT page, distinct from ag

A complete claymorphism landing page for Petalboard, a fictional learning app for ages 3 to 8. Chunky rounded clay slabs, pastel fills mixed from one petal-pink accent, thick soft highlights on top, deep rosy shadows underneath, and a garden of first-party inline SVG flowers. Built almost entirely from the first-party clay- primitives in sir-originals (mrkey

A style-showcase landing page for a fictional wire-level security monitoring product. The direction is cyber-terminal: all-mono typography, a static scanline film, corner-bracket reticles, threat-red #FF4545 on near-black #050607. Deliberately distinct from the dark+lime SaaS look of landing-01.

A style showcase for editorial design: oversized typography, strong ruled grids, magazine structure. The type is the interface; there is not a single raster image or decorative illustration on the page. The fictional product is Longform, a writing platform, so the landing page is built like an issue of a magazine: masthead with dateline, a front-page hero wi

A full glassmorphism landing page for Vantage, a fictional product analytics SaaS. Every surface is a translucent frosted panel over a fixed field of blurred color orbs: backdrop blur, low-opacity fills, 1px light borders, and inset top highlights are the entire design language, not an accent.

A style-showcase landing page for a fictional creator monetization product. The direction is gradient-glow: a sunset triad (pink #FF5DA2, warm #FFB36B, cool #9D6BFF) on deep plum #160A14, serif display type, and soft illumination around every interactive surface.

A style-showcase landing page for a fictional portfolio platform for visual artists. The direction is holographic foil: bright pastel-metal surfaces built from CSS conic gradients over near-black #0B0B12, a fixed five-stop rainbow ramp (pink, gold, mint, sky, violet), hue-rotate shifts on interaction, and a single shimmer sweep on hover.

A light liquid glass landing page for Meridian, a fictional personal finance app. The language is Apple-adjacent: white translucent panels with heavy backdrop blur and saturation, specular top-edge highlights, a one-pass sheen sweep, conic refraction rings around buttons, and soft colored light washing the field behind the glass.

A style showcase for minimal flat design: clean typography, large whitespace, simple shapes, almost no decoration. The fictional product is Ledger, invoicing for freelancers.

A complete neumorphism landing page for Pulse, a fictional wellness tracker. The whole page lives in one soft-extrusion material system: a single light-gray surface, dual light/dark shadows derived from it, and one deep teal accent. Built almost entirely from the first-party neu- primitives in sir-originals (mrkeyoor/sir-originals), adapted in src/components

A complete skeuomorphism landing page for Deck, a fictional music practice app. The page is built like the gear it describes: tolex leather with stitched seams, brushed-aluminum pedal enclosures with screws and rotary knobs, a cream VU meter, an LED streak strip, ruled setlist paper taped to the amp, and tactile push buttons with real travel. Four indexed co

Style showcase: spatial interface — floating layered planes, AR/VR-inspired depth, restrained parallax. Atlas is a fictional spatial documentation platform. The page is built from a single "plane" surface system (soft-shadow floating cards on a fog background), a pointer-parallax hero stack with anchored HUD chips, a source-to-space beam diagram, tabbed view