FunUi For React And Next Apps

Learn how to use the framework at our official website 👎

https://funui.netlify.app

Using Npm

Install the package via NPM

npm install funuicss

Import CSS file

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

import 'funuicss/css/fun.css'

Check Out Our Startup Template

<xmp> import Typography from 'funuicss/component/Typography' import Icon from 'funuicss/component/Icon' import Button from 'funuicss/component/Button' import Div from 'funuicss/component/Div' import Grid from "funuicss/component/Grid" import Col from "funuicss/component/Col" import Section from "funuicss/component/Section" import Container from "funuicss/component/Container" import IconicInput from 'funuicss/component/IconicInput' import Input from 'funuicss/component/Input' import RowFlex from "funuicss/component/RowFlex" import Card from "funuicss/component/card/Card" import Link from "next/link" export default function Starter() {

return (

Comes with components like `Inputs`, `Navbars`, `Sidebar`, `buttons`, `Breadcrumbs`, `Alerts`, `Modals`, `Progress`, `Tooltips`, and other standard features like `helpers` and `Blob generator`

} />

} input={ } />

) } </xmp>

CDN

You can use the CDN for your HTML file, you can only use our css defined classes

https://cdn.jsdelivr.net/gh/FunUi-io/cdn@main/css/fun.css

Import CDN

You can also import the CDN in your CSS file

@import url('https://cdn.jsdelivr.net/gh/FunUi-io/cdn@main/css/fun.css');

Download

Download the CSS File and link it to your HTML Document

https://github.com/FunUi-io/cdn/archive/refs/heads/main.zip