No External Dependencies
You control the code, without being tied to third-party updates.
Documentation
Welcome to Wally UI documentation. Learn how to get started, install components via CLI, and explore our production-ready Angular component library.
[ Philosophy ]
A Modern Approach to Angular UI Components
Wally UI is a modern approach to building Angular interfaces, inspired by the success of shadcn/ui in React. Unlike traditional libraries, it doesn't add heavy dependencies to your project: each component is generated via npx and becomes your code, ready to edit, customize, and evolve as needed.
Total Customization
Since the component is yours, it can be adapted to any design system or business rules.
Lightweight
Only what you actually add goes into the bundle, without loading dozens of unused components.
Tailwind Integrated
Modern, responsive, and consistent styles with the power of Tailwind CSS.
Learning & Clarity
Each component serves as a practical example of Angular best practices.
Standalone Components
Leverages Angular's latest features, reducing complexity and improving modularity.
With Wally UI, you gain agility to start projects, flexibility to shape your UI without limitations, and simplicity to maintain code long-term. It's the most practical and modern way to build Angular interfaces.
[ Requirements ]
Angular Version
Angular 17+ required for standalone component support
Installation
Components are standalone and can be installed individually:
$ npx wally-ui add <component> [ CLI Commands ]
List Available Components
$ npx wally-ui list Installation Structure
When installing a component, Wally UI will create the following folder structure:
src/
└── app/
└── components/
└── wally-ui/
└── button/
├── button.ts
└── button.html[ Explore ]
Components
Browse our collection of reusable Angular components with examples, code snippets, and comprehensive documentation.