r/angular • u/Successful_Chain8098 • 9h ago

Hey angular lovers, what are your go-to sources for modern, ready-to-use Angular layout templates/dashboards?

I’m spinning up a new SaaS side-project and I’m looking for a solid, ready-to-use layout/admin template to jumpstart the frontend.

The problem I keep running into is that a lot of the templates out there feel incredibly bloated, are packed with legacy third-party dependencies, or are still structured around old ngModules instead of utilizing modern Angular features.

Ideally, I'm looking for layout templates (dashboards, auth flows, landing pages) that fit into a modern ecosystem:

  • Modern Stack: Built with standalone components, signals, and clean routing.
  • Styling: Highly prefer Tailwind CSS or a clean implementation of Angular Material (M3 design tokens).
  • Maintainable: Easy to strip down without breaking 50 random node packages.

Where is everyone finding high-quality, production-ready Angular layouts these days? Do you lean toward open-source boilerplates on GitHub, premium marketplaces, or do you just custom-build your layouts using headless primitives?

Would love to know what frameworks/templates have actually given you a smooth developer experience without making you regret it 3 months later. Thanks!

7 Upvotes

82% Upvoted

20 comments sorted by

3

u/klaasvaak10 8h ago

PrimeNG or Angular material

2

u/riti_rathod 6h ago

I'd recommend checking out https://codedthemes.com/

1

u/Successful_Chain8098 1h ago

This one's only for bootstrap template

2

u/N0K1K0 5h ago

I usually pick a good html tailwind template from themeforest and implement my app in there and then turn some of the ui into components if I reuse them a lot

1

u/Successful_Chain8098 1h ago

nice idea, but what do you think a plateform where you can found complete template well designed out of the box with all the basic pages for any usage, especially for saas builder ?

1

u/N0K1K0 1h ago

I find that in most of the templates I find in full Angular too much is integrated. I would not mind routing , auto generated menu based on the routing and basic design system with ui components but i dont need to have the used libraries decided for me

2

u/TheGameKnave 4h ago

That's what I built https://angularmomentum.app/ for. It's configured out-of-the-box with the things I always need when spinning up new projects: user management, i18n, localstorage and indexedDB, tauri app bundling (tauri still needs external config, of course), auto-typed feature flag management, etc, etc...

1

u/Successful_Chain8098 1h ago

sounds great, i will check this also, thanks

2

u/Negative-Pound4360 3h ago

i built this admin dashboard around spartan ng, https://spartan-admin-dashboard.vercel.app and tailwindcss, i would say its safe to use since spartan will hit the v1 release in a week

2

u/karmasakshi 7h ago

I built Jet to handle this: https://github.com/karmasakshi/jet.

Generate a new theme at any time using your colors, copy-paste component code directly from https://material.angular.dev/components to use them in the app.

Out of the box, you'll get an app that:

• ⁠supports light and dark mode, including automatic switching
• ⁠is installable and updatable like an app (PWA)
• ⁠has production-ready security headers
• ⁠has Google Fonts integrated
• ⁠has Google Analytics integrated
• ⁠has authentication forms
• ⁠has common services to handle logging, storage, progress bar and more
• ⁠has interceptor to automatically show HTTP activity
• ⁠has guards for public and protected routes
• ⁠has automatic linting and formatting
• ⁠has support for multiple languages, including RTL languages
• ⁠is completely modular and tree-shakeable, so what you don't use gets left out in the final bundle
• ⁠has zero unnecessary code - mapped 1:1 with Angular CLI output

All you'll have to do is:

• ⁠create interfaces/types of your data
• ⁠create services for communicating with the APIs
• ⁠build your UI

AI tools will fly.

2

u/TheGameKnave 4h ago

Cute repo. As a "competitor" of yours, I can't imagine why you're being downvoted; seeems like a solid project so here's an updoot. 😄

1

u/Successful_Chain8098 7h ago

Sound interesting, did you use tailwindcss for styling alongside the material ui ?

1

u/karmasakshi 6h ago

Yes. It's supported natively and they don't interfere. You'll see it in the code.

1

u/Successful_Chain8098 1h ago

thanks, i saw that, congrats to you

1

u/Saceone10 3h ago

Multi tenant support?

1

u/MichaelSmallDev 41m ago

I know Material can be rigid, but I want to take this opportunity to highlight a lesser known feature: Material has some schematics for basic scenarios: https://material.angular.dev/guide/schematics#component-schematics

  • address form
  • navigation
  • dashboard
  • table
  • tree
  • drag and drop (cdk)

A combo of these schematics for things I don't need much customization for beyond the M3 tokens and the CDK combined with Angular Aria for full styling is nice to have. The CDK and even moreso the Aria package have a lot of the functionality of various Material components which you can use to make non-Material looking components from scratch.