Elements for macOS

Buy Now

Build beautiful websites. No code required.

Video Introduction

What is Elements?

Over three years ago we set out to build a truly groundbreaking website builder, an app that would lay the foundation for the next two decades of web design on the Mac. Watch the video to learn more.

Help us build the next generation web design app on the Mac

Get Elements

Elements on a Macbook Pro

Purchase Elements

$69.00 /year

Elements Base

Great for small projects.

3 Custom Components

2 Global Components

1GB of Cloud Storage

Remove Elements Branding

Resell Websites

Priority Support

$119 /year

Elements Plus

Perfect for bigger websites.

Unlimited Custom Components

Unlimited Global Components

1GB of Cloud Storage

Remove Elements Branding

Resell Websites

Priority Support

$249 /year

Elements Pro

Unlimited web design.

Unlimited Custom Components

Unlimited Global Components

1GB of Cloud Storage

Remove Elements Branding

Resell Websites

Priority Support

Elements requires macOS 13 Ventura or newer.

Base, Plus, and Pro licenses are per user and include 1 year of updates and allow installation on 3 Macs.

Elements on a Macbook Pro

Application Features

WYSIWYG Editor

What you see is what you get. The editing experience is blazingly fast and easy to use.

Sample Projects

Build faster than ever before with the collection of included beautiful sample projects.

Built-in Components

Build your site using the built-in compoments; Headings, galleries, grids, navigation, and more.

Responsive Breakpoints

Responsive breakpoint system built-in, making it easy to design for every device.

Global Templates

Build a modular design system across your entire site with global template blocks.

Theme Studio

Create a consistent look and make global design changes to your webiste in seconds.

Resources Manager

Add files and folders to your project and manage them just like you would in the Finder.

Smart Publishing

Publish your website wherever you want, locally, FTP, Amazon S3 and more.

Dark Mode

Define colors for both dark and light modes, ensuring a flawless design day or night.

Custom Components

Build your own Custom Components using HTML, Tailwind, and the Elements API.

Template Code

Elements makes it easy to add javascript or snippets of code anywhere in your website.

Code Pages

Breakaway and create html, php, javascript, and even .htaccess files right inside your project.

Developer API

The Elements Lanaguage allows anyone to create and distribute Components and more.

Elements Cloud

Every license comes with 1GB of free cloud storage to backup and share your projects.

Custom Workspaces

Customize the Elements UI to the way you work, and save custom layouts for different tasks.

Marketplace

Extend Elements with third-party components, projects, themes, and more.

Regular Updates

Elements recives weekly updates with features and fixes based on our users community feedback.

Built for Mac

Built from the ground-up, exclusively for macOS. A truly Mac-assed, Mac App.

Get Elements

Screenshots

Website Building, Reimagined.

From the clean, native Mac interface to the real-time preview and intuitive layout tools, Elements is crafted to feel right at home on your desktop. Every part of the app is thoughtfully designed to help you stay focused, move fast, and build beautiful websites without friction.

Elements for macOS Screenshot
Elements for macOS Theme Studio Screenshot
Elements for macOS Theme Studio Screenshot
Elements for macOS Theme Studio Screenshot

Included Components

All built-in components are open-source (details coming-soon).

Animation

Reveal Component

Reveal

Content

Button Component

Button

Text Component

Text

Typography Component

Typography

Custom

Custom Component

User Components

Forms

Attachment Component

Attachment

Checkbox Component

Checkbox

Input Component

Input

Label Component

Label

Radio Component

Radio

Select Component

Select

Submit Component

Submit

Globals

Global Template

User Templates

Interactive

Accordion Component

Accordion

Dropdown Component

Dropdown

Filter Component

Filter

Filter Tags Component

Filter Tags

Modal Component

Modal

Layout

Background Component

Background

Container Component

Container

Flex Component

Flex

Grid Component

Grid

Utility

Divider Component

Divider

Navigation

Top Pages Component

Top Pages

Menu Component

Menu

Media

Gallery Component

Gallery

Image Component

Image

Image Slider Component

Slider

SVG Component

SVG

Video Component

Video

User Docs

Elements Manual

Packed with step-by-step instructions, video tutorials, practical examples, and tips. The Elements user guide has everything you need to bring your web design ideas to life.

Browse the User Guide

API Docs

Elements Language

The Elements Language is a simple, yet powerful templating language. It allows users and developers to create custom Components that can do just about anything.

Explore the API

Frequently Asked Questions

What is Elements?

Elements is a modern Mac app for designing and building static websites—no code required (unless you want to).

What kind of websites can I build with Elements?

From personal portfolios to small business sites, landing pages, blogs, and more—Elements is flexible enough for all kinds of projects.

Do I need to know how to code?

Not at all. Elements is designed to be visual and intuitive. But if you do know HTML or CSS, you’ll feel right at home too.

Does Elements use Tailwind CSS?

Yes! Elements is built entirely on Tailwind CSS. That means every design you create is powered by clean, utility-first code under the hood—making it easy to extend, customize, and work with if you ever want to dive into the exported files.

Can I extend Elements or build custom features?

Yes! Elements includes an open, extensible API that lets you build your own components, controls, and functionality. Whether you’re adding a custom layout block or integrating with a third-party service, Elements gives you the freedom to create almost anything.

Does Elements support PHP?

Yes! Elements supports PHP out of the box. You can use PHP for contact forms, includes, CMS integrations, or any other dynamic features your site needs—all while keeping full control over your layout and design.

What are the system requirements for Elements?

Elements runs on macOS 13 Ventura or newer. It’s designed exclusively for Mac, so it feels fast, native, and right at home on your desktop.

Does Elements work with any hosting provider?

Yes. Elements exports clean, static HTML you can host anywhere—whether it’s Amazon S3, GitHub Pages, or your own FTP server.

Can I download the demo version?

Not yet. Elements is in Early Access and only available to paying users. This approach ensures that our paying customers get taken care of first, with frequent updates and improvements based on real-world use. We plan on releasing a demo version when Elements hits 1.0 later this year.

How can I get in-touch with you?

You can reach out to our support team via email, or post on the Elements Forum. We’re active on both, and we pride ourselves on fast, helpful replies, no matter where you reach out.!

Stay in the Loop

Elements is moving fast, and you can stay one step ahead. Sign up for our newsletter to get updates on new features, release milestones, and more.

Check Email to Confirm Subscription

Elements for macOS Screenshot
Elements for macOS Theme Studio Screenshot
Elements for macOS Theme Studio Screenshot
Elements for macOS Theme Studio Screenshot