Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

kickstand-ui

1.15.1 • Public • Published

kickstand logo

Kickstand UI

The Design System You Can Use Everywhere

Kickstand UI is a Design system and pattern library built with Web Components, so you can use them anywhere without having to worry about framework compatibility (we have worked hard to make sure of that)!

Check out the Docs →

Installation

CDN

<link rel="stylesheet" href="https://unpkg.com/kickstand-ui/dist/kickstand-ui/kickstand-ui.css" />
<script src="https://unpkg.com/kickstand-ui/dist/kickstand-ui.js"></script>

Package Manager

npm install --save kickstand-ui
 
# or 
 
yarn add kickstand-ui

Add To Your Project

import { applyPolyfills, defineCustomElements } from 'kickstand-ui/loader';
 
// Apply the polyfills and bind the custom elements to the window object
applyPolyfills().then(() => {
    defineCustomElements();
});

Styles

Kickstand UI was written using SASS and to take advantage of all of the built-in tooling and customization capabilities you should plan on using it in your project. You can import them into your project from kickstand-ui/src/scss/styles.scss. If not you can always use the compiled CSS located in kickstand-ui/dist/kickstand-ui/kickstand-ui.css.

Framework Integrations

Once you have installed Kickstand UI, check out the documentation on how to implement it into your favorite framework:

Install

npm i kickstand-ui

DownloadsWeekly Downloads

176

Version

1.15.1

License

MIT

Unpacked Size

3 MB

Total Files

717

Last publish

Collaborators

  • avatar