A UI Libary for building accessible web apps and design systems with SolidJS.

✨ Features

• 📦 A set of high-quality SolidJS components out of the box.
• 🛡 Written in TypeScript with predictable static types.
• 🌍 Internationalization support for dozens of languages.
• 🎨 Powerful theme customization based on CSS-in-JS.

📦 Install

npm install xonic

yarn add xonic

pnpm add xonic

bun add xonic

vite

pnpm add @vanilla-extract/vite-plugin

import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
import { defineConfig } from 'vite'
import solid from 'vite-plugin-solid'

export default defineConfig({
    plugins: [
        solid(),
        vanillaExtractPlugin(),
    ],
})

🔨 Usage

import { Button } from 'xonic/button';

export default () => (
  <>
    <Button type="primary">PRESS ME</Button>
  </>
);