SVAR React Core | UI Component Library

Website • Getting Started • Demos

SVAR React Core is a lightweight React component library that provides 30+ reusable, pre-styled UI components, including form controls, buttons, selects, popups, date & time pickers, toast notifications, and more.

The somponents are customizable, support light and dark themes, and include full TypeScript support. The library is compatible with React 18 and 19.

Along with the Core package, you can use the following SVAR React components to build a unified app interface:

• Menu - create basic menu bar, actions or context menu;
• Toolbar - create button and icon panels with configurable, responsive layouts;
• Tasklist - compact to-do list component to add, edit, check or delete tasks;
• Comments - nice-looking comments section with bubbles or flow views;
• File uploader - simple file uploader component.

🛠️ How to Use

Install the Core library via npm:

npm install @svar-ui/react-core

To start using the components from the Core package, simply import the package and include the desired component in your React file:

import { Button } from "@svar-ui/react-core";
import "@svar-ui/react-core/all.css"; // required styles

function App() {
  return <Button>Click Me</Button>;
}

See the getting started guide to quickly set up and begin using SVAR Core components in your React projects.

💬 Need Help?

Post an Issue or use our community forum.