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-โ€ฆ