01 Design Approach
Built for application screens.
The default styles use clear borders, compact spacing, and simple surfaces. They work well for forms, tables, menus, and dashboards, and can be changed with CSS variables.
I decided against building another shadcn clone for Angular. FrameUI now uses its own technical default style, with sharper surfaces, visible structure, and a more distinct component identity. If you are looking for a shadcn-style Angular library, take a look at ZardUI or SpartanNG. The new style becomes the default in v0.2.0-beta.0.
FrameUI provides Angular components for application screens: forms, overlays, navigation, feedback, data display, and layout. The default theme uses sharp edges, clear borders, and a restrained red accent so the components have their own visual direction.
The default styles use clear borders, compact spacing, and simple surfaces. They work well for forms, tables, menus, and dashboards, and can be changed with CSS variables.
Attribute and element selectors keep component structure visible in Angular templates.
Components use CSS variables, so the default theme can be changed without replacing APIs.
The library focuses on reusable primitives for real applications.