Design elegant looking UI with shuttle speed.
Shuttle UI, an open source CSS framework to help you build beautiful web interfaces faster. Create beautiful webpages in no time.
To get started with Shuttle UI you need to include it's CSS inside head of your HTML file
<link rel="stylesheet" href="https://shuttleui.netlify.app/components/components-styles/shuttleUI-main.css">Some components like modals, rating and snackbar will require Javascipt to work. To add javascipt you need to add Shuttle UI js in your script tag
<script src="https://shuttleui.netlify.app/components/componentsJS/shuttleui-script.js"></script>- For more details visit our Getting Started Guide
| COMPONENTS | LINK TO DOCUMENTATION |
|---|---|
| Alert | Read alert documentation |
| Avatar | Read avatar documentation |
| Badge | Read badge documentation |
| Button | Read button documentation |
| Card | Read card documentation |
| Image | Read image documentation |
| Input | Read input documentation |
| Text Utilities | Read text utilities documentation |
| Lists | Read lists documentation |
| Navbar | Read navbar documentation |
| Modal | Read modal documentation |
| Rating | Read rating documentation |
| Snackbar | Read snackbar documentation |
| Grid | Read grid documentation |
To learn about the components in details you can visit our documentation site.
This project is used in the following websites: