Getting Started
Installation Colours Typography UtilitiesComponents
Alert Avatar Badge Button Card Drawer Grid Image Input Lists Navigation Modal Slider Rating ToastRhythm is a free, open source framework that allows you to design and build web Apps faster by providing a range of reusable components.
RYHTHM - ADDING RHYTHM TO YOUR CODE
Before you proceed, add the below link in the
<head> tag of your html
code to get all the features.
<link
rel="stylesheet"
href="https://ui-rhythm.netlify.app/components.css"
/>
Note: There are elements which might require Javascript but they are not present in the library since it will be difficult to accomodate everyone's requirements and customiation will be difficult. Hence, the user will have to code their own Javascript.
This library uses fonts and icons from Google fonts and Material Design. The Google fonts are already imported when you import the CSS library link mentioned above. But for the same user experience, do include the below link which is for the various icons.
<link
href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|
Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
rel="stylesheet">
For every component, we have tried our best to provide you with variable versions so that there is very less customisation which is required by you. But if you want to specifically change the styling of a few elements in the component, you can use our utility classes too which will help you customise your code the way you want. And if you're still not satisfied with the styling, you can define your own classes and override styles which you want to change