@tekminewe/mint-ui NPM

Mint UI (Under developement)

The UI library that leverage radix-ui as the base and add consistent behaviour to the components.

It has successfully power the following website:

tekminewe.com
onsentalent.com

Usage

Install the package

$ pnpm add @tekminewe/mint-ui

Import the CSS styles at the root of your application

import "@tekminewe/mint-ui/styles.css";

Update your tailwind.config.ts to include the plugin and path:

import type { Config } from "tailwindcss";
import mintPlugin from "@tekminewe/mint-ui/tailwind-plugin";

const config: Config = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/@tekminewe/mint-ui/**/*.js", // Add this line
  ],
  theme: {
    extend: {},
  },
  plugins: [mintPlugin()], // Include the plugin
};
export default config;

Wrap your root Client component with the Theme component.

"use client";

import { Theme } from "@tekminewe/mint-ui/theme";

function App() {
  return (
    <Theme>
      <YourRootComponent />
    </Theme>
  );
}

Import the components you need

import { Button } from "@tekminewe/mint-ui/button";

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

6 months ago

8 months ago

8 months ago

10 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago