
Dharmen Shah π
@shhdharmen
Followers
668
Following
2K
Media
192
Statuses
1K
Developer @solvative, Creating @_angular_ui, @ngMaterialDev, Blogs https://t.co/mCLZvCeT1O, Open source https://t.co/sb5gMnuKtG
Vadodara, GJ, IN
Joined April 2010
I've been working on this for last few months. β¨a single stop for #angular developers to rapidly build their UIs using angular material and tailwind. I give you 100+ blocks for starters! Many more to come soon. #AngularMaterial #AngularTailwind
Announcing Angular Material Blocks! . β¨ A web app with 100+ (more soon) pre-designed UI blocks built for Angular Material & Tailwind CSS. Plus our CLI makes integration a breeze β‘ npx @ngm-dev/cli add. #Angular .#AngularMaterial #AngularTailwind #WebDev.
3
26
144
π Block of the day β Page Shell 5. Clean. Responsive. Accessible. Light π + Dark π themes out of the box. π #Angular #MaterialDesign #UI
π Block of the day: Page Shell 5!. A clean, modern, and responsive layout for Angular Material apps β with built-in light & dark theme support. π Try it now: #Angular #MaterialDesign #WebDev #UIDesign
0
1
2
π Block of the day β Page Shell 5. Clean. Responsive. Accessible. Light π + Dark π themes out of the box. π #Angular #MaterialDesign #UI
π Block of the day: Page Shell 5!. A clean, modern, and responsive layout for Angular Material apps β with built-in light & dark theme support. π Try it now: #Angular #MaterialDesign #WebDev #UIDesign
0
1
4
RT @ngMaterialDev: π Block of the day: Page Shell 5!. A clean, modern, and responsive layout for Angular Material apps β with built-in lighβ¦.
0
1
0
RT @GergelySzerovay: π
°οΈπ’ Check out the 40th issue of the @AngularAddicts newsletter: Angular 20.1, NgRx 20, Zoneless testing, Native Federaβ¦.
angularaddicts.com
My favorite Angular resources of July, 2025
0
3
0
Public rules files for AI code editors to boost Angular Material coding!. Better context β‘οΈ better code. π Grab them here: Also on guthub #Angular #AngularMaterial #AI.
github.com
This repo contains rules, instructions and guidelines for various AI based code editors to work with Angular Material - Angular-Material-Dev/angular-material-ai-rules
Just published AI Code Editor rules π. These instructions help AI tools give better answers about Angular Material β with more context & best practices built-in. π Get them here: #Angular #AngularMaterial #AI
0
3
3
RT @ngMaterialDev: Just published AI Code Editor rules π. These instructions help AI tools give better answers about Angular Material β witβ¦.
0
2
0
Block of the day! A comprehensive Billing & Usage page for Angular. This tabbed component lets users track their consumption and access past receipts in one place. Clean, functional, and ready to go. #AngularDev #WebComponents.
Handle billing like a pro. β¨. Our new "Billing Usage 2" block features a clean tabbed interface for:.π Real-time usage monitoring with progress bars. π§Ύ A clear history of past receipts/invoices. The complete solution for your #SaaS app. #Angular #UIUX
0
2
3
Turn your billing page into a growth engine. π. Our "Billing Usage 2" block not only shows users their current usage but includes a built-in "Want to upgrade?" CTA to drive upsells. See it live: #AngularMaterial #SaaS #MRR
Handle billing like a pro. β¨. Our new "Billing Usage 2" block features a clean tabbed interface for:.π Real-time usage monitoring with progress bars. π§Ύ A clear history of past receipts/invoices. The complete solution for your #SaaS app. #Angular #UIUX
0
2
2
RT @ngMaterialDev: Handle billing like a pro. β¨. Our new "Billing Usage 2" block features a clean tabbed interface for:.π Real-time usage mβ¦.
0
2
0
A great file uploader gives constant feedback. β¨. Our new file upload block shows users the progress and immediately alerts them to issues like incorrect file types or sizes. A better, less confusing UX for everyone. #AngularDev #UIDesign.
ui.angular-material.dev
File upload components for handling file inputs.
How do you handle file upload errors? π€. Our "file upload 7" block has graceful error handling built-in. It shows clear validation messages (like "size exceeded") right where the user can see them. Build better forms: #Angular #UIUX #ErrorHandling
0
2
5
π A robust file upload component for Angular. Our "file upload 7" block provides a modern drag-and-drop UI, complete with progress bars and a clear display for upload status and validation errors. See the demo: #AngularMaterial #WebDev #FileUpload.
ui.angular-material.dev
File upload components for handling file inputs.
How do you handle file upload errors? π€. Our "file upload 7" block has graceful error handling built-in. It shows clear validation messages (like "size exceeded") right where the user can see them. Build better forms: #Angular #UIUX #ErrorHandling
0
2
3
RT @ngMaterialDev: How do you handle file upload errors? π€. Our "file upload 7" block has graceful error handling built-in. It shows clearβ¦.
0
2
0
How do you guide users through a complex setup?. Our new "onboarding feed 6" breaks it down into simple, manageable steps. It turns a daunting process into an easy-to-follow checklist. #AngularDev #ProductLedGrowth.
Guide your new users to success. β¨. Our new "onboarding feed 6" block provides a step-by-step checklist to help users set up their workspace. Visual progress and clear CTAs increase activation!. Demo: #Angular #Onboarding #UIUX
1
2
6
Block of the day! π A "Getting Started" stepper for your Angular app. This onboarding checklist shows users their progress and gives them the next action to take, all in a clean, expandable UI. See it in action: #AngularMaterial #WebDev #SaaS
Guide your new users to success. β¨. Our new "onboarding feed 6" block provides a step-by-step checklist to help users set up their workspace. Visual progress and clear CTAs increase activation!. Demo: #Angular #Onboarding #UIUX
0
2
5
RT @ngMaterialDev: Guide your new users to success. β¨. Our new "onboarding feed 6" block provides a step-by-step checklist to help users seβ¦.
0
3
0
RT @ngMaterialDev: Do you remember when you joined X? We do!. It's been 2 years of creating content for @angular Material space on @X . 1οΈβ£β¦.
0
2
0
How do you get users to choose the right plan during signup?. Our new "form layout 6" solves this by placing your pricing tiers directly within the creation form, guided by a helpful info panel. #AngularDev #ProductDesign.
ui.angular-material.dev
Form layouts for various use cases.
Level up your SaaS onboarding! β¨. Our new "form layout 6" combines a "create workspace" form with beautiful, selectable pricing tiers. A perfect, conversion-focused design for your Angular app. See it in light & dark mode: #Angular #SaaS #UIUX
0
2
4
π A stunning form layout for creating new workspaces. This block features integrated plan selection cards and a context sidebar to guide user choice. The perfect starting point for your app's onboarding flow. Demo: #AngularMaterial #WebDev #Forms.
ui.angular-material.dev
Form layouts for various use cases.
Level up your SaaS onboarding! β¨. Our new "form layout 6" combines a "create workspace" form with beautiful, selectable pricing tiers. A perfect, conversion-focused design for your Angular app. See it in light & dark mode: #Angular #SaaS #UIUX
0
2
2
RT @ngMaterialDev: Level up your SaaS onboarding! β¨. Our new "form layout 6" combines a "create workspace" form with beautiful, selectableβ¦.
0
2
0
Ready to upgrade to Angular v20? So are we!. Angular Material Blocks now fully supports Angular v20. We've updated all our blocks and streamlined the upgrade process for you. Get the details here: #AngularDev #Frontend #Coding
0
4
21