C
CanxJS
v1.6.2
  • Learn
  • Blog
  • Showcase
C
CanxJS

Ultra-fast async MVC backend framework for Bun. Build production-ready APIs with elegance and speed.

Resources

  • Documentation
  • Learn
  • Blog
  • Showcase

Documentation

  • Introduction
  • Installation
  • Core Concepts
  • CLI Commands
  • API Reference

Legal

  • Privacy Policy
  • Terms of Service

© 2026 CanxJS. All rights reserved.

Built with ❤️ for Candra Kirana

Components

UI Components

Beautiful, accessible UI components for building modern web applications. Designed for CanxJS with dark mode support and full customization.

Features

Dark mode support out of the box
Fully accessible (WCAG 2.1)
TypeScript-first with full types
Customizable with CSS variables
Responsive by design
Lightweight and tree-shakeable

Quick Start

Get started by installing the UI components package.

Terminal
bun add @canxjs/ui
View full installation guide

Components

Button

Interactive button with variants

Input

Text input with validation states

Card

Flexible content container

Badge

Status and label indicators

Alert

Feedback and notification messages

Modal

Dialog and overlay components

Table

Data tables with sorting

Label

Form field labels

Usage

Example.tsx
import { Button, Card, Badge } from "@canxjs/ui";

export function Dashboard() {
  return (
    <Card>
      <Card.Header>
        <h2>Welcome to CanxJS</h2>
        <Badge variant="success">Active</Badge>
      </Card.Header>
      <Card.Content>
        <p>Build amazing applications with CanxJS.</p>
      </Card.Content>
      <Card.Footer>
        <Button variant="primary">Get Started</Button>
        <Button variant="outline">Learn More</Button>
      </Card.Footer>
    </Card>
  );
}

Get Started

Install the components and start building beautiful UIs.