A modern, open-source UI kit that's flexible and extendable.
Project | Repository | Demo | Playground |
---|---|---|---|
JupiterUI Source | JupiterUI (you're here) | Source demo | Source playground |
JupiterUI React | JupiterUI-Components | React demo | React playground |
JupiterUI Docs | JupiterUI-Docs | null |
null |
JupiterUI is a front-end UI kit for modern websites. It provides a comprehensive compilation of many useuful CSS rules. Ultimately, it's a design system.
If you're building a modern website with a React-based JavaScript framework (namely Create React App, NextJS, Gatsby, Frontity, etc.), you'll want to use the React Components. If you're building a static website without a framework (namely raw HTML, PHP, Wordpress, etc.), you should use the Source.
Visit the docs to learn how to use it!
The documentation is moderately reductive. Most of the realistic examples can be found in the html/
folder. You see, with how big JupiterUI already is, I don't have the time to write completely comprehensive docs.
With that said, the docs still exist. That is, the source code itself. Since Jupiter uses SCSS, you can easily navigate your way through the src/css
folder to find the classes you're looking for.
Need a border class? src/css/styles/border/*.scss
What about a specific Grid layout? src/css/layout/grid.scss
Or an Animation? src/css/interactive/animation/
Getting to the point, if you have any questions or concerns, please email me at: athenacode [at] protonmail [dot] com