Component - Abdul Aziz Ahwan

<style>/*<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6102615754735220&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-6102615754735220 -->

</head><body>*/</style>

Meet Franken UI : A Shadcn Alternative for Building UI

Introduction to Franken UI In the dynamic landscape of web development, the need for versatile and efficient UI component libraries has nev...

Abdul Aziz Ahwan 20 Jul, 2024

abdul aziz ahwan , astro , astro js

What's New in Nuxt 3.11: A Comprehensive Overview

Nuxt 3.11 Welcome, Nuxt enthusiasts, to the latest installment of innovation and enhancement in the realm of web development! With Nuxt.js v...

Abdul Aziz Ahwan 19 Mar, 2024

abdul aziz ahwan , adobe xd , Component

Meet Droit UI - The Next Gen Figma Design System

Meet Droit UI - The Next Gen Figma Design System Design systems have revolutionized the way creative professionals, agencies, startups, and ...

Abdul Aziz Ahwan 2 Mar, 2024

3d effect , abdul aziz ahwan , aceternity

Meet Aceternity UI - A Mind Blowing UI Component Library

Meet Aceternity UI - A Mind Blowing UI Component Library In today's fast-paced digital landscape, having a visually captivating website ...

Abdul Aziz Ahwan 27 Feb, 2024

adobe xd , Android , Android Studio

Designing Online Course Education App UI Design from Adobe XD to Android Studio (XD File + Source Code)

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are going to Learn How to Designing Online Course Education App U...

Abdul Aziz Ahwan 24 Feb, 2020 3

Android , Android Studio , app

How to Create Modern Onboarding Walkthrough Screen UI Design for Travel Holiday Application from Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about How to Create Onboarding Walkthrough Screen ...

Abdul Aziz Ahwan 15 Feb, 2020 1

Android , Android Studio , app

Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern MyLearningApp Login Screen ...

Abdul Aziz Ahwan 30 Jan, 2020

Android , Android Studio , Aziz Ahwan

How to Customize Background Shape Bottom Navigation View Material Design Component in Android Studio

#CustomShape #BottomNavigationView #AndroidStudio #Modern Hi everyone, I am Abdul Aziz Ahwan . In this post, we are going to Learn Ho...

Abdul Aziz Ahwan 27 Jan, 2020

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY64cxQdw0yF-TnIlU0qowlzV94vDQ:1732421711975';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d548045071468246972','//www.abdulazizahwan.com/search/label/Component?max-results\x3d10','548045071468246972');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '548045071468246972', 'title': 'Abdul Aziz Ahwan', 'url': 'https://www.abdulazizahwan.com/search/label/Component?max-results\x3d10', 'canonicalUrl': 'https://www.abdulazizahwan.com/search/label/Component?max-results\x3d10', 'homepageUrl': 'https://www.abdulazizahwan.com/', 'searchUrl': 'https://www.abdulazizahwan.com/search', 'canonicalHomepageUrl': 'https://www.abdulazizahwan.com/', 'blogspotFaviconUrl': 'https://www.abdulazizahwan.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-KJG2YX6J4R', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Abdul Aziz Ahwan - Atom\x22 href\x3d\x22https://www.abdulazizahwan.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Abdul Aziz Ahwan - RSS\x22 href\x3d\x22https://www.abdulazizahwan.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Abdul Aziz Ahwan - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/548045071468246972/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/07133761082581680081\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-6102615754735220', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d78375fb222d99b3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'Component', 'pageName': 'Component', 'pageTitle': 'Abdul Aziz Ahwan: Component', 'metaDescription': 'Learn Mobile Flutter Web Development Design and Technology with our Tutorials and Tips Tricks for a Seamless Coding Experience'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Abdul Aziz Ahwan', 'description': 'Learn Mobile Flutter Web Development Design and Technology with our Tutorials and Tips Tricks for a Seamless Coding Experience', 'url': 'https://www.abdulazizahwan.com/search/label/Component?max-results\x3d10', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'Component', 'resultsMessage': 'Showing posts with the label Component', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eComponent\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '5820699889730015789', 'title': 'Meet Franken UI : A Shadcn Alternative for Building UI ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVyAEQUbMDbeC6ldIaHS-mkE3aaz5EcMy2r-nvY-ZvWh2OKPkQFbG5IHTF08fEPaFLke_Mz4P2VIKUuXVmHqs4sqH_uy7ZOdXf30k_YJh-fp96T2sSld_HvLZRcicbHL5pAxtCGfp6aPx6kYSGvAW3p0dR256BjRkCp5y7CpJRZoOTnsrxFIrI_YX5hrtD/s16000/Meet%20Franken%20UI%20ShadCN%20Alternative.webp', 'showInlineAds': true}, {'id': '7154000091745414320', 'title': 'What\x27s New in Nuxt 3.11: A Comprehensive Overview', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQRI5zi2n51ae5eWmNG_OdDuXnZiOnL8u88JCj8P96Ub62vzI4vQAEgTevgypBIoeF3fibMQw6_i9Nz0TFg8gsTb5gjXuY2Uf0J_oe89LRqtVR2j9GWnySU64HMyAULRwmy1omcEZmQQlH1wxVfM9diBQ0GatxJgkpkpasLE0w4OkPIRGB_iO-_tw-7zVk/s16000/What\x27s%20New%20in%20Nuxt%203.11_%20A%20Comprehensive%20Overview.webp', 'showInlineAds': true}, {'id': '6819893346836960185', 'title': 'Meet Droit UI - The Next Gen Figma Design System', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEVsEaXCah3ZQxLeR2u-jeKT5juvqnMraWYCRiK832lFhvwu80nok78krCOi6-S2223Gdu5DtFlxNX7s0Np0UQjSsnNJb27tI2o6lIK9ev4vt2zJNMFgelvuXInTpBVOBlHNs28QzVqCxX5UZBcuO36Z7YH-fjLhXo_q7E865SUDPMOAe9d7ZrxeCY_fq/s16000/Meet%20Droit%20UI%20-%20The%20Next%20Gen%20Figma%20Design%20System.webp', 'showInlineAds': true}, {'id': '6755784164181090620', 'title': 'Meet Aceternity UI - A Mind Blowing UI Component Library', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP4WfPvOTXN_HsFj14iXZeOQyw61Dy0VHWh0jY_j68WOdAYNc6IwhNacBKS-SpW8bIOYJQANEuOggwlOVdjqOjIjUdnUq-zD1CB3IRLqCXzC3tO3cmH8eXuRb6KuzfZ5k5ZgNj1DLJtXoZs9wwqtxUUYOxMOyrIubcIG_ujzW1qdwIeuWU7eJLyvTQvywF/s16000/Meet%20Aceternity%20UI%20-%20A%20Mind%20Blowing%20UI%20Component%20Library.webp', 'showInlineAds': true}, {'id': '1835183708912784458', 'title': 'Designing Online Course Education App UI Design from Adobe XD to Android Studio (XD File + Source Code)', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_smCN4ZYvFSHcMSa4pVckCNiZz_z35IhwCESXZ-JXlAbv0utA5uUV4HLiAJrvjxyVQMBkWgGXXVeJHrPDKHNeFKorWzzs64kD9PdWlzYcfqGzhj4p3uLJRBNtZqEnmhR21fB0oPMrlkaGl2c9zi-6lAPHg6uxXyIo-2EOssumf9rZ6YJ_czHfXh', 'showInlineAds': true}, {'id': '5192322280690639283', 'title': 'How to Create Modern Onboarding Walkthrough Screen UI Design for Travel Holiday Application from Adobe XD to Android Studio', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vHPYveBXrW9JC5bi1SvMwZCEgYrpSOLe7_lZy2iMOveftyRMRxt4g5hvF4N19LyCiU01L-jfzb6ueHae2R3U9eOoPrCygqgWELcDnhT6xsjaqu-8yiM0mMLYyyjMqi9mucqEhTHHQpoCNX8Sqg7A8KnkDqyXsV3hYJsytXeeQdHClb45yppaNUsA', 'showInlineAds': true}, {'id': '5838868757242701454', 'title': 'Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tKEW8dNp0lKC-i3xMCOnOPOmJDkUwLLrliFucqXhIb2tLxB5lR5BAFO797sjFle_KxrjhQRbg8J0DyL5lRKewem5-W74Wt17ne0YXLAD1JeRaDP-MLFn_UuJGqZ9KTgX7jGyKBGXI-xsyVWFFuMw', 'showInlineAds': true}, {'id': '2170809270918164940', 'title': 'How to Customize Background Shape Bottom Navigation View Material Design Component in Android Studio', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZTxx70tf922j863COvtRVqwK8RWYDksoHRU3hrTTXXxvi9u65YFKUqDSUi13VdyOGTbW_HPzGiv_uT706VCMes382tnzbMY_rlfQAv0Zfy130KT1R9FM7MAdEvI2VPCVShUEFwhJBMoV/s640/How+to+Customize+Background+Shape+Bottom+Navigation+View+Material+Design+Component+in+Android+Studio.png', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'Blog Archive', 'type': 'BlogArchive', 'sectionId': 'sidebar-static', 'id': 'BlogArchive10'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML2'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'type': 'AdSense', 'sectionId': 'sidebar-sticky', 'id': 'AdSense1'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Verified by', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML1'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3eComponent\x3c/b\x3e. \x3ca href\x3d\x22https://www.abdulazizahwan.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2646514562-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive10', 'sidebar-static', document.getElementById('BlogArchive10'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-sticky', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar-sticky', document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer-widget', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>