Welcome to Basix

A lightweight, framework-free component library built with plain HTML, CSS, and TypeScript. Pick a component from the sidebar to explore its API and examples.

Where to start

Foundation

Grid, typography, colors, icons

Forms

Inputs, pickers, validation

Overlays

Modal, popover, tooltip, toast

Charts

Area, bar, column, line, pie

Installation

npm install @dodlhuat/basix

Basic setup

<!-- In your HTML head -->
<link rel="stylesheet" href="node_modules/@dodlhuat/basix/css/style.css">

<!-- In your JS -->
import { Popover } from '@dodlhuat/basix/js/popover.js';
import { Toast }   from '@dodlhuat/basix/js/toast.js';