Getting Started
Add the ByJT UI Kit to your project in 2 minutes.
Prerequisites
- Astro (^6.1+) or any project using Tailwind CSS 3
- Tailwind CSS 3.4+ with
@astrojs/tailwind - Node.js 22+
Step 1: Add the Preset
In your tailwind.config.mjs:
import { preset } from './byjt-preset.js';
export default {
presets: [preset],
content: ['./src/**/*.astro'],
}; Step 2: Import CSS
In your layout or global stylesheet:
import '@byjt/ui/web/css';Step 3: Add Google Fonts
In your <head>:
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap" rel="stylesheet" />Done!
You're ready to use components. Here's a quick test:
Card component