Modular UI Component Library For React – SonWan UI

Description:

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:

SonWan UI Switch

SonWan UI Switch

SonWan UI Swipe

SonWan UI Swipe

SonWan UI Card Check

SonWan UI Card Check

SonWan UI Input

SonWan UI Input

Add Comment