A CSS component library which makes your life easy by taking care of your styling needs

Live demo preview: https://dreamui-v2.netlify.app/

To use dreamUI in your project,copy the link given below and paste it in the "head" tag of your html,above all other style sheets.

<link rel="stylesheet" href="https://dreamui-demo.netlify.app/dreamui-v1.css">

1. Use the Installation link in head tag of your html code
2. Copy Paste the code snippets or use your own code snippets
3. Use CSS classes to style your components
4. You can always customize and remould the style for yourself
5. Go through Documentation

DreamUI component library contains following components which you can reuse:

• Primary
• Secondary
• Success
• Warning
• Error

• Round
• Square

• Icons
• Text
• Avatar

• Default
• Outline
• Disabled
• Link
• Floating Action
• Icon

• Card with Text
• Horizontal Card
• Vertical Card
• Card with Shadow
• Card with Badge
• Card with Dismiss

• Responsive Image
• Round Image

• Input with label (success, error validation)
• Radio Inputs
• Checkbox Input

• Navigation bar for websites and web apps

• Headings
• Font Weight

• Baseline
• Leading
• Stacked