DEV3 Technologies home

DEV3 Atelora – Free Interior Design Studio WordPress Theme for Elementor & WooCommerce

A free, photo-led WordPress theme for interior design studios: before and after project sliders, room-by-room galleries, a design process, packages, a consultation booking form, a mood board and an optional decor shop. No 3D, light motion only.

by DEV3 TechnologiesVerified Author(0) 0 downloads 1 viewsUpdated 06 Nov 2026

DEV3 Atelora is a free WordPress theme for interior designers, home stylists, decorators and design studios. It is quiet and editorial: Italiana display type, linen paper, terracotta and sage, arch-topped portraits and hairline rules, with real photography in every section. Motion is light and purposeful (split headings, reveals, counters, stacked cards, a slow Ken Burns drift on the hero) and it respects reduced motion. There is no 3D or WebGL in the theme at all.

Sign in to download it for free. There is no public live demo: watch the video tour at the top of this page, or step through the screenshots at desktop, tablet and phone sizes.

Projects that show the change

  • A Project post type with location, size, year, style, scope and timeline, the brief, a numbered design story, counted-up results and a client quote.
  • A before and after slider built from two image fields, so every project can show its starting point.
  • A room-by-room gallery with room tabs and a lightbox, and a materials palette of colour swatches.
  • Room types (living, kitchen, bedroom and more) as filters and archives.

Services, process and booking

  • Services and packages with a fee, timeline, what is included, how it works and FAQs, and a sticky fee card beside the details.
  • A process page with a vertical timeline and stacked cards.
  • A consultation form whose topics come from your services; requests are stored privately and emailed to you.

A mood board and an optional shop

  • A mood board page: a flat masonry grid of images with filter chips and a lightbox.
  • WooCommerce styling for design consultations, an e-design package, a downloadable workbook and a few decor pieces, with a slide-out mini cart.

Built for editing

Every demo page is built in Elementor (free) with the DEV3 Theme Toolkit widgets, and 26 block patterns cover the same sections for the block editor. Colours and fonts come from one token file and sync to the Customizer, theme.json and the Elementor kit. Fonts are self-hosted. The demo photos are free-licence (CC0) stock photos listed in PHOTO-CREDITS.md; the demo before images are illustrative edits of the finished photos, and all names, clients and figures are fictional.

#interior-design#interior-designer#home-decor#design-studio#before-after#photo-hero#elementor#woocommerce#wordpress-theme#free

How it's built

Architecture, stack, key decisions and the quality gates DEV3 Atelora passed before release.

Our own free WordPress theme for interior design studios: a photo hero slideshow, projects with before and after sliders and room galleries, packages, a process timeline, a mood board and consultation booking, built on the no-3D theme core.

The problem it solves

An interior design studio sells taste and trust, which is hard to show with stock icons. Buyers want to see the change a studio makes, room by room, understand the process and the fees, and book a first conversation without friction. Atelora had to put photography, transformations and a clear next step on every page, look unlike any other DEV3 theme, stay fully editable in Elementor, and ship no 3D or WebGL code at all.

Architecture and approach

Atelora is a classic PHP theme with theme.json, built on DEV3's shared theme core in flat mode: a build gate fails the theme if any three.js or WebGL code reaches its assets. The always-loaded JavaScript is about 12 KB gzipped.

The DEV3 Theme Toolkit provides the post types (projects, services, studio team, client stories) and the widgets. Its Photo Hero opens every page. Projects store their before and after images, brief, design story, room gallery, materials and results as fields, so the single template lays out every project consistently. A small lazy script adds room tabs, mood-board filters and a lightbox.

Booking uses the toolkit's appointment request form with topics taken from the services; submissions are stored as private requests and emailed. The demo uses free-licence CC0 photos with a credits file.

Quality gates and results

Atelora ships as a free download with a one-click demo: 7 Elementor pages, 6 projects, 6 services, 4 team members, 6 journal articles, 7 shop products and 26 block patterns.

It passes PHP lint, WordPress coding standards (0 errors, 0 warnings), Theme Check with no required issues, the WooCommerce checkout flow and an Elementor editor test, and its no-3D gate.

Tech stack

Area Technologies
Frontend DEV3 Motion, Photo Hero, Lenis, Elementor widgets, Block patterns
Platform WordPress 6.0+, PHP 7.4+, WooCommerce, Contact Form 7, DEV3 Theme Toolkit
Delivery phpcs (WPCS 3), Theme Check, No-3D build gate, One-click demo importer

Inside the build

Photo hero slideshow: a full-screen cross-fading slideshow of three rooms with a slow Ken Burns drift, a split serif headline and trust chips. Photo hero slideshow — a full-screen cross-fading slideshow of three rooms with a slow Ken Burns drift, a split serif headline and trust chips.

The studio: an arch-framed photo beside the studio story and three counters that count up as they arrive (sample figures). The studio — an arch-framed photo beside the studio story and three counters that count up as they arrive (sample figures).

Guides & articles

Practical guides and engineering write-ups for DEV3 Atelora.

A free interior design WordPress theme with before and after sliders: Atelora

Last updated
A free interior design WordPress theme with before and after sliders: Atelora: DEV3 Atelora

An interior design studio's website has one job: show the change you make, then make it easy to book a first conversation. That means transformations (the room before and after), the process and fees, and a clear next step on every page. DEV3 Atelora is a free WordPress theme built for exactly that, with real photography instead of effects and every page editable in Elementor.

The Atelora home page: a full-screen photo slideshow of a bright living room with the headline

Video tour of the Atelora demo: the photo hero, projects, the before and after slider, room galleries, services, the mood board and booking

Who Atelora is for

  • Interior designers and decorators, from solo practices to small studios.
  • Home stylists and e-design services that sell packages online.
  • Agencies and freelancers building a design-studio site the client will keep up to date.

Show the change: before and after

Each project stores a before image and an after image, and the single template turns them into a draggable slider under the brief. Add a numbered design story, a colour palette of materials and a few counted-up results, and every project reads the same way.

An Atelora project page: the brief, then a full-width before and after slider of a living room

Room by room

A project can carry a gallery grouped by room. Visitors switch between rooms with tabs and open any image in a lightbox, and room types (living rooms, kitchens, bedrooms) work as filters on the project grid.

The room-by-room gallery on an Atelora project page, with room tabs and an editorial image layout

Packages and fees in the open

Services are packages with a fee, a timeline, what is included, how it works and FAQs. The page keeps a fee card beside the details, so the decision and the booking button stay together.

An Atelora package page: what is included beside a sticky fee card

A mood board and a clear next step

The mood board page is a flat wall of images with filter chips for textures, plants and objects. The consultation page is an appointment form whose topics come from your services; requests are stored privately in WordPress and emailed to you.

The Atelora mood board: a masonry grid of textures, objects and plants with filter chips

The Atelora consultation page: the request form beside what happens before the call

Set it up in an afternoon

  1. Install the theme and the DEV3 Theme Toolkit, then import the demo from Appearance → DEV3 Demo.
  2. Replace the demo photos with your own, and edit the hero slides in the Photo Hero widget.
  3. Add your projects with their before and after images, then your services and team.
  4. Set your phone number and consultation link under Appearance → Customize → Atelora: business details.

Atelora in the Elementor editor with the Photo Hero widget selected

Atelora is free: sign in on DEV3 to download it.

Frequently asked questions

The complete source code (version 1.0.0) as a download from your account, with the setup and usage guides shown on this page. It is free: sign in to download it.

Buying guides: 3D and motion WordPress themes for Elementor and WooCommerce

More from this author

View all

Related in CMS Extensions

View all