DEV3 Velour – 3D Fashion & Beauty WordPress Theme for Elementor & WooCommerce

DEV3 Velour is a WordPress theme for couture labels, boutiques, fragrance and skincare brands, and beauty salons. The home page is a scroll-driven 3D story rendered live in WebGL. A silk ribbon flows around glass perfume and serum bottles, a lipstick and a cream jar on a marble plinth. As you scroll, the camera circles the still life, the ribbon wraps and spreads, and the focus moves from fragrance to skincare to the season's lookbook.

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.

The 3D scroll story

• The scene is procedural three.js: the cloth ribbon, refractive glass and garments are made in code. There are no licensed photos or product renders to replace.
• The story is built from ordinary Elementor containers. Switch on Use as 3D chapter on a container and it becomes a camera stop. Copy side moves the still life away from your text, and Header tone switches the header to light text over the dark scene.
• Each chapter can blend scene state: how fast the silk flows, how tightly it wraps, how far it spreads, perfume or serum in focus, warmth and lift.
• Three presets:
  • Velour: silk & glass: the signature still life, with silk, highlight, perfume and room colours.
  • Velour: product studio: one object on a paper backdrop. Choose a perfume, serum, cream jar, lipstick, slip dress, blazer, knit, trousers or tote.
  • Velour: lookbook rail: garments on a brass rail that visitors drag to turn.
• Upload your own .glb model (Draco, KTX2 and meshopt supported) to show a real product scan.

Built for fashion and beauty

• 3D product pages. Every WooCommerce product can have a 3D view tab. Choose a preset with parameters such as {"object":"dress","color":"#7d1230"}, or paste a GLB URL. Colour swatches recolour the 3D garment live. When a product has its own GLB model, Android phones also get a View in AR button (Scene Viewer).
• Swatches and size guide. Colour, image and label swatches on attribute terms, plus a size guide on products with a Size attribute.
• Lookbook. A page of looks in the season's colours, led by the 3D rail.
• The Atelier. Beauty services are a Treatments post type with price, duration and a booking link. They are filtered by colour, fragrance, skin and styling, and there is an Atelier booking form. Specialists (team) and testimonials come with the theme, and the site outputs BeautySalon structured data.
• Boutique extras. AJAX mini-cart drawer, quick view and a wishlist that is kept in a cookie for guests and saved to the account after login. The classic and block Cart and Checkout are both styled.

Edit everything

• Every demo page is built with the free Elementor plugin. The DEV3 widget category adds 20 widgets: 3D Scene, 3D Product Viewer, Kinetic Heading, Marquee, Magnetic Button, Counter / Stats, Hover-Reveal List, Image Trail, Testimonials, Pricing Table, Team Grid, Timeline, Before / After, Post Type Grid, Product Grid, Category Showcase, Countdown, FAQ (with FAQ schema), Contact / Map (OpenStreetMap, no API key) and Form.

• Every widget has a block-editor twin. The theme also adds a 3D Chapter block and 26 block patterns, including a scroll story and a product studio.

• Customizer:

  • colours (background, surface, text, muted, accent, champagne, ink)
  • self-hosted fonts (Bodoni Moda, Jost, Cormorant Garamond)
  • header style (transparent over the hero, solid or centred logo), 3D quality, loader, custom cursor, smooth scrolling, film grain and chapter rail
  • footer, shop and blog settings

  Saving also updates Elementor's Global Colors and Fonts.

• Elementor Pro is supported (header, footer, single, archive and product Theme Builder locations) but not required.

• A child theme is included for your own CSS and PHP.

Performance and accessibility

• The 3D engine loads only on pages with a scene and stays under the suite's 220 KB gzip budget including three.js. Other pages load about 10 KB of JavaScript.
• Quality is chosen per device and steps down if the frame rate drops.
• Visitors with reduced motion, Save-Data or no WebGL see a still poster image instead of the live scene.
• The page text stays in the HTML for search engines and screen readers.
• Self-hosted fonts with no external requests. Skip link, visible focus rings, keyboard menus and an ARIA-live cart count. Includes an RTL stylesheet, a .pot file and wpml-config.xml.

What's in the download

• dev3-velour.zip: the theme (the demo package is built in)
• dev3-velour-child.zip: the child theme
• dev3-theme-toolkit.zip: the DEV3 Theme Toolkit plugin (Elementor widgets and blocks, post types, WooCommerce extras, demo importer)
• dev3-velour-demo-content.zip: the demo package, for reference
• Documentation/: the HTML guide

The one-click demo imports:

• the Home, Shop, Lookbook, The Atelier, About, Journal, Contact, Cart, Checkout, My account and Wishlist pages
• 11 products (dresses, tailoring, knitwear, fragrance, skincare and make-up) with colour and size variations
• 6 journal posts, 6 treatments, 4 specialists, 4 sample testimonials and 2 forms
• the menus and the theme settings

Every image is generated by the theme's own 3D scenes. The brand and product names are fictional.

Requirements

• WordPress 6.0 or newer (tested up to 6.8) and PHP 7.4 or newer
• Elementor (free) is recommended; Elementor Pro is optional
• WooCommerce for the shop, Contact Form 7 for the contact and booking forms (WPForms also works with the Form widget)
• The DEV3 Theme Toolkit plugin (included; WordPress prompts you to install it)

Support

Six months of support are included: installation, demo import and questions about the theme's features. Read how we built Velour for the design decisions behind the silk-and-glass story.