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 Takipçi

4 Takip Edilen

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-…