Feather UI is a free-to-use, lightweight component library which can help you develop your website faster by using out predefined components.
- HTML
- CSS
To install simple copy and paste below code in your head
tag of html above all other stylesheets
<script src="https://kit.fontawesome.com/bbbaa28fd5.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://feather-design.netlify.app/Components/main.css" />
The script tag here is to import the font awesome icon kit used in the library. You can use the icon you want from Font Awesome just by adding class names to the i
tag.
- Alert
- Avatar
- Badge
- Button
- Card
- Colors
- Grid
- Image
- Input
- List
- Modal
- Navigation
- Rating
- Toast
- Text Utilities
To use any components copy the code snippet given below each example from the documentation website. Some of the components use Javascript for functionality. Although Feather UI does not provide Javascript, code snippets for Javascript are provided.