Selia
  • Documentation
  • Components
  • Blocks
  • GitHub
Prologue
  • Introduction
  • Installation
  • Design Approach
  • Customization
Components
  • Accordion
  • Alert
  • Alert dialog
  • Autocomplete
  • Avatar
  • Badge
  • Button
  • Card
  • Checkbox
  • Chip
  • Collapsible
  • Combobox
  • Command
  • Dialog
  • Divider
  • Field
  • Fieldset
  • Form
  • Heading
  • Icon box
  • Input
  • Input group
  • Item
  • Kbd
  • Label
  • Menu
  • Menubar
  • Meter
  • Number field
  • Pagination
  • Popover
  • Preview card
  • Progress
  • Radio
  • Scroll area
  • Select
  • Separator
  • Sidebar
  • Slider
  • Spinner
  • Stack
  • Switch
  • Table
  • Tabs
  • Text
  • Textarea
  • Toast
  • Toggle
  • Toggle group
  • Toolbar
  • Tooltip

Installation

Setting up Selia for your project.

Heads Up

Selia is available for early use and still needs extensive testing. Production use is not recommended.

Framework Guides

We provide installation guides for the following frameworks. Select the framework you are using to get started.

Vite
Vite

Lightning-fast frontend tooling for modern web development

React Router
React Router

User-focused, standards-based fullstack router deployable anywhere

TanStack Start
TanStack Start

Type-safe fullstack React framework built on TanStack foundations

TanStack Router
TanStack Router

A powerful React router for client-side and full-stack react applications

Next.js
Next.js

Fullstack React framework with routing, SSR, and built-in optimizations

Manual

If your framework is not listed, you can follow the manual installation guide.

React
Manual Guide

Manual instructions for installing Selia in your React application.

  1. Installation
    1. Framework Guides
    2. Manual
IntroductionDesign Approach

On this page