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?
  • AZ

    what's preline ui?

  • 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

  • AZ

    what's preline ui figma?

  • 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
  • AZ

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

  • Hold on a sec...

    Name
    Status
    Portfolio
    Created
    Avatar
    Christina Bersh christina@site.com
    Active
    1/5
    28 Dec, 12:12
    Avatar
    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
    Avatar
    Samia Kartoon samia@site.com
    Active
    0/5
    18 Dec, 15:20
  • AZ

    show me the code

  • 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"> ...
  • AZ

    quiz me about tailwindcss

  • Sure!

  • AZ

    generate 3-dimensional abstract images

  • Here you go...

    Deep Learning
    Deep Learning
    Deep Learning
    Deep Learning
  • AZ

    what's tailwindcss?

  • 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.

  • AZ

    2 files uploaded

    • resume_web_ui_developer.csv
    • coverletter_web_ui_developer.pdf