Angular Material Dev (@ngmaterialdev) 's Twitter Profile
Angular Material Dev

@ngmaterialdev

Articles and Courses about Material Design in Angular. Created by @shhdharmen

ID: 1688254081209643008

linkhttp://angular-material.dev/courses/overview/m3-ng-components calendar_today06-08-2023 18:22:02

356 Tweet

331 Followers

4 Following

Angular Material Dev (@ngmaterialdev) 's Twitter Profile Photo

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: ui.angular-material.dev/blocks/applica… #Angular #UIUX #ErrorHandling

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: ui.angular-material.dev/blocks/applica…

#Angular #UIUX #ErrorHandling
Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

πŸš€ 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: ui.angular-material.dev/blocks/applica… #AngularMaterial #WebDev #FileUpload

Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

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/blocks/applica…

Angular Material Dev (@ngmaterialdev) 's Twitter Profile Photo

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 ui.angular-material.dev/blocks/applica… #Angular #UIUX

Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

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: ui.angular-material.dev/blocks/applica… #AngularMaterial #SaaS #MRR

Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

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 ui.angular-material.dev/blocks/applica…

Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

Public rules files for AI code editors to boost Angular Material coding! Better context ➑️ better code. πŸ“Ž Grab them here: ui.angular-material.dev/docs/rules-fil… Also on guthub github.com/Angular-Materi… #Angular #AngularMaterial #AI

Angular Material Dev (@ngmaterialdev) 's Twitter Profile Photo

πŸš€ 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: ui.angular-material.dev/blocks/applica… #Angular #MaterialDesign #WebDev #UIDesign

Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

πŸš€ Block of the day β†’ Page Shell 5 Clean. Responsive. Accessible. Light 🌞 + Dark πŸŒ™ themes out of the box. πŸ”— ui.angular-material.dev/blocks/applica… #Angular #MaterialDesign #UI

πŸš€ Block of the day β†’ Page Shell 5

Clean. Responsive. Accessible.

Light 🌞 + Dark πŸŒ™ themes out of the box.

πŸ”— ui.angular-material.dev/blocks/applica…

#Angular #MaterialDesign #UI
Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

πŸš€ Block of the day β†’ Page Shell 5 Clean. Responsive. Accessible. Light 🌞 + Dark πŸŒ™ themes out of the box. πŸ”— ui.angular-material.dev/blocks/applica… #Angular #MaterialDesign #UI

πŸš€ Block of the day β†’ Page Shell 5

Clean. Responsive. Accessible.

Light 🌞 + Dark πŸŒ™ themes out of the box.

πŸ”— ui.angular-material.dev/blocks/applica…

#Angular #MaterialDesign #UI
Angular Material Dev (@ngmaterialdev) 's Twitter Profile Photo

πŸ” Block of the day β†’ Social Login with SSO & Passkey Support for GitHub, GitLab, Bitbucket, SAML SSO, and Passkeys β€” all in one sleek, responsive UI. 🌞 Light & πŸŒ™ Dark themes included. πŸ”— ui.angular-material.dev/blocks/applica… #Angular #MaterialDesign #WebDev #SSO #Passkeys

πŸ” Block of the day β†’ Social Login with SSO & Passkey
Support for GitHub, GitLab, Bitbucket, SAML SSO, and Passkeys β€” all in one sleek, responsive UI.

🌞 Light & πŸŒ™ Dark themes included.

πŸ”— ui.angular-material.dev/blocks/applica…

#Angular #MaterialDesign #WebDev #SSO #Passkeys
Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

πŸ” One login block to rule them all β†’ GitHub, GitLab, Bitbucket, SAML SSO & Passkey. 🌞 Light + πŸŒ™ Dark themes. πŸ”— ui.angular-material.dev/blocks/applica… #Angular #UI #SSO #Passkeys

πŸ” One login block to rule them all β†’ GitHub, GitLab, Bitbucket, SAML SSO & Passkey.

🌞 Light + πŸŒ™ Dark themes.

πŸ”— ui.angular-material.dev/blocks/applica…

#Angular #UI #SSO #Passkeys
Angular Material Dev (@ngmaterialdev) 's Twitter Profile Photo

Turn your settings page into a growth driver. πŸ“ˆ Our "Account User Management 2" block for Angular features: ✨ An upsell banner for premium plans. ✨ A dedicated "Add-Ons" tab for Γ  la carte features Build monetization right in: ui.angular-material.dev/blocks/applica… #SaaS #Angular #MRR

Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

New Block! πŸš€ A powerful "Workspace Settings" page for Angular apps. This tabbed layout separates core settings from purchasable "Add-Ons," with a constant upsell banner to nudge users to upgrade. Perfect for your #SaaS app: ui.angular-material.dev/blocks/applica… #AngularMaterial #UIUX

Angular Material Dev (@ngmaterialdev) 's Twitter Profile Photo

Launching a new product or beta? πŸš€ Our "Form Layout 4" block is the perfect "early access" page. It captures user info and lets them select a plan of interest to help you qualify leads from day one. See it in light & dark mode: ui.angular-material.dev/blocks/applica… #Angular #SaaS #Startups

Launching a new product or beta? πŸš€

Our "Form Layout 4" block is the perfect "early access" page. It captures user info and lets them select a plan of interest to help you qualify leads from day one.

See it in light & dark mode: ui.angular-material.dev/blocks/applica…

#Angular #SaaS #Startups
Dharmen Shah 😎 (@shhdharmen) 's Twitter Profile Photo

Block of the day! ✨ A sleek, single-column form layout for early access applications. This block combines user/company data fields with integrated plan selection cards. A powerful way to build your waitlist. Demo: ui.angular-material.dev/blocks/applica… #AngularMaterial #UIUX #LeadGen

Block of the day! ✨ A sleek, single-column form layout for early access applications.

This block combines user/company data fields with integrated plan selection cards. A powerful way to build your waitlist.

Demo: ui.angular-material.dev/blocks/applica…

#AngularMaterial #UIUX #LeadGen
Angular Material Dev (@ngmaterialdev) 's Twitter Profile Photo

Did you know that all of our blocks support both, Angular version 20 & 19! When copy/pasting, select your version, or better, if you are using our CLI, we will take care of the version for you! Read here how we are managing both versions together πŸ‘‰ ui.angular-material.dev/blogs/angular-…

Did you know that all of our blocks support both, Angular version 20 & 19!

When copy/pasting, select your version, or better, if you are using our CLI, we will take care of the version for you!

Read here how we are managing both versions together πŸ‘‰ ui.angular-material.dev/blogs/angular-…