X
XORS Starter
Next.js + Tailwind + Elysia

Build faster with
modern foundations

A full-stack monorepo starter with Next.js frontend and Elysia backend. Batteries included for rapid development.

Component Library

Pre-built components ready for use

Buttons

Multiple variants and sizes

Icons

SVG icons as React components

Home
Check
Warning
WifiOff

Drop SVGs in /icon-svg and run bun build-icons

Toasts

Notification system with Sonner

Colors

Semantic color tokens

BG
FG
Primary
Secondary
Muted
Accent
Destructive
Border

Spacing

Consistent spacing scale

1
2
3
4
6
8
12
16

Border Radius

Rounded corner tokens

sm
md
lg
xl
full

Typography

Text component with semantic variants

Headings

Heading XL
Heading LG
Heading MD
Heading SM
Heading XS
Heading XXS

Paragraphs

Paragraph XXL - Large display text
Paragraph XL - Subheading text
Paragraph LG - Lead paragraph text
Paragraph MD - Body text for content
Paragraph SM - Secondary text and captions
Paragraph XS - Fine print and labels

Accent (Monospace)

accent-lg: Code blocks and technical
accent-md: Inline code and values
accent-sm: Timestamps and metadata
accent-xs: Fine technical details