Sassaparilla
Please select a boilerplate
Working, please wait
Everything is a-okay!
Foundation
Bootstrap
Get started quicker & build faster with access to a growing selection of popular boilerplates & project templates like Bootstrap, Foundation & Sassaprilla.
Tell me more →Have your own boilerplates?
Add them to Mixture for easy access, keep them private or share your perfect starting point with other Mixture users.
← BackMixture automatically handles preprocessing, minification & concatenation, leaving you to focus on your project rather than the setup.
Tell me more →Sass, LESS, Stylus, CoffeeScript and Compass are all supported with both regular & minified versions of stylesheets & scripts. Images are optimised and Mixture also has built-in support for concatenation.
← Back<h1>
Awesome Site
</h1>
Awesome Site
Awesome
Site
Awesome
Site
Mixture's built-in server enables multi-device testing & debugging by default.
All changes to your project are live & instantaneous across all devices, best of all you don't need to do a thing – no tags to add or setup required, it just works.
Tell me more →As well as live refresh, stylesheet changes are injected.
If you connect multiple-devices and navigate, Mixture will update the other devices to "follow the leader".
← Back{% layout "home" %}
Build your project with simple but powerful HTML template languages.
Mixture gives you powerful features of server-side languages like PHP, .NET or Rails without the install and setup.
Tell me more →Mixture uses Liquid as its default template language, but also supports straight HTML and HAML.
Liquid is essentially HTML with additional tags, it's quick, simple to learn but super powerful – it supports Layouts, Includes and so much more.
← Back{
"title": "New Site"
}{
"title": "Awesome Site"
}New Site
Awesome Site
Mixture uses an intuitive model system.
Working from local and/or online sources, you can architect and build against real data – it’s a powerful and flexible way to keep your project DRY and test your front-end build.
{% collection "blog" %}
<ul>
{% for post in
collection.items %}
<li>
{{ post.title }}
</li>
{% endfor %}
</ul>
{% endcollection %}Awesome Site – Blog
Create a blog or portfolio, Mixture has powerful built-in features that allow you to build and prototype powerful data driven sites — no database required.
There's even a blog boilerplate to get you started in minutes.
Tell me more →Manipulate, paginate and query collections of data throughout your project. You can work with multiple collections and collection items can be authored in Markdown, Haml or Liquid.
← BackPublishing project
Everything is a-okay!
Publish your project online. It’s as easy as one click. Share your published URL, password protect, get feedback, client sign-off or even add your own domain and host your site.
Tell me more →Publish unlimited projects and updates. You'll get a unique URL per project based on your username, alternatively you can add your own custom domain.
* All online services are subject to a fair usage policy.
← BackConvert to HTML
Available tools
Working, please wait
Everything is a-okay!
Browserstack
Mixture has a tools section built-in, these tools allow you to convert your project to static HTML, browser test in the cloud with Browserstack, FTP and even GitHub Pages integration.
The tools section is designed to be extended and more tools are planned.
assets/sass
assets/css
assets/js
localhost:8888
Everything is a-okay!
Mixture is in simple mode
Any type of project can benefit from Mixture’s features, they're not exclusive to Mixture projects.
Mixture can work with other servers (eg. Mamp, Wamp and more) this means you can use many of Mixture's features on your current projects with your current workflow.
Tell me more →An example usage of simple mode would be a Wordpress project. If you enable Mixture you can benefit from features such as multi-device and preprocessing with minimal setup.
← BackMixture packages together the best front-end development tools and practices into a quick and easy to use Mac & Windows application.
Getting started is easy, simply download the application and start building! you'll be prompted to purchase once your 14 day trial period has completed.
You'll need an account to purchase Mixture — login or create an account.
"As a front-end dev, I want to follow best practices and automate as much as possible. With Mixture, I don't even have to think about those things as they're built in to the local and server environments." Dan Denney