Zap/UI is a comprehensive library designed to streamline the development of Angular applications with a consistent and customizable design system. It leverages the power of Tailwind CSS to provide a set of pre-designed components and utilities that can be easily integrated into your projects. Whether you're building a small project or a large-scale application, Zap UI helps you maintain a cohesive look and feel throughout your application.
-
Before you start, we strongly recommend you to setup tailwindcss in your project first. Now, install the library by using
npm i @zaplib/zapui
. Please make sure the your application is running angular16.0.1
or higher. -
Now, provide root configuration to the core module inside
app.config.ts
.import { ApplicationConfig } from '@angular/core' import { provideZapOptions } from '@zaplib/zapui' export const appConfig: ApplicationConfig = { providers: [ provideZapOptions(), // Others... ], }
-
Ready to use!