https://github.com/vivekcsein/frnz-ui

A React-UI library for creating front-end development
https://github.com/vivekcsein/frnz-ui

frenzz frnz frnz-ui nextjs react-ui-components reactjs ui-library

Last synced: 29 days ago
JSON representation

A React-UI library for creating front-end development

• Host: GitHub
• URL: https://github.com/vivekcsein/frnz-ui
• Owner: vivekcsein
• License: mit
• Created: 2024-01-13T06:28:14.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-10T18:48:13.000Z (over 1 year ago)
• Last Synced: 2025-01-11T02:39:02.381Z (10 months ago)
• Topics: frenzz, frnz, frnz-ui, nextjs, react-ui-components, reactjs, ui-library
• Language: SCSS
• Homepage: https://frenzz.in/frnz-ui
• Size: 81.1 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
#FRNZ-UI

A React-UI library for creating front-end development easy


to install library from npm

    npm i frnz-ui



to install library from yarn

    yarn add frnz-ui



to install library from pnpm

    pnpm add frnz-ui



currently in development phase


you can use import Button and Input from

    import { Button, Input } from "frnz-ui";



import css from frnz-ui

    

    import "frnz-ui/dist/styles/styles_ui.css";



Button example

    {console.log("hello")}}

    fx={{

        backgroundColor: "red",

        color: "green",

        padding: "1rem .5rem",

    }}

    fxc{{

        primary:"red",

        secondary:"green"

        bgc:"black",

    }}

    />



Input Example

    



Hamburger example

    {console.log("hamburger clicked")}}

        debug={true}

        color="red"

    />



to make borderless set strokeWidth property to -1

SVG example