> For the complete documentation index, see [llms.txt](https://nextgencss.gitbook.io/untitled/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextgencss.gitbook.io/untitled/quick-start/get-started.md).

# Get Started

*<mark style="color:red;">"It is not made for replacing existing library , It is made to make websites and UIs faster "</mark>*

## How to Start ?

To start with a basic project check [Set-Up](/untitled/installation/set-up.md) 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

```html
<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>
```

<figure><img src="/files/EBxEcS3CpQ3r9HGKtbU1" alt="output"><figcaption><p>Output</p></figcaption></figure>

### 🔥 Anchor Tag

```html
<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 --!>
```

<figure><img src="/files/JpXodLFQxTcV3bV273iH" alt=""><figcaption><p>Second anchor tag is hovered</p></figcaption></figure>

### 🔥 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>
```

<figure><img src="/files/vQSq75VDXzwm2ijhDgyX" alt=""><figcaption></figcaption></figure>