@turboutils/turbo-ds NPM

Turbo Design System

A simple design system based on PostCSS and CSS Variables.

Install turbo-ds in your project.

npm install @turboutils/turbo-ds

Then import the following CSS files in your application:

import '@turboutils/turbo-ds/dist/turbo-ds.css';
import '@turboutils/turbo-ds/dist/theme-blue.css';

You can replace theme-blue.css with your own custom theme. Simply change the CSS variables to achieve the desired look and feel.

Finally, add the theme class to your <html> tag as shown below:

<html class="theme-blue">
  ...
</html>

You can import multiple themes and switch between them dynamically by changing the class on the html tag.

2 years ago