https://github.com/svar-widgets/react-core
React library of essential UI components and form controls
https://github.com/svar-widgets/react-core
react react-components react-ui-components react-ui-library reactjs reactjs-components svar-ui ui-components ui-library
Last synced: 24 days ago
JSON representation
React library of essential UI components and form controls
- Host: GitHub
- URL: https://github.com/svar-widgets/react-core
- Owner: svar-widgets
- License: mit
- Created: 2025-09-10T09:25:44.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-09-26T09:01:54.000Z (about 1 month ago)
- Last Synced: 2025-09-26T09:39:10.830Z (about 1 month ago)
- Topics: react, react-components, react-ui-components, react-ui-library, reactjs, reactjs-components, svar-ui, ui-components, ui-library
- Language: JavaScript
- Homepage: https://svar.dev/react/core/
- Size: 138 KB
- Stars: 20
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license.txt
Awesome Lists containing this project
README
# SVAR React Core | UI Component Library
[Website](https://svar.dev/react/core/) • [Getting Started](https://docs.svar.dev/react/core/getting_started/) • [Demos](https://docs.svar.dev/react/core/samples/#/calendar/willow)
[](https://www.npmjs.com/package/@svar-ui/react-core)
[](https://github.com/svar-widgets/core/blob/main/license.txt)
[](https://www.npmjs.com/package/@svar-ui/react-core)
**SVAR React Core** is a lightweight, fast, and mobile-friendly React component library that offers 20+ reusable, pre-styled UI components. It includes form controls, popups, date & time pickers, toast notifications, and more. All components are customizable, support light and dark themes, and come with full TypeScript support.
The library is fully compatible with React 18 and 19.
Along with the **Core** library, you can use the following SVAR React components to build a unified app interface:
- [Menu](https://github.com/svar-widgets/react-menu) - create basic menu bar, actions or context menu;
- [Toolbar](https://github.com/svar-widgets/react-toolbar) - create button and icon panels with configurable, responsive layouts;
- [Tasklist](https://github.com/svar-widgets/react-tasklist) - basic to-do list component to add, edit, check or delete tasks;
- [Comments](https://github.com/svar-widgets/react-comments) - nice-looking comments section with bubbles or flow views;
- [File uploader](https://github.com/svar-widgets/react-uploader) - simple file uploader component.
### :hammer_and_wrench: How to Use
To start using the components from the **Core** package, simply import the package and include the desired component in your React file:
```jsx
import { Button } from "@svar-ui/react-core";
import "@svar-ui/react-core/all.css";
const myComponent => (Click me);
```
See the [getting started guide](https://docs.svar.dev/react/core/getting_started/) to quickly set up and begin using SVAR Core components in your React projects.
### :speech_balloon: Need Help?
[Post an Issue](https://github.com/svar-widgets/react-core/issues/) or use our [community forum](https://forum.svar.dev).