coci-dev

coci-dev / sonny-ui

Public

Angular UI component library inspired by shadcn/ui — signals, zoneless, Tailwind CSS v4

coci-dev.github.iosonny-ui
19
0
100% credibility
Found Mar 26, 2026 at 19 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A library of accessible, customizable UI components for building modern web interfaces with Angular and Tailwind CSS.

How It Works

1
👀 Discover Sonny UI

You find Sonny UI, a collection of beautiful, ready-to-use pieces like buttons and cards to make your web pages shine.

2
🔧 Add it effortlessly

With one easy action, Sonny UI joins your project and sets up beautiful styles automatically.

3
✨ Drop in stunning pieces

Place buttons, menus, forms, and more right into your pages – they look professional and feel smooth instantly.

4
🌙 Pick your perfect look

Switch between light and dark themes or customize colors to match your vision perfectly.

5
♿ Ensure everyone loves it

All pieces work great for everyone, with smart features like keyboard navigation and screen reader support.

🏆 Your app wows users

Your web app now has a modern, polished design that delights visitors and feels just right.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 19 to 19 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is sonny-ui?

Sonny-ui is an Angular component library inspired by shadcn/ui, delivering Tailwind CSS v4-styled UI elements like buttons, accordions, modals, and tables directly as directives on your HTML. It leverages Angular signals for reactive inputs and outputs, zoneless change detection for performance, and schematics to generate angular components into your repo—install with `ng add @sonny-ui/core` and use `ng generate @sonny-ui/core:component button`. Perfect for devs building angular component standalone apps without wrapper bloat.

Why is it gaining traction?

Its directive-first approach skips heavy components, letting you style native elements with Tailwind v4 themes and CSS vars for easy light/dark mode swaps via a ThemeService. Schematics handle angular component erstellen and testing boilerplate, mimicking shadcn's copy-paste freedom while supporting angular component lifecycle hooks and inheritance patterns. Accessibility via WAI-ARIA and Angular CDK integration seals the deal for polished UIs fast.

Who should use this?

Angular devs crafting Tailwind apps—think dashboard builders tired of custom angular component input/output plumbing or form-heavy SPAs needing quick badges, carousels, and drawers. Suited for teams on Angular 21+ experimenting with signals/zoneless mode, forking this angular github repo as a starter for angular github pages deploy or GitHub Actions CI.

Verdict

Early but solid angular component library for Tailwind fans—grab it for prototypes if Angular 21+ fits, but 19 stars and 1.0% credibility score mean watch angular github issues for maturity. Docs and schematics impress; test coverage looks decent for a fresh angular github example.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.