Getting StartedIntroduction
Introduction
Welcome to Progress UI. Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
This is NOT a component library. It's a collection of re-usable components that you can copy and paste into your apps.
Installation
Use the CLI to add components to your project. Run the init command to set up your project:
$ npx @nehal712521/progress-ui init
Then add components using the add command:
$ npx @nehal712521/progress-ui add button
Available components:
npx @nehal712521/progress-ui add button
npx @nehal712521/progress-ui add card
npx @nehal712521/progress-ui add input
npx @nehal712521/progress-ui add badge
npx @nehal712521/progress-ui add floating-dock
npx @nehal712521/progress-ui add text-reveal
npx @nehal712521/progress-ui add flip-card
npx @nehal712521/progress-ui add gradient-text
npx @nehal712521/progress-ui add spotlight-card
npx @nehal712521/progress-ui add timeline
Features
Beautiful by default
Carefully crafted with attention to every pixel and animation.
Copy and paste
No npm install required. Just copy the code and you are good to go.
FAQ
Why copy/paste and not packaged as a dependency?
The idea behind this is to give you ownership and control over the code, allowing you to decide how the components are built and styled.