Metaphor Logo

The New Metaphor UI Kit.

Rapid App Development Is Finally Here.


Santana, v0.12.1-Alpha

Metaphor Text Editor


Metaphor ships with vanilla CSS, but its source code utilizes SASS as a preprocessor. Quickly get started with precompiled CSS or build on top of our source code.

Support For All Devices

Metaphor easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with custom CSS media queries.


Clean semantic markup is important for supporting the needs of every user and with Metaphor we've done exactly that. Help us make the web accessible for everyone.

It's Easy to Get Started.

Working with Metaphor is simple. Start by opening up your command line and running the following:

$ bower install metaphor --save