Mixture

A rapid prototyping and static site generation tool for designers and developers

Mixture brings together a collection of awesome tools and best practices. It's quick, no-fuss, super-powerful and works with your favourite editor.

1

Get started in no time

Select a boilerplate to get started quickly & easily with minimal fuss. You can favourite or even create your own — share your perfect starting point.

2

Features and tools

Work in your editor of choice whilst benefiting from all of Mixture's features...

  1. Simple but powerful templating — Server side language not required

    Mixture uses Liquid for templating but also supports straight HTML. Liquid is quick & simple to learn but super powerful, it supports Layouts, Includes and so much more. We're also adding support for languages like HAML.

  2. Preprocessing, Minification, Concatenation & Optimisation

    Automatic support for preprocessing Sass, LESS, Stylus, CoffeeScript and Compass. Minified versions of stylesheets and scripts are created automatically, images are optimised and Mixture also has built-in support for concatenation.

  3. Live refresh, style injection & instant multi-device testing

    Mixture enables live refresh, style injection & multi-device testing easily. All changes live across all connected devices. We've also built in a feature we call "follow the leader" so all connected devices will follow the device being driven.

  4. Models & Data

    Mixture uses an intuitive model system. Architect and build against real data — it's a powerful and flexible way to keep your project DRY and test your front-end build.

  5. Debug, Validate & Lint

    Mixture will flag and inform you of any issues while you work, we've built in tools to help you debug your project. There's even a nifty Chome extension to help debug your preprocessed styles!

  6. Services

    We're working on lots of cool integrations for Mixture. The first of these is BrowserStack which enables you to view and test your local site on browsers & devices in the cloud.

3

Publish online

It's as easy as one click. Share your published URL, get feedback, client sign-off or even add your own domain.

  1. There's so much more to Mixture

    If you're interested please read the docs for the full lowdown, watch the tutorials & screencasts or follow us on Twitter for updates.

  2. Want to use Mixture with any project?

    We wanted everyone to benefit from the features Mixture offers, such as live refresh, style injection and multi-device testing. So we built in a feature called 'simple' mode. This allows Mixture to work with other environments such as Mamp, Rails, .NET and more.

Mixture is currently a beta application

We're busy building out the service & features and so Mixture will be free during the Beta period, we will announce more on our pricing very soon.

Download Mixture for Mac (10.7+) Download Mixture for Windows (7+) Get the Mixture Chrome Extension

Mixture Windows requires that you have .NET 4.5 installed. Download from Microsoft.