Modular UI Component Library For React – SonWan UI

A modular UI component library based on figma design to build your next React Web Application.

Available Components:

• Card
• Card List
• Switch
• Swipe
• Input
• Card Check
• Icons

How to use it:

1. Install and import the SonWan UI.

# Yarn
$ yarn add sonwan-ui

# NPM
$ npm i sonwan-ui

import "sonwan-ui/build/style.min.css";
import SonWan from "sonwan-ui";

2. Basic usage.

const { Input, Switch, Card, CardItem, ListItem } = SonWan;
return (
  <>
    <Input placeholder="Search In Codesandbox" />
    <Card>
      <CardItem
        title="Card Title"
        subtitle="Sub Title"
      />
    </Card>
  </>
);

Previews:

Download Details:

Author: sonnylazuardi

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/sonnylazuardi/sonwan-ui

License: MIT