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:

SonWan UI Card

SonWan UI Card

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

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

You Might Be Interested In:

Add Comment