# Welcome to Preline AI

Your AI-powered copilot for the web

- ## How can we help?

  You can ask questions like:

  - What's Preline UI?
  - How many Starter Pages & Examples are there?
  - Is there a PRO version?

- what's preline ui?

  AZ

- Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

  Here're some links to get started

  - Installation Guide
  - Framework Guides

- what's preline ui figma?

  AZ

- Preline UI Figma is the largest free design system for Figma, crafted with Tailwind CSS styles and Preline UI components with extra top-notch additions.

  With the features like:

  - 12-column Grid System
  - Easily find UI elements
  - Variants and Properties
  - Tailwind CSS Color styles
  - Auto layout and constraints

- create a table example with preline using avatars, badges and progress bars

  AZ

- Hold on a sec...

  Name | Status | Portfolio | Created
  --- | --- | --- | ---
  Christina Bersh christina@site.com | Active | 1/5 | 28 Dec, 12:12
  David Harrison david@site.com | Warning | 3/5 | 20 Dec, 09:27
  A Anne Richard anne@site.com | Active | 5/5 | 18 Dec, 15:20
  Samia Kartoon samia@site.com | Active | 0/5 | 18 Dec, 15:20

- show me the code

  AZ

- Of course!

  <table class="min-w-full divide-y divide-gray-200 dark:divide-neutral-700"> <thead class="bg-gray-50 dark:bg-neutral-800"> ...

- quiz me about tailwindcss

  AZ

- Sure!

- generate 3-dimensional abstract images

  AZ

- Here you go...

- what's tailwindcss?

  AZ

- Tailwind CSS is an open source CSS framework. The main feature of this library is that, unlike other CSS frameworks like Bootstrap, it does not provide a series of predefined classes for elements such as buttons or tables.

  - Get started with Tailwind CSS
  - Tailwind CSS Installation guide

- 2 files uploaded

  - resume_web_ui_developer.csv
  - coverletter_web_ui_developer.pdf
  AZ