Edge UI

Overview

EdgeUI is a UI component library built for React, based on the Shadcn UI framework. While it was initially designed for internal use, it is available for use in any project. This library includes a variety of components, themes, layouts, and hooks that can be easily integrated into your React application.

Features

• Shadcn UI Components: EdgeUI provides a comprehensive set of Shadcn UI components that can be used in your React application.
• Theme and Layout Components: The library includes theme and layout components that allow you to customize the appearance and structure of your application.
• Hooks: EdgeUI also provides a collection of hooks that can be used to enhance the functionality of your components.

Installation

To install EdgeUI, you will need to follow these steps:

1. Add the EdgeUI package to your project’s dependencies by running the following command:

npm install @edge-ui/react

2. Register the EdgeUI Tailwind CSS plugin in your Tailwind configuration file. This can be done by adding the following code to your tailwind.config.js file:

module.exports = {
  // Other Tailwind configuration options...
  plugins: [
    require('@edge-ui/tailwind'),
    // Other plugins...
  ],
}

3. You can now start using the EdgeUI components in your project. The ThemeProvider or PageLayout components are not required for using the components.

Summary

EdgeUI is a React UI component library that is based on the Shadcn UI framework. It provides a wide range of components, themes, layouts, and hooks that can be easily integrated into your React application. Despite being initially built for internal use, EdgeUI is available for use in any project. The library can be installed using npm, and the components can be customized using Tailwind CSS.