U & I

Component Library to build UI faster.

Version 2: Dark mode is added, now all the components support dark mode

This component library is built with html, css and vanilla js. All the components are ready with css, to create your own app faster. Just copy paste the code and you are ready to fill your content.

App has examples, code snippets and live demos for all the components.

How to Use?

• Include CSS file mentioned in installation section in your head tag of html file. And you are ready to use this file.

  • Version 1: Version 1 has light theme. To use this include below code in your html head tag

  <link rel="stylesheet" href="https://u-and-i.netlify.app/Components/u-and-i.css">

  • Version 2: Version 2 has light theme and dark theme.

    To use light theme include below code in your html head tag

    <link rel="stylesheet" href="https://u-and-i.netlify.app/Components/u-and-i-v2.css">

    To use dark theme include below code in your html head tag

    <link rel="stylesheet" href="https://u-and-i.netlify.app/Components/u-and-i-v2-dark-theme.css">

• Documentation will help you to understand look and feel of the components.

• In Documentation, example's html code is written, you can directly copy and paste in your html file.

• You can also create combinations of components by adding appropriate class to your html elements.