Key features

Index of what Tidy offers.

Key features

For professional designers & developers

Tidy is made for professionals making websites for clients. It's not a DIY website builder like Squarespace or WIX.

Fast

Optimised for speed, so that you can create unique websites in minutes.

Easy to use

Especially for your client with easy inline content editing.

Customizable

You have full control over your website and can even customise the Tidy UI.

Secure and reliable

Produces static HTML files and runs on replicated, auto-scaling Amazon servers.

Search Engine Optimised

Technically optimised to please Google and gives you full control over URLs, meta tags etc.

Code yourself or just drag & drop

Full website source code access and an easy to use UI.

Extendable

Make your own components or easily add any third party JavaScript library.

Re-usable

One-click save everything you make (templates, blocks, style configurations...) for later use.

Framework and preprocessor agnostic

Can be configured to support any front-end framework, even your own. Also supports Sass, LESS or just plain CSS.

Teamwork and multisite management

Collaborate with your team on multiple sites and share resources. Easily update multiple sites at once.

White labeled

Complete white labelling including UI, end user docs and any emails Tidy sends.

The fastest website builder

Custom site in a minute

Pick a template, choose your modules and pages, done.

Designing the layout

Use Tidy components or write your own. Drag & drop or use the source code.

Easy inline content editing

Click on the text you want to change, type new text, save.

Optimised by default (no plugins needed)

Features like SEO and caching are included by default.

No coding, just coding or both

No coding

You can create entire websites and edit content, layout and styles without touching any code.

Just coding

You also have full access to HTML, CSS and JS and can alternatively create the entire site in the code editor.

Both

You can also use the UI and the code editor simultaneously. They both update live when you make changes in one.

Hybrid hosting

Static HTML files

Tidy generates static HTML files. When an end user visits the site, Tidy isn’t used at all.

Editor as SaaS

The Tidy editor is always loaded from our servers and can’t be installed locally.

Host here or anywhere

Host your site on our AWS servers or automatically upload the static HTML files to any host you choose.

Use any front-end framework

Templates and blocks

In the beginning, most our templates and blocks are Bootstrap, but we will soon produce more content for other frameworks too.

Style controls

Based on the framework used, Tidy displays different framework specific style controls.

Make Tidy support your own framework

If you're using a framework Tidy doesn't support yet, you can easily add support for it.

Use any CSS preprocessor

Use any CSS preprocessor (coming up)

In the beginning, we support LESS, but soon you will be able to also use Sass and PostCSS

Customise everything

Full HTML access

Tidy lets you change everything in the HTML and doesn’t add anything on its own. You have full control.

Content

Specify what content is editable, what type of content can be added and how it can be styled.

Blocks & templates

Make any changes you like to existing layout blocks/templates or make your own from scratch.

Themes & styles

Fully customizable, either in the UI or the source code.

Modules

Modify existing as you like or make your own.

Metadata

You have full control of the page’s meta tags. Add and remove fields as you like.

URLs

Clean and fully customizable.

Page types

Control how new pages are created with custom page types. Examples: frontpage, subpage, news page, product page etc.

Easily customise the UI

The Tidy UI is generated based on JSON files. By making simple changes (like changing visibility: true to false) you can easily customise the UI, including property panels, style controls, available blocks and templates etc.

User levels

Customise what controls users see on different levels.

Hosting

Tidy can automatically push the static HTML files to any host you choose.

Branding

Full white labelling.

Re-use everything you do

Templates

One-click save any website template you make for future use.

Includes

You can include template files in other template files.

Content blocks

One-click save any block you’ve created or customised.

Styles

One-click save parts of themes (like typography or colours) or entire themes for future use.

Extend Tidy as you like

Add any 3rd party JS library

As you have full HTML access and you can add any JavaScript (external or own) you like.

Examples of embeddable libraries

Commenting, galleries, sliders, reservation systems, charts, form functions, surveys, animations, analytics, heat maps, grids, image and scrolling effects etc.

Write your own components

Tidy provides a JavaScript API that you can use to access your website data when you write your components.

Easy client UI

Inline editing

Full WYSIWYG editor. Click on text to edit, type new, save.

Highlight editable fields

As the client hovers over elements on the page, editable elements are highlighted.

Adding pages

You can configure how pages are added. The client has to choose "Add news" and a page with the right template and settings is added to the right place.

Image management

Images are managed in an easy drag & drop interface and can be dragged directly from the desktop to the browser.

Auto-resize

Images added by the client are automatically resized and optimised for web use.

Auto-crop (coming up)

You can set image dimensions and the client sees a crop window if he tries to add an image with wrong dimensions.

Control what your client can do

Editable fields

You control what the client can edit.

Adding new pages

You control if, where and what pages the client can add.

Styling content

You can specify what style controls (if any at all) the editable content element offers the client.

Intelligent placeholders

A placeholder can be set for each editable content element. If the client leaves the element empty, you decide if the placeholder is shown or if the empty HTML element is hidden.

Required content

You can force the client to fill out the content elements you specify.

Secure and reliable

We eat our own dog food

tidycms.com is naturally made with Tidy and runs on the same servers as your sites.

High capacity and availability

Tidy’s servers are grouped in load balanced, auto-scaling server clusters guaranteeing high availability. Tidy uses Amazon Elastic Beanstalk for its servers, Amazon S3 as storage and Amazon RDS for the databases.

No maintenance

As the Tidy UI is SaaS, it's always up to date. You never have to install any updates.

Secure

Tidy produces static HTML files, which are virtually unhackable. The Tidy core is protected with multiple robust security layers. All new Tidy features need to pass a security audit before they are published.

Optimised by default (no plugins needed)

Features like SEO and caching are included by default.

Backups, undo and version control

Backups

Your website is backed up daily.

Undo (coming up)

Full ctrl/cmd+Z support for (almost) everything you do.

Version control (coming up)

Every time you save a new version (of the page, template, style) is created and you can easily roll back to a previous version.

Work in Teams, manage multiple sites

What are teams

A group of users (like employees within the same company) with access to the same websites and resources.

Team user rights

A team member with user level 'designer' has designer rights to all team sites.

Shared resources

A team can share resources like images, templates, blocks etc.

Shared configuration

The Tidy UI can be separately configured for each team.

Multi-team and multi-site dashboard

If you belong to multiple teams, you see all websites by all your teams in the same dashboard.

Update multiple sites simultaneously

If your sites use shared resources, you can update all sites simultaneously by updating those resources.

Better search engine rankings

Loads fast

Tidy produces fast loading, static HTML, optimised on the fly by the PageSpeed module

Google PageSpeed index

Websites are optimised to get full points in the Google PageSpeed index.

Fully customizable, unlimited meta tags

Titles, title schemes and meta tags are fully customizable. You can, for example, add Open Graph and Twitter tags, whatever you like.

Automatic Google sitemaps (coming up)

Tidy automatically generates Google sitemaps for easier indexing.

Clean, customizable URLs

Tidy doesn't add any query parameters and you can configure the URLs however you like.

Clean customizable markup

The code in Tidy templates and content blocks is clean and easily indexable like you've written it yourself.

Automatic redirects

If you have multiple domains, Tidy will redirect users and search engines using rel="canonical"

Full source code access

Templates

You have full control over your template code and Tidy doesn't automatically add or remove anything.

Styles

You also have full access to all style files.

JavaScript

You can add any JavaScript you like, Tidy tries to keep out of the way.

Vue.js and JavaScript API

Template markup

Tidy uses Vue.js to populate the template with content. The basic syntax is very simple, but you can also use all advanced Vue features in your templates.

Make your own Vue.js components

Tidy provides a few basic components like lists, but you can also write your own.

Access any content

Tidy provides a JavaScript API that you can use to access your website data when you write your components.

Modern templates

Stunning design

Less stunning in the beginning but an area of focus in the future.

Use for any purpose

All templates can be used with any content blocks and modules and for any kinds of websites (in different industries).

Responsive

Duh!

Fully customizable

You can fully customise any template.

Drag & Drop designing

No coding needed

You can do (almost) anything to your design without accessing the source code.

HTML tree

Easily make changes by adding/dragging/deleting elements in the template’s HTML tree, similar to the browser’s ‘inspect element’.

Block gallery

Tidy provides content blocks that are easy to add and customise.

Module gallery

Tidy has a few native modules like news and products. Eventually, you can pitch in and sell your Tidy modules to other developers.

Local and Global styles

Point & click anything

You can make your website unique in a few clicks as you can edit any LESS/SASS/CSS property/variable without touching code. Some are editable by default, the rest if you create your own UI components (with a few lines of JSON).

Local and global styles

Global styles affect the entire site, local styles just a single element. Neither requires coding.

Save for later

You can one-click save entire themes or parts of them (like a typography or colours) for easy later use. We provide some pre-saved settings to get you started.

White labeling

Appearance

Customise UI logo and colours

Client docs

Get an own version of the client docs customised to your brand

Emails

All emails Tidy sends the client are customised to your brand.

Dynamic despite static HTML

Re-render on schedule (coming up)

You can set content to be published at a specific time and Tidy automatically re-renders the static HTML files at that time.

Dynamic with JavaScript

Tidy lets you add all the JavaScript you like to make the static HTML files more dynamic.

Built in modules

Modules are pages

A module is a collection of pages based on templates with specific fields and components.

Components make pages dynamic

An example is the list component, automatically listing all (news or product) items.

News

News item pages and news list pages.

Products

Product item pages and product list pages.

Everything is customizable

As modules are pages based on templates and the templates are fully customizable, you can change everything. Looks, content and behaviour.

Make your own modules

You can also make your own modules and even your own components. Your custom component could, for example, show different products to different end users.

Built in widgets

Widgets are content blocks

But more advanced blocks than the normal HTML. They use JavaScript to display content and are often embedded from a 3rd party service.

Gallery

Display images in a grid, open a single one on click.

Google Maps

Normal embedded Google maps widget.

Facebook

Facebook page news feed.

Twitter

Twitter timeline.

YouTube

Embed single video from YouTube.

Embed anything

The widgets above are those that can be one-click installed using Tidy’s add content block feature. You can add any other 3rd party widget to Tidy by pasting it into the source code.

Tidy built in pages

Built in pages (coming up)

When you create a site you can choose what pages templates to include. There are templates for About, Team and Contact pages and more coming.

Easy file management

All files available

You have access to every file your site uses.

File tree

Reorder, upload, delete and rename files.

Source editor

Edit text files directly in the editor.

Powerful form handling

Form gallery

There are ready-made forms for normal use cases like contact form and newsletter signup.

Form editor

Build and modify forms with drag & drop.

Custom form validation

You can use the default or write your own functions.

Send as email and save to database (coming up)

Submitted forms are sent by email and will soon also be saved to the database and available in the CMS UI.

Configurable user levels

Three default user levels

Tidy has three default user levels (editor, designer, admin) with preconfigured rights.

Configurable user levels (coming up)

You'll soon be able to create new user levels and specify rights for each user level.

Localisation

Website language versions

Language versions are creating using different root folders (domain.com/en).

Creating new language versions (coming up)

You can copy the page structure of one language and use it as a base for another language.

Linkin pages together (coming up)

You can link pages together so that end users can jump directly to the corresponding page in another language.

UI language versions

Currently Tidy supports English, Finnish and Swedish, but you can easily add languages (or improve our translations) with a simple translation file.

Automatically optimised for fast loading

Static HTML

The end user is served static HTML files and Tidy is only used for editing.

Geographically replicated and optimised (hosted version only)

Tidy uses Amazon S3 to serve the Tidy hosted websites' assets. S3 automatically replicates the assets to 9 geographically distributed locations and serves them from the one closest to the user.

Image optimisation (hosted version only)

Tidy uses the Google Nginx PageSpeed module to automatically create device optimised images, use preview images, create sprites for background images, convert images to a fast loading formats and display small images inline as base64.

CSS optimisation (hosted version only)

The PageSpeed module also optimises the CSS for example by combining multiple files to one and moving styles used on the page inline.

And a lot more (hosted version only)

The PageSpeed module contains about 40 different functions found on the Google developer site

Separate save and publish

Separate save and publish

Saved changes aren't published until you click 'publish'

Version control (coming up)

Every time you click save, a new version is created and you can easily roll back to previous versions.

Scheduling (coming up)

Automatically publish/unpublish content at specific times.

Endless trial

Endless trial

You can work on your site forever and only start paying when you want to publish.

Unpublished websites are password protected

Your unpublished site is visible to unregistered users but requires a password.

Conversion focused analytics

Built-in analytics

Tidy has its own analytics system. Simple in the beginning, but evolving fast.

Add any 3rd party analytics

You can also add any 3rd party analytics (like Google Analytics).

Setting goals and monitoring conversions

We recommend that a goal is set ('fill out contact form' for example) for each website. That enables our analytics to show how well that goal is reached.

More to come

Analytics is an area of special focus. We want to be able to tell the client how much money the website is making, not just how many visitors it gets.