/component-collection-site

A component library built purely using HTML and CSS.

Primary LanguageHTML

Lazy Library

Lazy Library is a open source free framework to build attractive Websites.

Tech Stack Used


This is made with pure HTML and CSS


Live Project Link

Lazy Library

Installation

To Get these styled components, you have to insert this link inside the head tag of your HTML page.

<link rel="stylesheet" href="https://lazylibrary.netlify.app/components.css">

Components available in Lazy Library

  • Avatar
  • Alert
  • Badge
  1. Badge on Icons
  2. Badge on Avatars
  • Button
  1. Primary
  2. Link
  3. Icon Button
  4. Floating Action Button
  • Card
  1. Cards with badges
  2. Cards with dismiss
  3. Cards with text overlay
  4. Text only cards
  5. Vertical/Horizontal cards
  6. Cards with shadow
  • Image
  1. responsive image
  2. round image
  • Input
  1. textbox
  2. with validation and errors style

  • Text Utilities
  1. headings
  2. small text
  3. gray text
  4. center text
  • Lists
  1. Spaced (normal lists)
  2. Stacked (Notification Page)
  • Navigation
  1. Desktop (Simple)