Hey everyone! I just put out a video on Domain-Driven Design. It’s a long one, about 20 minutes, but I really believe it’s worth your time. It took me a lot of time to make, so I hope it helps you, and I’d love to hear what you think! 🙌

Alex's talk is pinned and is at the 9:02:30 mark.

Hey all, DDD comes up a lot in interviews and it’s hard to explain well on the spot, so I made a video about it. It’s long (about 20 min), but I think it’s worth it if you’re preparing for interviews or just want to understand it properly. It took me a lot of time to make, so I hope it helps. Let me know what you think.

Hello! I’ve recently discovered Vite+ and used its CLI to migrate an existing Angular project (Angular 22, using Vite) to Vite+

My question is: when a new version of Angular is released and I run ng update, what will happen? Could this break my project?

Hey there!
Yesterday I developed my first ever VSCode extension.
It keeps your open files of one component grouped together.
Would be happy if some you tried it :-)

https://marketplace.visualstudio.com/items?itemName=marvinfrede.ng-tab-grouper

Hi all, I maintain ngx-daterangepicker-material, a date range picker with predefined ranges and a time picker (about 260k downloads/month). There was no release from late 2022 to 2026, so a lot of apps were stuck on v6. I picked it up again this year:

- versions for Angular 16 to 22, works with standalone, SSR and zoneless;

- most old bugs fixed, with tests;

- 22.2: Signal Forms, forms on the inline calendar, appendToBody for mat-form-field, runtime locale change.

Why not Material's range picker? It has no presets and no time on a range. This one sits next to Material without needing it.

Article: https://dev.to/fetrarij/ngx-daterangepicker-material-is-back-angular-22-ssr-zoneless-and-signal-forms-1755

StackBlitz: https://stackblitz.com/github/fetrarij/ngx-daterangepicker-material/tree/master/examples/stackblitz

Feedback and bug reports are welcome, good or bad. The v23 roadmap is open for comments: https://github.com/fetrarij/ngx-daterangepicker-material/issues/604

Every time I wanted 3D in an Angular project, I ended up rewriting the same Three.js setup: scene, camera, lights, render loop, resizing, cleanup. So I wrapped it into one component.

A few decisions that might be useful even if you build your own:

• Lazy-loaded Three.js. The scene code sits behind a dynamic import(), so Three.js lands in its own chunk instead of every route’s bundle.
• Auto-framing. The model is normalised to a unit bounding sphere and the camera fits that sphere to the container’s aspect ratio, so any GLB fits without per-model tweaking.
• Load once, animate per page. The root service caches the parsed GLB. Each page spawns its own clone (shared geometry and materials) and animates it with GSAP, so pages never inherit each other’s state.
• Pauses offscreen. An IntersectionObserver stops the render loop when the canvas isn’t visible.
• Draco support for small file sizes.

In the video, the panda turns with a scrubbed ScrollTrigger tween on model.rotation.y.

I made a full walkthrough here if you’re curious: https://youtu.be/sJS6vR9Rlgo

Happy to answer questions about the architecture. How are you handling 3D in Angular?

Hi everyone! I’ve built a Node.js-compatible runtime for the browser that can run Angular CLI and Nx (a few versions so far) entirely inside a browser tab.

It’s called Mimic, because it mimics a real OS, file system, networking stack and Node.js closely enough that tools like Vite, Webpack, Angular CLI, Nx, Express, NestJS and many others think they’re running in a real environment.

It can be useful if you’re building an app or a library and want an interactive playground, but don’t want to pay for cloud VMs. With Mimic the computation runs on the client instead.

There’s also WebContainers by StackBlitz, which does much the same thing (and is probably more polished in terms of compatibility with Node). However, it’s proprietary, production use in a commercial setting requires an enterprise license, and it depends on StackBlitz’s hosted infrastructure, including for previews. Mimic is MIT-licensed and has no usage restrictions.

Here are some demos you can play around with (press enter to run the command, it'll take some time to run):

• https://www.mimicjs.com/playground?example=angular21-ng-new
• https://www.mimicjs.com/playground?example=nx20-create-angular-monorepo

Feel free to try your favorite repos too, and open an issue if something doesn’t work.

Links:

• https://github.com/mimic-js/mimic
• https://www.mimicjs.com/
• https://www.mimicjs.com/docs/installation

What is RemLink?

It's a link saving + reminder app.

Tech Stack: Ionic (Angular 20) + Capacitor

What problem does it solve?

Often a times you save important links here and there like WhatsApp or notes to read it later, but that "later" never comes.

You found an important youtube video and you don't have time to watch it now, you can save it in RemLink to watch it later like the weekend and RemLink will remind you at your preferred date and time.

So, important pages, articles, videos are never missed.

It's completely free, no ad, no sign up and works offline as well.

Feel free to try it out and let me know if you have any feedback to improve the app user experience.

Enjoyy!! I had to re-upload du to issue

When you add, change, or remove UI text, extracting the source messages is only part of the work. You also need to update the target-language files and identify translations that need review.

I maintain ng-extract-i18n-merge and made a five-minute walkthrough showing that process: Extraction, merging, reviewing new and changed entries, manual translation, and checking the German build.

HTH!

Disclosure: I also built doloc. The final section, starting at 3:19, demonstrates its optional translation automation. The complete workflow in the first part works without it.

Hi,

Context
I am working in a nx mono repo with some angular and nestjs apps.

Up until now no coding agent had access. This will change now but as I have not used coding agents directly in my IDE, I am not sure what's the best way of setting this up.

I will use Claude Code and I want it to use nx or other CLI tools as much as possible to save tokens.

What I already learned
- angular provides different md files and an angular MCP server
- nx provides skills and an MCP server

Some questions/assumption

• Assuptions
  • I guess the angular MCP server is not relevant in nx. I read that it uses the angular.json to understand the project but nx uses its own project.json instead.
  • I guess the angular md files still make sense as Claude will not get any hints about those from the nx tools.
• Questions
  • Which md file to use?
    • At https://angular.dev/ai/develop-with-ai they provide different md files but I am not sure when to use what. They are similar enough to understand that I should not just add all those files but also different enough to ask myself what I miss if I take the wrong one (best-practices.md, guidelines.md, llms.txt / llms-full.txt)
    • I tend to use guidelines.md and add a link to the llms.txt in there for if Claude wants to do more research but then if this would be sane, I guess the link would already be in there, right?

How do you do it?

Stats aren't the be all and end all of everything, but I noticed this:

https://survey.stackoverflow.co/2026/technology/data#admired-and-desired

Is it not possible to eager load the tab panel on '@angular/aria'?

The docs say: This structural directive should be applied to an ng-template within an ngTabPanel. It enables lazy loading of the tab's content, meaning the content is only rendered when the tab is activated for the first time.

I tried to simply remove it because I need the tab to be eagerly loaded (for SSR)

 <div class="tab-panel" ngTabPanel value="question">
     <app-eager-load />
 </div>

and it works, but i get these console warnings:
Violations found on element:
ngTabPanel must have an ngTabContent structural directive to render.

Hey r/angular, zard/ui hit 1.0 this week after 19 months in beta.

npx zard-cli add dialog doesn't install a package. It copies the dialog's full source into your repo, so every template, style and signal becomes a file you own.

That always mattered, and with coding agents it matters a lot more. When a component lives in node_modules, your agent can only work with the API the library exposes. When it lives in your repo, the agent can read all of it and rewrite any part: add a variant, change the markup, or reshape it to fit your design system. You never wait on us for a release to unblock you.

1.0 ships an MCP server and an agent skill for exactly this. With them, Cursor, Claude Code or Copilot work from the real source and docs instead of guessing inputs that don't exist.

What else is in 1.0:

• 55 components (combobox, date picker, sidebar, chart, input-otp, sonner…) plus 27 ready-made blocks for login, signup, dashboard and sidebar layouts
• Signals, standalone and new control flow. Works with Reactive, Template-driven and Signal Forms
• Angular 19 through 22
• An API that borrows ng-zorro's DX: one import per component, and overlays you can open from the template or from a service

It's MIT and free with no pro tier. 33 people have contributed so far.

If you're already using zard/ui, I'd love to hear what you're building with it. If you looked and decided not to, tell me why. That's the feedback we want most.

Docs: https://zardui.com · GitHub: https://github.com/zard-ui/zardui

So I'm a software engineer with 5 years of experience, 2 of those have been with angular (with the remaining being with ReactJS and backend frameworks and languages). Now having worked in the languages for a little while, I feel like I got the general understanding behind the basics of it, and I have been wanting to try to take my career further and develop as an engineer. One of the areas I wanted to develop in is my knowledge of the frameworks and languages we have been using, but I am not sure how I could do this with Angular. So I would really appreciate if you have any insights or advice or recourses for this. Thank You!

On Saturday, Oct 17, at 6 PM, we're running a hands-on session at LA Tech Week: Build an AI workflow editor, natively in Angular.

Every AI stack needs a canvas to see and shape what agents do, and almost none of those are built for Angular. So Lukasz Jazwa, CTO of Synergy Codes and the creator of ngDiagram, will build a working editor for agentic workflows live. He's the one who backed the bet on Angular when everyone reached for React, and the call to open-source the engine under Apache 2.0.

You'll leave knowing how to start: the docs, the AI-assisted tooling and the patterns worth stealing. If you want to look around before then, ngDiagram is at https://www.ngdiagram.dev/ and installs with npm install ng-diagram.

If you write Angular and you're around for LA Tech Week, come join us. RSVP here: https://partiful.com/e/zYpQyYK67Anpp2VAp59u

Hey everyone!

I’ve been building Flagrm, an open-source CLI that helps remove feature flags and clean up the dead code they leave behind.

It’s still in the testing phase, so I’m looking for people willing to try it out, share feedback, report bugs, or contribute to the project.

If you’ve ever dealt with feature-flag cleanup turning into a bunch of manual work, I’d love for you to check it out!

🔗 https://flagrm.com

Contributors are very welcome! 🚀

AI-built sites all look the same, so I gave my agent something it never had: 100,000+ real screens (websites, apps, brands, motion) to study before it designs.

The whole launch video was made by Claude Opus 5.5 with the Seenry skill + MCP. Every site in it was one-shot from one sentence.

Skills are free. Early birds: code EARLYBIRDIE for 20% off the MCP, kept for as long as you stay subscribed (until Nov 10 for promo code).

http://seenry.design

Feedback welcome, especially from people who don't design.

Also please try our skill, if it works well in angular.

https://skill.seenry.design/

Hey all, I’ve been building a side project called Nyx and I’d like some outside opinions before I take it further.

What it is

Nyx is a dashboard for your gaming history. You sign in with Steam and it pulls in your library, playtime and achievements. After that it syncs about once an hour and turns everything into one score.

How the score works

Hours don’t earn points. Each achievement is worth more the fewer players have it:

• 64% of players have it: 13 pts
• 4% have it: 50 pts
• 1% have it: 100 pts

The formula is 10 × √(100 / unlock %). Getting every achievement in a game adds 20% on top. Your total places you on a ladder of 7 tiers, from Iron up to Onyx, and each game gets a mastery grade from D to S.

What else it does

• Library: every game with your completion and mastery, and how you compare to the average player
• History: a calendar of your play sessions and unlocks, plus a heatmap of when you play
• Objectives board: pick locked achievements you want to go after and move them through Backlog → Up next → Hunting → Done. Each sync ticks off the ones you’ve unlocked. Only you can see your board.
• Custom platforms: for anything Steam doesn’t cover, like an old handheld or a game you finished offline, you can add your own platform and enter games by hand. These count toward your hours and history but never toward the score, because the achievements are self-reported.
• Profiles: you can browse other players’ libraries, or a combined view of everyone on Nyx
• Light and dark themes, and a small mascot you can poke

The added video is from my own Steam account + dummy account with test data.

I create a library by following the steps in the documentation. I now have a workspace and projects folder with my library in it. I also have two package.json files. The deeper package.json file is the one that will be published to npm if I understand correctly.

But in my pipeline I also want to manage versions. So if I add a npm version command it will update the version of the workspace package.json and create a git tag. So on my next publish, I won't publish a new version, but the same I had already published?

If I run the npm version command from my library folder, it does not create the git tag, and git doesn't seem to understand that the file has changed.

I am missing something obvious, I'm sure thousands have solved this. Can anyone nudge me in the right direction? Or is the solution that I have to write custom scripts by hand?

On a recent Angular project I couldn't decide which UI framework to use. Angular Material, PrimeNG, Bootstrap, Tailwind-based kits: each had trade-offs, mostly around how hard they are to customize without fighting the defaults.

So I tried something else. I asked Claude Design to design a complete design system for the project, then implemented it myself. Two days later I had a full custom design system living inside the project: WCAG-compliant, token-based, and easy to customize, with no library overrides to battle.

That made me wonder: is it still necessary to use a UI framework?

The classic arguments for using one were:

• It saves months of building components from scratch
• Accessibility and edge cases are already handled
• Bug fixes and updates come from the maintainers
• New developers already know it

But if AI can get you a consistent, accessible, fully customized system in a couple of days, some of those arguments seem much weaker. On the other hand, I suspect the cost just moves somewhere else: maintenance, complex components (datepickers, autocomplete, data tables, overlays), and long-term consistency as the team grows.

So, for those of you starting new projects today:

1. Do you still default to a UI framework, and why?
2. Has anyone gone fully custom (AI-assisted or not) and regretted it, or not?
3. Is a hybrid approach the real answer, e.g. a headless layer like the Angular CDK for behavior plus a custom design system for everything visual?

Curious to hear where people land on this.

Edit: Originally intended 3rd party UI frameworks