GLS Registry

Getting Started

Copy-paste React UI components for Parcel Shop analytics, distributed via shadcn.

This documentation explains how to install the React UI components provided by ecodeliver.

Context

In the UI ecosystem, there are many different opinions and approaches to component development. Traditional UI component libraries are often difficult to customize, while building everything from scratch can be extremely time-consuming.

As a result, most solutions tend to fall on opposite ends of the spectrum:

  • On one side, there are the “build everything yourself” solutions, where flexibility is the priority, but very little is provided out of the box, leaving most implementation details up to you.
  • On the other side, there are the “fully prebuilt” solutions, which provide everything upfront but often sacrifice flexibility, making it difficult to adapt components to specific edge cases or fit them naturally into your product’s UI.

The solution we provide aims to strike a balance between these two approaches: components that are already built and production-ready, while still remaining fully customizable and easy to adapt to your needs.

This is where shadcn/ui comes in. shadcn is not a traditional component library, but rather a system for distributing code and components directly into your codebase. We highly encourage you to read their introduction to better understand the philosophy behind it.

This technology is compatible with other ui libraries like materialUI.

What to expect from this deliverable

  • 7 custom-built components
  • A CLI-based installation flow, so the component source code lives directly in your codebase

Continue with Installation to configure your project and install components.

On this page