React

Revolutionize Your React Projects with Plus UI: The Future of Component Libraries

React Installation

1. Install Plus UI and the associated React packages by entering the following command in your terminal or command prompt:

npm install @plusui/core @plusui/react

1. Import the Plus UI style file anywhere in the project (for example, in the index.css file

// example, app.(jsx, js, tsx, ts) folder//
import "@plusui/core/style.css";

1. Add Plus UI Component to React Component You can import and use Plus UI components in your React component.

import { PlusButton } from '@plusui/react';

function App() {

    return (
        <PlusButton status="primary">Primary Button</PlusButton>
    );
}
export default App;

This component may require the addition of 'use client' declaration at the beginning when running under Next.js or similar server-client frameworks. To learn more: https://nextjs.org/docs/app/building-your-application/rendering/client-components

Get help

Plus UI is more than a library; it’s a community. Engage with fellow developers, share your Plus UI projects, and contribute to the library’s growth. Your insights, feedback, and contributions drive the evolution of Plus UI:

Join Github Community

Join Discord Community

Join us on Twitter