Selia
  • Documentation
  • Components
  • Blocks
  • GitHub
Prologue
  • Introduction
  • Installation
  • Design Approach
  • Customization
Components
  • Accordion
  • Alert
  • Alert dialog
  • Autocomplete
  • Avatar
  • Badge
  • Breadcrumb
  • 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.

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

Community Guides

We also have community-maintained installation guides and starter kits for the following frameworks.

Laravel
Laravel

Laravel Starter Kit built on top Laravel Breeze and Selia UI Library

By @yuisa-scarlet

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. Community Guides
    3. Manual
IntroductionDesign Approach

On this page