🌈
NextGenCSS
  • 🔥NextGenCSS🔥
    • How to Contribute ?
  • Installation
    • Install and Use
    • Set Up
    • React
  • 🌟Quick Start
    • Get Started
    • Optimizations
    • Breakpoints
    • Colors
    • Buttons
    • BackGround Color
    • Border
    • Font
    • Icons
  • 🧩Components
    • Box
    • Card
    • Footer
    • NavBar
    • Switch
  • ⚒️Utilities
    • Display
    • Align
    • Center
    • Flex
    • Left
    • Right
    • Padding
    • Margin
    • Grid
    • Scale
  • forms
    • Input Box
  • ☺️Releases and Changelog
    • 0.0 🔥🔥 1st Release
Powered by GitBook
On this page
  • How to Start ?
  • Basic CSS
  • Examples🔥
  • 🔥 Heading tags
  • 🔥 Anchor Tag
  • 🔥 List Example

Was this helpful?

Edit on GitHub
  1. Quick Start

Get Started

NextGenCSS is a powerful CSS library which will help you to code faster in short time

Last updated 1 year ago

Was this helpful?

"It is not made for replacing existing library , It is made to make websites and UIs faster "

How to Start ?

To start with a basic project check Set-Up page to make first website with NextGenCSS🔥

Basic CSS

In NextGenCSS we mostly have default CSS and some custom HTML tags for faster development and make it feel like React components.

Examples🔥

🔥 Heading tags

<h1>This is h1 tag</h1>
<h2>This is h2 tag</h2>
<h3>This is h3 tag</h3>
<h4>This is h4 tag</h4>
<h5>This is h5 tag</h5>
<h6>This is h6 tag</h6>

🔥 Anchor Tag

<a href="#">This is an anchor tag</a>
<a href="#" class="link">This is an anchor tag</a> <!-- It will how gray color oh hover --!>

🔥 List Example

Unordered List are same as Ordered List by Default

<ul>
<li>li 1</li>
<li>li 2</li>
<li>li 3</li>
</ul>
<ol>
<li>li 1</li>
<li>li 2</li>
<li>li 3</li>
</ol>
🌟
Output
Second anchor tag is hovered
output