DNSimple platform

The platform

Add-ons: getting started

Add-Ons: Reference

UI Guidelines

As we started developing add-ons at DNSimple, we adopted a series of UI components that we suggest you become familiarized with. They can help you speed up delivery and improve the experience of your add-on.

We provide two flavors of our CSS: one without dependencies, called dnsimple-standalone, and another one that comes bundled with the Tachyons CSS framework called dnsimple-tachyons.

Standalone CSS

The standalone version is great if you just want to use the DNSimple styles on top of your own CSS styles or framework. All of our CSS classes are prefixed with dn- to avoid any conflict with the existing CSS in your project. And it’s only 4KB!

Bundled with Tachyons

If you don’t have a CSS framework of choice and want to give Tachyons a try (you should), then dnsimple-tachyons is the perfect bundle for you.

The fastest way to get started is to use our CDN. The latest version is 1.0.0.

<link rel="stylesheet" href="https://addon-ui.dnsimple.com/css/dnsimple-tachyons-1.0.0.min.css">

If you are new to Tachyons, we wrote a 5 minute introduction.

When you are ready, browse the UI component list.