Skip to content

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

License

Notifications You must be signed in to change notification settings

jacksoncool/preline

 
 

Repository files navigation

Hero Image

Logo

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

License: MIT

Why use Preline UI?

Based on the Tailwind CSS utility classes, Preline UI's prebuilt components and UI elements help you quickly design and customize responsive mobile-first websites with the components a website needs, including buttons, dropdowns, navigation bars, modals, and more.

What's in the box?

Components are grouped by visual usability criteria (components, navigation, forms, etc.) and styled directly on top of Tailwind CSS, making them easy to extend and customize. This is a lifesaver for developers looking to create a unique and eye-catching design system without the hassle of creating each component by hand.

Getting Started

Quick Setup

This guide will help you get started with Preline UI, including how to run, customize, update, and integrate your project!

First, you need to make sure that you have a working Tailwind CSS project installed and that you also have Node and NPM installed on your machine.

Require via NPM

  1. Install preline via npm
npm i preline
  1. Include Preline UI as a plugin in the tailwind.config.js file
module.exports = {
  content: [
    'node_modules/preline/dist/*.js'
  ],
  plugins: [
    require('preline/plugin')
  ],
}
  1. Include the JavaScript <script> that powers the interactive elements near the end of your <body> tag:
<script src="./node_modules/preline/dist/preline.js"></script>

Documentation

For full documentation of the Preline options, visit preline.co. The site also contains information on the wide variety of plugins that are available for TailwindCSS projects.

Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

Discuss Preline UI on GitHub

License

Preline UI is Open Source project and licensed under MIT for better Web.

Learn more here.

A product of Htmlstream

Preline Ui is built by the team that has customers in the background such us Stanford University, The University of Maryland, University of Victoria and many more Governments, Corporate Agencies.

Our soical network profiles:

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%