La Danze UI 🔴⚫

React library that provides a clean UI and facilitates animations and building forms.
The main purpose of this project is to learn react and some other useful tools (vite, docusaurus, tsdx, auto semantic-release, github pages, gihtub actions).

Installation

# npm
npm install la-danze-ui

# yarn
yarn add la-danze-ui

Peer dependencies

material-ui (next):
- @material-ui/core@next
- @emotion/react
- @emotion/styled
react-router-dom
framer-motion
react-hook-form

Quickstart

Just a quick example that shows how to apply La Danze UI theme to your app:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button, Paper, Typography } from "@material-ui/core";
import { Theme  } from 'la-danze-ui';

function App() {  
  return (
    <Theme>
      <Paper>
        <Typography variant="h2">Themed h2</Typography>
        <Button>Themed button</Button>
      </Paper>
    </Theme>
  );
}

Documentation

See docs website.

Demo

See live preview.

Libraries used

La Danze UI uses and requires these dependencies:

License

This project is licensed under the terms of the MIT license.

Project organizaton

See little explanation of this project organization.

pchmn/la-danze-ui