Plus UI ↗️ Be Our Sponsor ↗️

Overview

A future-ready web component library works wherever HTML works

Plus UI offers a refined collection of web components compatible with major JavaScript frameworks like React, Vue, Angular, and Svelte. Designed for developers and designers, it provides a solid foundation for creating responsive and visually appealing web applications with a Component Library and Design System.

Why Choose Plus UI?

Plus UI delivers a suite of professionally crafted, highly customizable UI components built on framework-agnostic technology. Plus UI empowers you to:

  • Accelerate development with pre-designed elements.

  • Create consistent UI across different frameworks.

  • Tailor components to align with your design language.

  • Integrate components incrementally without overhauling your framework.

  • Maintain your UI foundation even when upgrading or switching frameworks.

For organizations developing a design system and component library, Plus UI is a cost-effective solution, offering essential components ready for brand-specific customization. Built on web standards, it ensures long-term browser support.

New to Web Components?

TL;DR: Web components allow the creation of custom HTML elements, offering compatibility across various frameworks!

Frameworks like Angular, Vue, and React have popularized component-driven development, encapsulating styles and behaviors into reusable elements. This design approach streamlines development and testing. However, framework-specific components come with limitations—they're confined to their native framework, tied to its lifespan, and susceptible to breaking changes with new versions.

Web components transcend these limitations. They're universally supported by modern browsers, framework-independent, and standardized—ensuring longevity and reliability. This is the foundation upon which Plus UI is built.

Quick Start

Embark on your Plus UI journey with a smooth start. Here’s how you can integrate our components into your project swiftly.

Installation

Begin by installing Plus UI into your project. Open your terminal, navigate to your project directory, and run:

npm install @plusui/core

This command fetches and installs the latest version of Plus UI, setting the stage for a world of stunning interfaces.

Kick off your project with a Plus UI button. Here’s a snippet to add a simple yet elegant button to your application:

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

const ButtonExample = () => {
  const handleClick = () => {
    alert('Hello, Plus UI!');
  };

  return (
    <PlusButton onClick={handleClick}>
      Greet Me!
    </PlusButton>
  );
};

export default ButtonExample;

With just a few lines, you’ve introduced the sophistication of Plus UI into your project!

Integration and Usage

Whether your project is built on React, Vue, Angular, Svelte or any other major framework, Plus UI is designed to fit right in. Our components are framework-agnostic, ensuring you get a consistent and stable experience, no matter your choice of technology. Explore our detailed guides for integrating Plus UI with your preferred framework:

Customization and Theming

Your brand is unique, and your UI should reflect that. Plus UI components are engineered to be fully customizable, allowing you to tweak styles, behaviors, and more. Our theming engine supports custom CSS variables, making it a breeze to align the components with your brand’s design language. Dive into our theming documentation and unleash your creativity:

Support

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 GitHub Repository ↗️

Browser Compatibility

Plus UI is tested with the latest versions of major browsers, including Chrome, Edge, Firefox, Opera, and Safari.

Licensing

Plus UI is available under the MIT license, ensuring open and flexible usage.

Feedback

We’re committed to making Plus UI the best it can be, and your feedback is invaluable. If you have suggestions, encounter bugs, or need help, our dedicated support team and vibrant community are here for you:

Stay Updated

Keep up with the latest from Plus UI. Our changelog is regularly updated to keep you informed about new features, improvements, and fixes. Ensure your projects always benefit from the latest advancements in Plus UI.

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:

PreviousStyles & VariablesNextChangelog

Last updated