The Spark Studio
The Spark Studio

The Spark Studio

Design studio crafting immersive,web experiences & premium templates. Open for freelance work & collaborations: hello@thesparkstudio.digital

Creator18 Listings
The Spark Studio

Introducing SOLUM — Considered timber, joinery & craft atelier Framer template. Publication-grade Framer template for craft ateliers & furniture makers with 2 CMS collections, interactive timeline & embedded Agent skill. Preview: https://past-network-244230.framer.app/

The Spark Studio

Show furniture the way a gallery would. TERRA is an editorial Framer e-commerce template featuring a working cart drawer, category & finish filters, interactive room hot-spots, and calm scroll motion. Available now at $69!

The Spark Studio

Most architecture websites fail at one thing: presenting spatial scale and filtering qualified commissions.

We built SASSO Architecture to solve that. Designed as a monograph-grade digital flagship for boutique architects, interior ateliers, and spatial practices, SASSO blends Swiss editorial typography with an intentional client commission qualification system.

Highlights:

📐 Monograph Case Studies (floorplans, axonometric drawings & material palettes)

🏛️ 3 Modular CMS Collections (Projects, Disciplines, Journal)

📋 Structured Commission Booking Intake (qualifies typology, scope & budget)

🤖 Native Framer Agent Ready (sasso-design-system pre-wired)

⚡ 24 live routes, 100% responsive Explore the live demo: https://small-bookings-302943.framer.app/

The Spark Studio

Introducing TESSOVRA — Luxury Architectural Ecommerce & Showroom Framer Template. Engineered for brands that sell physical objects and high-end materials, with CMS products, live filters, interactive tile area & box calculator, moodboard shortlist, working cart drawer, and seamless light/dark mode.

Live preview: https://hilarious-variations-838642.framer.app/

#Ecommerce #Store #Tile #Stone #Architectural #Interior #Furniture #Showroom #CMS #Filters #Cart #Moodboard #Calculator #Minimal #DarkMode #MadeInFramer #FramerTemplate

The Spark Studio

Excited to share SLOWGRAIN — a free museum-grade Framer template for heirloom furniture makers, solid timber ateliers, and architectural craft studios. 🌲✨ Features Japanese joinery aesthetics, full collection index, specimen deep-dives, CMS craft monographs, and a bespoke commission booking flow. Remix it for free: https://framer.com/remix/52YnIzlJOEXddxCP5O1n Live demo: https://prosperous-statuses-272584.framer.app/

The Spark Studio

Most ecommerce furniture websites look like cluttered drop-shipping stores.

We built Halden to change that. ✦

Halden is an artfully restrained, editorial showcase & commerce template crafted for bespoke joinery workshops, Scandinavian furniture makers, and collectible object studios.

Where tactile materials, honed oak, and structural rhythm command the digital space.

What’s inside:

✦ 13 Production-Ready Pages: Storefront, Product CMS, Journal, Studio Manifesto, Showroom Contact & Style Guide

✦ 2 Dynamic CMS Collections: Products (21 custom fields) & Editorial Essays

✦ Multi-Filter Catalog: Real-time filtering by Category, Material & Room + Instant Grid/List view switcher

✦ 3-Way Smart Commerce Mode: Direct checkout link (Stripe / Lemon Squeezy / Gumroad), commission inquiry with auto-filling product form, or sold-out archive states

✦ Intelligent "Pairs Well With" Engine: Dynamic room cross-selling on product pages

✦ Smart Hide-on-Scroll Navigation: Ultra-clean header motion that responds to scroll direction

✦ Dual Light & Dark Mode: 11 synchronized global design tokens

✦ 100% Free Google Fonts: Powered by Bodoni Moda Variable & Geist (Zero licensing headaches)

Elevate your physical craft into an architectural digital flagship.

🔗 Live Preview: https://new-job-283615.framer.app/

Now live on the Framer Marketplace! ✨

#Framer #FramerTemplate #WebDesign #Ecommerce #Furniture #Minimalism #CMS #UIUX #MadeInFramer #DesignSystem

The Spark Studio

Most architecture websites look like noisy tech SaaS startups.

We built VELLUM to change that. 🏛️

VELLUM is an editorial architecture and interior design Framer template crafted with the quiet restraint of an art-book monograph.

Where spatial photography, honed travertine, and structural narratives command the page.

What’s inside:

✦ The Monograph Dissection: An interactive 4-chapter case study (Context, Space, Detail, Drawing).

✦ Dynamic Studio Archive: Curated multi-year project registry.

✦ 4-Stage Method Stepper: Scroll-linked client process walkthrough.

✦ Native Duality: Transitions seamlessly from warm limewash ivory to an intimate nocturnal dark mode.

✦ Zero layout jumps: 100% native Framer stacks & fluid constraints.

Take your practice beyond the generic template look.

Live Preview: https://unlimited-mind-018782.framer.app/

Now live on the Framer Marketplace! ✨

The Spark Studio

Most real estate websites look like sterile MLS databases. We built Aurelle Estates to feel like a tactile, high-fashion architectural monograph. 🏛️✨ Crafted with quiet luxury typography, buttery Lenis inertia scrolling, and cinematic editorial layouts designed for singular residences, private islands, and cliffside modernism. What’s inside: ✦ 12 Bespoke, fully responsive pages (1920px → 390px) ✦ 3 Turnkey CMS Collections (Estates, Private Advisors & Monographs) ✦ Interactive SVG Market Valuation Chart & Count-Up Stats ✦ Calibrated motion curves & editorial preloader ✦ 100% no-code, easily customizable in Framer Take a private tour of the live preview: 👉 https://wandering-variations-344785.framer.app Would love to hear your thoughts and feedback! 🥂 #RealEstate #LuxuryRealEstate #Realtor #VillaShowcase #EstateAgency #RealEstateCMS #Brokerage #PropertyListings #Framer #FramerTemplate

The Spark Studio

Introducing Onyx Atelier — Luxury Architecture & Design Studio. Editorial architecture & spatial design monograph with dynamic CMS portfolio. Built like an exhibition monograph with tactile editorial layouts, dark mode aesthetics, and seamless CMS project casework.

Live preview: https://active-strengthening-218427.framer.app/

#Architecture #ArchitectureStudio #InteriorDesign #ArchitectPortfolio #Editorial #Monograph #SpatialDesign #Luxury #DarkMode #CMS #Minimalist #DesignAgency #Construction #Portfolio #CreativeStudio

The Spark Studio

Mavric Estate — Boutique Luxury Real Estate Experience

A refined editorial digital experience for modern real estate agencies, independent brokers, and property developers.

Mavric Estate is a premium real estate website template designed to make property discovery feel effortless, personal, and architecturally sophisticated. Combining cinematic video imagery, elegant typography, and immersive layouts, it helps real estate agencies present their properties with confidence while creating a seamless journey from browsing to booking a viewing.

Key Highlights:

- Interactive Real-Time Mortgage Calculator on every property page

- 5 Dynamic CMS Collections (Properties, Neighbourhoods, Agents, Reviews, FAQs)

- Branded Numerical Intro Loader & 3-Clip Video Hero Reel

- Filterable Property Catalog (For Sale / To Rent / By Area)

- Flip-on-Hover Property Cards & Pinned Horizontal Area Showcase

- Multi-Intent Lead Capture & Viewing Booking Forms

- 100% Native Framer Design System with Lenis Smooth Scrolling

Ideal For: Boutique real estate agencies, independent realtors, property brokers, luxury home showcases, and residential developers.

## Easy to use:

1. Start with the guide: Open the "Start Here: Template Guide" canvas page.

2. Rebrand in minutes: Change global Colors and Text Styles in Assets.

3. Add your listings: Manage Properties, Areas, Agents, Reviews, and FAQs in the CMS.

4. Personalise loader & hero: Edit the Site Loader component and Video Reel.

5. Connect your forms: Route inquiries to email, Google Sheets, or webhooks.

6. Publish: Set your custom domain and launch.

The Spark Studio

Most "3D tilt card" components on the market are dead on mobile. Yeah, really.

They only listen to your mouse position, so the second you open the site on your phone — which is most of your traffic — the tilt effect just... doesn't happen.

So I built one that actually works everywhere: Gyro Tilt Card, free on the Framer Marketplace.

→ Desktop: smooth, spring-based mouse tilt → Mobile: real device-orientation tilt, with proper iOS permission handling done right → No mouse, no gyro? A gentle idle-sway animation keeps it alive instead of going flat → A rotating border-beam plays while idle and fades out the instant you engage it

It's a wrapper, not a fixed layout — drop in any card, image, or component and it just tilts.

Free, link in comments. Try it on your phone, not just your laptop — that's the whole point.

\#framer #webdesign #uidesign #interactiondesign #mobiledesign

The Spark Studio

I just shipped a free Framer component: Project Hover List.

It's the case-study-index interaction you've seen on every high-end agency site — hover a project, and a preview image floats next to your cursor and follows it around. Move fast between rows and the image tilts slightly, just like the real thing.

A few details I cared about while building it:

→ Spring-smoothed cursor tracking, not raw mouse coordinates → Velocity-based tilt on the preview image → Fully responsive — on mobile it automatically switches to inline thumbnails instead of trying to "float" an image with no cursor → Respects reduced-motion and renders clean on the Framer Canvas

It's free on the Framer Marketplace — link in comments. Drop your site below if you use it, I'd love to see it in the wild.

## How to Use

1. In Framer, create a new Code Component and paste in the component file.

2. Drag it onto the canvas inside a frame with enough height for your list (roughly 90px per row).

3. Open the Properties panel and edit the Projects array — add a title, category, image, and link for each row.

4. Set Font, Text, Accent, and Divider colors to match your site's design system.

5. Adjust Preview W / Preview H to size the floating image, and Radius for corner rounding.

6. Leave Compact Below at 680px, or raise/lower it depending on where your layout should switch to the mobile thumbnail view.

7. Test in Preview (not Canvas) — the cursor-follow effect only runs in Preview and on the live site.

\#framer #webdesign #uidesign #interactiondesign #nocode

The Spark Studio

Meet the new Gradient Theme Switcher ✨

A flexible Framer component with 6 beautifully crafted themes + 1 fully customizable theme.

Choose from:

🌌 Aurora 🌅 Sunset 🌊 Ocean 🍬 Candy 🔥 Lava 🖤 Mono 🎨 Custom — create your own look

Built for designers and creators who want to add a polished visual theme system without starting from scratch.

Fully customizable. Easy to use. Ready for Framer.

The Spark Studio

Your AI product deserves better than a screen recording.

AI Chat Demo Pro is a Framer component that plays your product conversation live on the page: the question types itself, the assistant works through visible reasoning steps, and the answer streams in word by word. You write the script in the properties panel and drop your own Framer layers into the reply, so visitors see your interface - not a stock chat bubble.

Lighter than video, readable on mobile, indexable by search, and editable in seconds when your copy changes. Now on the Framer Marketplace.

The Spark Studio

Collect the moments. ✦

A playful Polaroid-style gallery for Framer — designed to make images feel tactile, layered, and interactive.

Drag, explore, and bring your favorite moments to life.

Built for travel sites, portfolios, creative studios, and visual storytelling.

#Framer #FramerComponent #WebDesign #InteractionDesign

The Spark Studio

An infinite 3D image wall for Framer with smooth scrolling, subtle depth, premium hover interactions, and responsive performance.

Built to feel clean, fast, and production-ready.

#Framer #NoCode #WebDesign #UI #MotionDesign

The Spark Studio

Just launched — Modern Navbar for Framer 🚀

A responsive fullscreen navigation component with smooth menu transitions, customizable typography, colors, menu items, and content width.

Built for portfolios, agencies, studios, SaaS and modern landing pages.

Available now on the Framer Marketplace.