- added: - REM sizing values now accept classes for sizes `3.5rem` and `3.75rem` - Line height values now accept classes for heights `1.1`, `1.2`, `1.3`, and `1.4` - New `.flex-cr` class for items centered vertically in row direction. This class is equivalent with the following classes: `flex flex-row align-c` - Additional `backdrop-blur-[size]` classes. The full list is now: `'1' '2' '3' '4' '5' '6' '7' '8' '9' '10' '11' '12' '13' '14' '15' '20' '25' '30'` - New `border-color-[color]` classes for colored borders. Example: `.border-color-magenta` for `border-color: var(--magenta-60);` - More Grid gap spacing options. - You can now modify the animation of the `.dynamic-view` component with the same animations that `.j-dropdown-menu` uses. - New `.ellipsis` class which is equivalent to: `text-overflow: ellipsis;` - modified: - Moved `header.css` from `src/assets` to `src/css`
|3 days ago|
|dist||3 days ago|
|examples||2 weeks ago|
|extensions||3 days ago|
|src||3 days ago|
|.gitignore||1 month ago|
|CHANGELOG.md||3 days ago|
|DEVELOPING.md||2 weeks ago|
|Gruntfile.js||3 days ago|
|LICENSE||2 weeks ago|
|README.md||3 days ago|
|index.html||3 days ago|
|package.json||3 days ago|
An elegant and reliable UI kit for web artisans.
JupiterUI is a front-end UI kit for modern websites. It provides a comprehensive compilation of many useuful CSS rules. Jupiter makes it easy to get a web project up and running while maintaining modern aesthetic.
- Built-in, working components by default!
- Zero dependencies!
- Excellent customization support out-of-the-box
- Extension support; so you don't need to modify the source code—only add what you need!
- Advanced colors and themeing system (Dark & Light mode)
- Support for any platform. For React projects, you can use JupiterUI-Components
- Detailed layout system—with lots of support for Flex and Grid layouts.
- Vivus extension, a library for smooth, highly customizeable (via classnames) animations. Built by us.
- Tons of configuration options to choose from.
- (not necessarily a feature per se) released under the MIT license for your flexibility.
- and much more!
Download Jupiter and view the
index.html file (or go to jupiterui.codeberg.page)
View the Wiki to learn how to use Jupiter.
Jupiter is insanely easy to modify. In the Wiki, I've added a few pages on JupiterUI development. You can find the first of these articles here.
If you have any questions or concerns about this project or its trajectory, please email me at: athenacode [at] protonmail [dot] com
Websites made with JupiterUI
Using Jupiter? Submit a PR to add your site to this list.
A very small amount of third-party inspiration and/or code was used in this project.
There are three primary projects to thank: