> ## Documentation Index
> Fetch the complete documentation index at: https://docs.quikie.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Quikie CSS Docs

> Create stunning landing pages in minutes with Quikie. Forget about long CSS manual classes, just add Quikie's simple and ready-to-go classes.

## Setup

To get started using Quikie, follow our easy 4-step guide below, where you will learn how to use Quikie

<Card title="Start here" icon="rocket" horizontal={false} href="/get-started">
  Follow our 4-step guide to get started with Quikie!
</Card>

## Understand how it works

Quikie is simpler, makes everything easier and faster for those that don't want to waste time creating the same components again and again.

<Columns cols={2}>
  <Card title="Add classes like names" icon="pen-to-square" href="/classes">
    When coding, you just have to add the classes like you're talking. Classes are easy to remember.
  </Card>

  <Card title="Customize fonts and styles" icon="palette" href="/customize">
    With classes like "font-geist", you just changed the font!
  </Card>

  <Card title="Debug and review" icon="code-simple" href="/dev-tools">
    Using the Dev Tools, you can debug and review your containers and items in your website.
  </Card>

  <Card title="Always evolving" icon="circle-check" href="/updates">
    Quikie will always be up-to-date with the latest trending patterns, styles, structures, etc.
  </Card>
</Columns>

## Create beautiful pages

Everything you need to craft simple landing pages is here.

<Columns cols={2}>
  <Card title="Default components" icon="paintbrush-pencil" href="/classes">
    Lots of variants to adjust your titles, images, icons, etc. with... a class.
  </Card>

  <Card title="Friendly examples" icon="code" href="/examples">
    We made examples so you can learn or copy them and customize the content as you wish.
  </Card>

  <Card title="Grids" icon="grid-2" href="/examples">
    Those modern grids? We got you. With the templates for grids, just copy the one you prefer and start adding your content.
  </Card>

  <Card title="Modals and Notifications" icon="bell-ring" href="/examples">
    Stop using "alert('Hello!')" and add attractive modals and toast notifications to your site by using "quikie.toast('Hello :p!')"
  </Card>
</Columns>