The React & Next Js Ui Library

The framework is easy to integrate, just install the package and import the CSS file

Why Choose FunUi

The framework is build in modules, you just need to import the module you want to use
The framework is build with flexbox, which makes it easy to fit all screen sizes
The framework is easy to integrate, just install the package and import the CSS file

Learn how to use the framework at our official website 👎

https://funui.netlify.app

Installation

Using Npm

Install the package via NPM

npm install funuicss

Using Yarn

Install the package via NPM

yarn add funuicss

Import CSS file

Import the css file at your entry point to apply our classes,for example: _app.js, _app.jsx, index.js, index,jsx files

import 'funuicss/css/fun.css'

Demo Login Form

Create a simple login form with our framework.

```jsx import React from 'react' import Text from 'funuicss/ui/text/Text' import Input from 'funuicss/ui/input/Input' import Button from 'funuicss/ui/button/Button' import Section from 'funuicss/ui/specials/Section' export default function App() { return (

) } ```

Simple Buttons

This is a simple button

```jsx import React from 'react' import Button from 'funuicss/ui/button/Button' export default function App() { return (