neokit
An Astro component library built on DaisyUI and Tailwind CSS v4.
Zero-config integration. Drop in and go.
What's included
Astro Integration
One-line setup. Add neokit() to your astro.config.mjs and Tailwind v4 + DaisyUI are automatically injected — no manual CSS imports.
DaisyUI Components
61 components across 7 categories — all built on DaisyUI v5 with semantic class names and full theme support out of the box.
Tailwind v4
Built on Tailwind CSS v4 with the Vite plugin. Lightning-fast builds, zero config, no tailwind.config.js required.
Themeable
Light and dark mode built in. All 30+ DaisyUI themes available with a single config option — no extra setup needed.
Quick start
Install
bun add @ppreeper/neokitConfigure
// astro.config.mjs
import neokit from '@ppreeper/neokit'
export default defineConfig({
integrations: [neokit()]
})Use
import Button from
'@ppreeper/neokit/components/Button.astro'
<Button color="primary">
Hello world
</Button>Component categories
Actions
Buttons, dropdowns, modals, swaps
5 components →Data Display
Cards, tables, badges, stats, timelines
15 components →Navigation
Menus, tabs, breadcrumbs, pagination
7 components →Feedback
Alerts, toasts, loading, progress
6 components →Data Input
Inputs, selects, checkboxes, toggles
9 components →Layout
Hero, drawer, divider, footer, stack
9 components →Mockup
Browser, phone, code, window frames
4 components →