Divine Star React Components
React components made by Divine Star.
Current Components
- Cards
- Includes types like a blog card and so on.
- Buttons
- Normal buttons with different sizes.
- Fancy buttons with SVG animations.
- Images
- Single images with different sizes and types.
- Image gallery for displaying many images.
- Support for source sets to use the webP format and different sized images.
- Structural Components
- Grid component for easily creating a grid display
- Typography
- Simple easy to use consistent styled text.
Setting The Theme
You can either pass the colors to each component or you can set CSS variables to theme the components.
.my-theme {
--default-color : white;
--default-pre-color : grey;
--primary: rgb(17, 54, 97);
--primary-light-1: rgb(21, 72, 131);
--primary-light-2: rgb(54, 129, 214);
--primary-alt-1: rgb(4, 33, 66);
--primary-alt-2: rgb(4, 27, 54);
--primary-dark: rgba(7, 23, 43, 0.8);
}