npmpackage.info

tw-relix

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

1.0.6

MIT

TypeScript

29.53 kB

767

Installations

npm install tw-relix

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

18.19.0

NPM Version

10.2.3 Score

77.1

Supply Chain

84.6

Quality

78.5

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

TypeScript

JavaScript

TypeScript (91.75%)

JavaScript (8.25%)

Developer

ilsyaa

Download Statistics

Total Downloads

767

Last Day

Last Week

Last Month

Last Year

767

GitHub Statistics

2 Stars

7 Commits

1 Watching

1 Branches

1 Contributors

Bundle Size

145.90 kB

Minified

29.53 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.6

Package Id

tw-relix@1.0.6

Unpacked Size

780.86 kB

Size

142.97 kB

File Count

123

NPM Version

10.2.3

Node Version

18.19.0

Publised On

09 May 2024

Total Downloads

Cumulative downloads

Total Downloads

767

Last day

Compared to previous day

Last week

Compared to previous week

Last month

250%

Compared to previous month

Last year

767

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@popperjs/core

Dev Dependencies

dts-bundle-generator prettier source-map-loader terser-webpack-plugin ts-loader typescript webpack-cli

Versions

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

Why use Relix UI?

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

Install relix via npm

npm i tw-relix

Include Relix UI as a plugin in the tailwind.config.js file

module.exports = {
  content: [
    'node_modules/tw-relix/dist/*.js'
  ],
  plugins: [
    require('tw-relix/plugin')
  ],
}

Include the JavaScript <script> that powers the interactive elements near the end of your <body> tag:

1<script src="./node_modules/tw-relix/dist/relix.js"></script>
2<!-- or  -->
3<script type="module">
4  import 'tw-relix'
5</script>

No vulnerabilities found.

No security vulnerabilities found.