Add-ons: getting started
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
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!
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
<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.