Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

additionalui

additionalui27MIT2.6.0

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

additionalui, html, css, javascript, tailwind, tailwind examples, tailwind components, tailwind components library, tailwind elements, tailwind library, tailwind sections, tailwind css, tailwind ui, tailwind css react, tailwind css nextjs, tailwind css vue, tailwind css nuxtjs, tailwind css angular, tailwind css astro, tailwind css solidjs, tailwind css qwik, tailwind css svelte, tailwind css remix, tailwind css laravel

readme

Hero Image

Logo

Additional UI offers a comprehensive collection of open-source prebuilt UI components, leveraging the utility-first approach of the Tailwind CSS framework.

License: MIT

Why use Additional UI?

Based on the Tailwind CSS utility classes, Additional 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.

Getting Started

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

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

Require via NPM

  1. Install additionalui via npm
npm i additionalui
  1. Include the JavaScript <script> </script> that powers the interactive elements near the end of your <body> tag:
<script src="./node_modules/additionalui/dist/aui.min.js"></script>
  1. Or you can add below script tag directly in your index.html file
<script src="https://unpkg.com/additionalui@2.6.0/dist/aui.min.js"></script>

Components

Hero Image

Blocks

Hero Image

Examples

Hero Image

Templates

Hero Image

Try Editor

Hero Image

Try Playground

Hero Image

Documentation

For full documentation of the additionalui options, visit additionalui.com.

Community

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

License

Additional UI is Open Source project and licensed All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Additional UI, nor vice versa.