The-CSS-Yard

The CSS Yard is a Component library built using HTML and Vanilla CSS to build the UI faster for web pages

Technologies used

• HTML
• Vanilla CSS

Version

• 1.0

Components

• Alert
• Avatar
• Badges
• Buttons
• Cards
• Image
• Input
• Navbar
• List
• Rating
• Toast
• Typography
• Grid
• Modal

Live Link

The CSS Yard

Screenshot

HomePage

• Light Mode

  

• Dark Mode

How to Use?

• Include CSS file mentioned below in your head tag of html file. And you are ready to use this file.
• <link rel="stylesheet" href="https://thecssyard.netlify.app/CSS/style.css">

or you can import the below url in the css file

• @import url("https://thecssyard.netlify.app/CSS/style.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.