Login

r/Angular2

▲ 56 r/Angular2+5 crossposts

Tailwind MCP that gives coding agents actual design taste

TL;DR: https://windframe.dev/mcp

Hi everyone 👋

I’ve been working on a Tailwind-native MCP that gives coding agents better design context when generating  interfaces.

A lot of AI-generated UI still feels inconsistent because the agent has no real sense of design systems, spacing, typography, or visual structure. It can write Tailwind, but it often lacks the taste and context needed to make the result feel properly designed.

So I built the Windframe MCP around that idea.

It gives coding agents access to curated Tailwind-native styles, design tokens, and styleguides inspired by products like Linear, Notion, and other companies that invest heavily in their design systems.

The difference in output quality has been really impressive. The generated interfaces feel polished and visually cohesive, not like a random collection of Tailwind components.

I’ll keep adding new design styles to the MCP as well, so the library will continue to grow over time.

Give it a try here https://windframe.dev/mcp

Would love any thoughts or feedback :)

u/Speedware01 — 1 day ago
▲ 18 r/Angular2

[Showcase] ngx-signal-datetimepicker - a zero-deps datetime picker built on Signal Forms (WCAG 2.2 AAA out of the box)

Live demo: https://ngx-signal-datetimepicker.vercel.app

Repo: https://github.com/dominikmodrzejewski99/ngx-signal-datetimepicker

npm: https://www.npmjs.com/package/ngx-signal-datetimepicker

Why this exists

Every Angular project I've worked on eventually needs "let the user pick a date and a time". Material gives you two separate controls, ngx-bootstrap is heavy, ng-zorro pulls a whole UI kit. Nothing in the ecosystem is small, framework-native, and exposes one combined Date | null value that plugs straight into the new Signal Forms API.

The approach

One component. One value. Signal Forms support via [formField] and FormValueControl<Date | null> - so required, min, max, validators, touched/dirty, errors all work out of the box. Reactive Forms users get ControlValueAccessor for free. Zero runtime deps - no moment, no dayjs, no Angular Material. Built on Intl.DateTimeFormat for locale labels and IANA timezone support. WCAG 2.2 AAA: keyboard nav, focus management, AAA contrast tokens, 44px target sizes.

One snippet

import { signal } from '@angular/core';
import { form } from '@angular/forms/signals';
import { DatetimePickerComponent } from 'ngx-signal-datetimepicker';

model = signal<Date | null>(null);
f = form(this.model);

<ngx-datetime-picker [formField]="f" label="Meeting" />

Feedback very welcome - especially edge cases I haven't hit (RTL locales, edge timezones, big-screen Material 3 themes). Issues and Discussions are open. Currently on 0.1.x, holding off on 1.0 until the API is settled by real users.

u/domino_angularovic — 3 days ago
▲ 0 r/Angular2

[Release] ngxsmk-datepicker v2.2.15: Native Shadow DOM & Web Components support! 🚀 (Lightweight, zero-dep datepicker/range-picker for Angular)

Hey everyone!

We just shipped v2.2.15 of ngxsmk-datepicker—a lightweight, highly customizable, and touch-optimized date/range picker for Angular applications.

⭐ GitHub Repository (Give us a star!): https://github.com/NGXSMK/ngxsmk-datepicker

This release fixes a highly requested feature: Native Shadow DOM & Event Retargeting compatibility! 🧩

🔍 The Shadow DOM Challenge & The Solution

If you've ever tried building or consuming a datepicker inside custom web components, Angular Custom Elements, or shadow-encapsulated UI frameworks (like Ionic), you've probably faced the premature closure bug.

Because the browser retargets event bubbles that escape a shadow-root (rewriting the event target to point to the host element), standard .contains() checks fail. This leads to popovers and dropdowns instantly closing because the library assumes you clicked outside the calendar.

In v2.2.15, we've solved this beautifully:

  • Upgraded containment checks to inspect event.composedPath() across Shadow boundaries.
  • Designed a clean fallback to traditional .contains() to maintain 100% backwards-compatibility with light DOM and older browsers.
  • Kept our strict budget focus—keeping cognitive complexity at a perfect 2 for clean, fast runtime evaluations.
  • Synced all metadata headers across our 31+ markdown files and upgraded example integrations (like our Ionic test application).

⚡ Quick Features of ngxsmk-datepicker:

  • 🎯 Zero External Dependencies: Super lightweight footprint.
  • 📅 Range Mode: Supports continuous date-ranges, single dates, and multi-date selections.
  • 🕒 Timezone Support: Full IANA timezone calculations built-in.
  • ♿ A11y First: Native keyboard navigation, ARIA-roles compliance, and screen-reader friendliness.
  • 🌍 Localizations: Easy custom localizations and multi-language translations.
  • 🎨 Vanilla CSS styling: Easily themeable with rich CSS variables.

🚀 Get Started

Install the latest version in your project:

npm install ngxsmk-datepicker@2.2.15
reddit.com
u/Forsaken_Lie_9989 — 3 days ago
▲ 19 r/Angular2

I built a small Angular package for smooth animated numbers

Hey Angular folks,

I kept wanting a polished way to animate changing numbers in Angular apps, especially for dashboards, counters, prices, timers, stats, percentages, and similar UI.

So I built ngx-digit-flow.

It’s an Angular component that animates each digit like an odometer / slot-machine reel when the value changes.

A few details:

- Standalone Angular component

- Signals-first API

- Uses Intl.NumberFormatOptions

- Supports currency, percentages, compact notation, prefixes, suffixes, decimals, etc.

- SSR-safe

- Respects prefers-reduced-motion

- No animation libraries

GitHub:

https://github.com/ayangabryl/ngx-digit-flow

Demo:

https://ngx-digit-flow.ayangabryl.com

npm:

https://www.npmjs.com/package/ngx-digit-flow

Would love feedback from Angular devs. Especially curious what examples/use cases I should add next.

https://reddit.com/link/1tcy87o/video/2jp5d2i5l81h1/player

reddit.com
u/Zestyclose-Time4199 — 8 days ago
▲ 3 r/Angular2

best dialog and toast libraries

I m starting a new project and looking for the best toast and dialog/modal libs where i can edit the ui to fit my website and i need help
and thx (:

reddit.com
u/Sad-Oven-601 — 10 days ago
▲ 9 r/Angular2

hello folks i am new in angular did small projects with signals , signal forms , modern angular and it was funny and i enjoyed it
and did not see the need of state management library
does it when i start in big project i need to do it with ngRx or anything like it or pure signals is enough

reddit.com
u/Sad-Oven-601 — 14 days ago
▲ 6 r/Angular2

Ngrx vs signals

Hi everyone,
I’m starting a new enterprise application using Angular and Spring Boot in the banking sector. The project will be developed by multiple developers and needs to be highly maintainable, scalable, and easy to understand over time.
I’m trying to decide which state management

approach to use:
Angular Signals
NgRx Store
NgRx Signal Store
The application will include:
Authentication and authorization
Complex business workflows
API integrations
Shared state across many components
Notifications
Potentially real-time updates

My main goals are:
Clean architecture
Good team collaboration
Strong maintainability
Scalability as the project grows
Reduced unnecessary boilerplate

If you were starting a similar project today, which approach would you choose and why?

reddit.com
u/PsychologicalMatch38 — 12 days ago
▲ 14 r/Angular2

uiGrid - 1.0.0 massive update - MIT license

hey guys i wanted to let you know that i just finished porting over every advanced feature from my original grid to the remastered version.

https://github.com/orneryd/uiGrid/releases/v1.0.0

on top of everything else i already shipped (grouping, expansion, tree views, theming, etc…) i’ve added a lot more…

the shared grid runtime now ships row selection, keyboard cell navigation, infinite scroll, row edit workflows, cell validation, CSV/JSON import, CSV/Excel/PDF export, pagination, richer i18n coverage, and custom component/template integration across the web hosts.

MIT licensed.

all features all free this will never be monetized. enjoy!

reddit.com
u/Dense_Gate_5193 — 13 days ago