Blookie-ui NPM

Blookie UI

Blookie is a Tailwind CSS plugin that provides a collection of ready-to-use components to help you build React applications faster. It's lightweight, purely CSS, and it integrates seamlessly with Radix UI Primitives, enabling you to build beautiful and fully accessible user interfaces with minimal effort.

Documentation

For full documentation, visit blookie.io

List of Components

more coming soon...

Installation

1. Install npm package

Add Blookie-ui as a development dependency:

npm install -D blookie-ui

2. Update Tailwind Config

Include Blookie-ui in your tailwind.config.js file:

module.exports = {
  content: ["./src/**/*.{html,js}"],
  plugins: [
    require("blookie-ui"), // Add the Blookie-ui plugin
  ],
};

3. Include Fonts

Blookie-ui uses Inter as the default font. Add it to the \<head> section of your HTML. For details about changing the default font, see the customization guide.

<html>
  <head>
    <link rel="preconnect" href="https://fonts.bunny.net" />
    <link
      href="https://fonts.bunny.net/css?family=inter:100,200,300,400,500,600,700,800,900"
      rel="stylesheet"
    />
  </head>
</html>

4. That's it!

You can now start using Blookie in your projects.