@lilarest/ui NPM

Rest UI

A versatile skeuomorphic and minimalist design system library for Tailwind and NextJS.

Installation

Starts a new Next+Tailwind project using bunx create-next-app@latest or ensure you've the following dependencies installed react react-dom", typescript, tailwindcss, postcss, autoprefixer
Apply RestUI to your next.config.mjs file.

// @ts-check
import { withRestUI } from "restui/lib/next.mjs";

/** @type {import('next').NextConfig} */
const nextConfig = {};

export default withRestUI(nextConfig);

Apply RestUI to your tailwind.config.ts file. The number parameter passed to initRestUI() is the hue of your brand's primary color.

import type { Config } from "tailwindcss";
import { initRestUI } from "restui/lib/tailwind";

const config: Config = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  plugins: [initRestUI(197)],
};
export default config;

Apply RestUI to your .eslintrc.cjs file.

import { restUIRecommended } from "restui/lib/eslint.cjs";
module.exports = restUIRecommended;

Known issues

Broken dynamic Tailwind `text-` classes

This is caused by this issue of the tailwindcss-leading-trim which implements a polyfill for the upcoming CSS leading-trim property.

With this issue, text-[3rem] will for example be rendered as:

.\!text-\[3rem\] {
    color: 3rem !important;
}

TOADD

Optimized to run on Cloudflare Pages
Don't forget to enable the zone of your domain in Cloudflare Images, else images will be broken after deployment
component in layout.tsx
Customization of the heightRatio, fontSizeRatio, radiusRatio, paddingRatio, etc.

@hugeicons/react @radix-ui/react-accordion @radix-ui/react-dialog @radix-ui/react-select @radix-ui/react-separator @radix-ui/react-slot @radix-ui/react-switch @radix-ui/react-tooltip @radix-ui/react-visually-hidden chroma-js class-variance-authority clsx lodash tailwind-merge tailwindcss-animate tailwindcss-capsize vaul

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

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

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

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

Rest UI

Installation

Known issues

Broken dynamic Tailwind text- classes

TOADD

Broken dynamic Tailwind `text-` classes