https://github.com/pchmn/la-danze-ui

React library that provides a clean UI and facilitate animations and building forms
https://github.com/pchmn/la-danze-ui

material-ui react typescript

Last synced: 3 months ago
JSON representation

React library that provides a clean UI and facilitate animations and building forms

• Host: GitHub
• URL: https://github.com/pchmn/la-danze-ui
• Owner: pchmn
• License: mit
• Created: 2021-01-14T00:58:18.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-03-26T11:23:48.000Z (over 5 years ago)
• Last Synced: 2025-03-07T21:02:23.882Z (over 1 year ago)
• Topics: material-ui, react, typescript
• Language: TypeScript
• Homepage: https://pchmn.github.io/la-danze-ui/
• Size: 5.44 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

    

  








[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/pchmn/la-danze-ui/blob/main/LICENSE)

[![npm latest package](https://img.shields.io/npm/v/la-danze-ui/latest.svg)](https://www.npmjs.com/package/la-danze-ui)

[![la danze ui cicd](https://github.com/pchmn/la-danze-ui/actions/workflows/la-danze-ui.yml/badge.svg?branch=main)](https://github.com/pchmn/la-danze-ui/actions/workflows/la-danze-ui.yml)

[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=la-danze-ui&metric=coverage)](https://sonarcloud.io/dashboard?id=la-danze-ui)

[![codecov.io](https://codecov.io/gh/pchmn/la-danze-ui/coverage.svg?branch=main)](https://codecov.io/gh/pchmn/la-danze-ui?branch=master)



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

```bash

# 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:

```jsx

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 (

    

      

        Themed h2

        Themed button

      

    

  );

}

```

[![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/focused-smoke-tnjj1?file=/src/App.tsx)

## Documentation

See [docs website](https://pchmn.github.io/la-danze-ui/).

## Demo

See [live preview](https://pchmn.github.io/la-danze-ui/demo).

## Libraries used

**La Danze UI** uses and requires these dependencies:

* [Material-UI](https://next.material-ui.com/) (next)

* [React Router Dom](https://reactrouter.com/web/guides/quick-start)

* [Framer motion](https://www.framer.com/motion/)

* [React Hook Form](https://react-hook-form.com/)

## License

This project is licensed under the terms of the

[MIT license](https://github.com/pchmn/la-danze-ui/blob/main/LICENSE).

## Project organizaton

See little explanation of this project [organization](https://github.com/pchmn/la-danze-ui/blob/main/.github/doc/PROJECT_ORGANIZATION.md).