Theme

All customized UI core components and theme controls available within the project customized from the best libraries.

Primary

Secondary

Success

Warning

Danger

Background

Content

Foreground

Default

Focus

Buttons

Chip

Solid
Bordered
Light
Shadow
Flat
Faded
Dot

Slider

50

Progress

Progress

Switch

Checkbox

Pagination

RadioGroup

Pick one

Spinner

Badge

J5
3
99+

Accordion

Input

Textarea

InputNumber

InputOtp

InputDate

Date

InputTime

Select

Autocomplete

Dropdown

Tabs

Calendar

Demo calendar, January 2025

2930311234
567891011
12131415161718
19202122232425
2627282930311

Table

NameRoleStatus
AliceAdminActive
BobUserActive

CodeBlock

example.ts
interface User {
  id: string;
  name: string;
  email: string;
}

function greet(user: User): string {
  return `Hello, ${user.name}!`;
}

const user: User = { id: '1' };
const message = greet(user);

export { greet, type User };

Code

npm install @saas/ui-core

Alert

Toast

Tooltip

Modal

Carousel

Skeleton

ThemeToggle

Kbd

K+ShiftEnter

ScrollShadow

Line 1 of scrollable content.

Line 2 of scrollable content.

Line 3 of scrollable content.

Line 4 of scrollable content.

Line 5 of scrollable content.

Line 6 of scrollable content.

Line 7 of scrollable content.

Line 8 of scrollable content.

Line 9 of scrollable content.

Line 10 of scrollable content.

Confetti

ImageZoom

Demo
Fastack Boilerplate - Modern SaaS Starter Template