MACUI

MACUI v3.0

MACUI v3.0

Explore and use MACUI! Best component with unique theme and get some Redesign of Tailwind components.

Install

GitHub Documentation
How to use MACUI css?

Add below css in your head tag of HTML.

<!--[MACUI@3.0 CSS via cdn]--> 
 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/developerdhaval/MACUI@main/macui@3.0.css" text="text/css"/>

Add below script in your body tag of HTML.

<!--[Theme Script Required]--> 

<script src="https://cdn.jsdelivr.net/npm/theme-change@2.0.2/index.js"></script>

Colors

MACUI colors classes and explain.

color-1 (c1) #cafad7;
color-2 (c2) #d6cefb;
color-3 (c3) #e8f0fe;
color-4 (c4) #f6f8c9;

Utilities

Background colors
c1: #cafad7;
c2: #d6cefb;
c3: #e8f0fe;
c4: #f6f8c9;

Buttons colors
btn1: #2fd76c;
btn2: #a593ff;
btn3: #bfd6fd;
btn4: #f1f790;

Components

Use MACUI components

Explore all components

About the author

Explore best products for your projects.

Post a Comment

Post a Comment

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3551516202-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7pHOTx7NHa7skl-urJ_UeOfe8pEw:1744288041085';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d115342916146118039','//themacui.blogspot.com/2025/01/macui.html','115342916146118039');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '115342916146118039', 'title': 'MACUI', 'url': 'https://themacui.blogspot.com/2025/01/macui.html', 'canonicalUrl': 'https://themacui.blogspot.com/2025/01/macui.html', 'homepageUrl': 'https://themacui.blogspot.com/', 'searchUrl': 'https://themacui.blogspot.com/search', 'canonicalHomepageUrl': 'https://themacui.blogspot.com/', 'blogspotFaviconUrl': 'https://themacui.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', '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\x22MACUI - Atom\x22 href\x3d\x22https://themacui.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22MACUI - RSS\x22 href\x3d\x22https://themacui.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MACUI - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/115342916146118039/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MACUI - Atom\x22 href\x3d\x22https://themacui.blogspot.com/feeds/7946439488964902373/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-2455000791906784', '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/2d13b6e9c1c14da1', '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': 'item', 'postId': '7946439488964902373', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0pTGDQ-I7psw0g-IZezcD4bBYJuh1FzibaRt5ud2eQRLwUc9mNCXtfOUv7OcrybTYX9d6xfHaQPH637w3cMPZDn4EZ6sTISEAuoKTB-9-t327VdjjZHtdFGl5NYI6XjHzmkB8xaLp9h89gTAKWUZMfNg5JrBOTyHJo3JDkOz2NWaxx1DwSdHdekMpXb5O/s72-c/Screenshot%202025-04-07%20214359.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0pTGDQ-I7psw0g-IZezcD4bBYJuh1FzibaRt5ud2eQRLwUc9mNCXtfOUv7OcrybTYX9d6xfHaQPH637w3cMPZDn4EZ6sTISEAuoKTB-9-t327VdjjZHtdFGl5NYI6XjHzmkB8xaLp9h89gTAKWUZMfNg5JrBOTyHJo3JDkOz2NWaxx1DwSdHdekMpXb5O/s16000/Screenshot%202025-04-07%20214359.png', 'pageName': 'MACUI', 'pageTitle': 'MACUI: MACUI', 'metaDescription': 'MACUI v3.0'}}, {'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': 'MACUI', 'description': 'MACUI v3.0', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0pTGDQ-I7psw0g-IZezcD4bBYJuh1FzibaRt5ud2eQRLwUc9mNCXtfOUv7OcrybTYX9d6xfHaQPH637w3cMPZDn4EZ6sTISEAuoKTB-9-t327VdjjZHtdFGl5NYI6XjHzmkB8xaLp9h89gTAKWUZMfNg5JrBOTyHJo3JDkOz2NWaxx1DwSdHdekMpXb5O/s16000/Screenshot%202025-04-07%20214359.png', 'url': 'https://themacui.blogspot.com/2025/01/macui.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7946439488964902373}}, {'name': 'widgets', 'data': [{'title': 'MACUI (Header)', 'type': 'Header', 'sectionId': 'sec_Header_Title', 'id': 'Header01'}, {'title': 'Search', 'type': 'BlogSearch', 'sectionId': 'sec_Header_Search', 'id': 'BlogSearch01'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'sec_Header_Icon', 'id': 'TextList01'}, {'title': 'Contributors', 'type': 'Profile', 'sectionId': 'sec_Header_Icon', 'id': 'Profile01'}, {'title': 'Bookmark Posts', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList02'}, {'title': 'Translate', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList03'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'sec_Nav_Widgets_1', 'id': 'HTML01'}, {'title': 'Navigation Menu (Simple)', 'type': 'PageList', 'sectionId': 'sec_Nav_Widgets_1', 'id': 'PageList01'}, {'title': 'Additional Links', 'type': 'PageList', 'sectionId': 'sec_Nav_Widgets_2', 'id': 'PageList02'}, {'title': 'Notification', 'type': 'LinkList', 'sectionId': 'sec_Notif_Widgets', 'id': 'LinkList06'}, {'title': '', 'type': 'HTML', 'sectionId': 'sec_Top_Widgets', 'id': 'HTML5'}, {'title': '', 'type': 'HTML', 'sectionId': 'sec_Top_Widgets', 'id': 'HTML8'}, {'title': '', 'type': 'HTML', 'sectionId': 'sec_Top_Widgets', 'id': 'HTML7'}, {'title': '', 'type': 'HTML', 'sectionId': 'sec_Top_Widgets', 'id': 'HTML6'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'sec_Main_Widgets', 'id': 'Blog01', 'posts': [{'id': '7946439488964902373', 'title': 'MACUI', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0pTGDQ-I7psw0g-IZezcD4bBYJuh1FzibaRt5ud2eQRLwUc9mNCXtfOUv7OcrybTYX9d6xfHaQPH637w3cMPZDn4EZ6sTISEAuoKTB-9-t327VdjjZHtdFGl5NYI6XjHzmkB8xaLp9h89gTAKWUZMfNg5JrBOTyHJo3JDkOz2NWaxx1DwSdHdekMpXb5O/s16000/Screenshot%202025-04-07%20214359.png', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}]}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'sec_Main_Widgets', 'id': 'HTML11'}, {'title': 'MACUI', 'type': 'HTML', 'sectionId': 'sec_Side_Widgets', 'id': 'HTML9'}, {'title': 'Subscribe', 'type': 'HTML', 'sectionId': 'sec_Side_Widgets', 'id': 'HTML4'}, {'title': 'Report', 'type': 'HTML', 'sectionId': 'sec_Side_Widgets', 'id': 'HTML3'}, {'title': 'Policy', 'type': 'HTML', 'sectionId': 'sec_Side_Widgets', 'id': 'HTML1'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sec_Side_Widgets', 'id': 'PopularPosts01', 'posts': [{'title': 'Components', 'id': 2412098566154008472}, {'title': 'Create website', 'id': 8369899567988680396}, {'title': 'MACUI', 'id': 7946439488964902373}, {'title': 'Design', 'id': 3905032754880984296}, {'title': 'Templates', 'id': 8258031155806452767}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Side_Widgets', 'id': 'Label01'}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'sec_Error_404', 'id': 'HTML404'}, {'title': 'Organization Name [BlogTitle]', 'type': 'Image', 'sectionId': 'sec_Footer_Widgets_1', 'id': 'Image21'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets_2', 'id': 'LinkList22'}, {'title': 'MACUI', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets_3', 'id': 'LinkList23'}, {'title': 'Legal', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets_4', 'id': 'LinkList24'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'sec_Footer_Credit', 'id': 'HTML21'}, {'title': 'Mobile Menu', 'type': 'TextList', 'sectionId': 'sec_Mobile_Menu', 'id': 'TextList99'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Theme_Hidden', 'id': 'Label41'}, {'title': '\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u09ab\u09b0\u09cd\u09ae', 'type': 'ContactForm', 'sectionId': 'sec_Theme_Hidden', 'id': 'ContactForm41'}, {'title': 'Pageviews last month', 'type': 'Stats', 'sectionId': 'sec_Theme_Hidden', 'id': 'Stats41'}, {'title': 'Progressive Web App', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList62'}, {'title': 'Image Uploader', 'type': 'Image', 'sectionId': 'sec_Addon_Widgets', 'id': 'Image61'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header01', 'sec_Header_Title', document.getElementById('Header01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch01', 'sec_Header_Search', document.getElementById('BlogSearch01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList01', 'sec_Header_Icon', document.getElementById('TextList01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile01', 'sec_Header_Icon', document.getElementById('Profile01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList02', 'sec_Header_Icon', document.getElementById('LinkList02'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList03', 'sec_Header_Icon', document.getElementById('LinkList03'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML01', 'sec_Nav_Widgets_1', document.getElementById('HTML01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList01', 'sec_Nav_Widgets_1', document.getElementById('PageList01'), {'title': 'Navigation Menu (Simple)', 'links': [{'isCurrentPage': false, 'href': 'https://themacui.blogspot.com/p/privacy-policy.html', 'id': '7798145977381929018', 'title': 'Privacy Policy'}, {'isCurrentPage': false, 'href': 'https://themacui.blogspot.com/p/legal-rules.html', 'id': '2754279284466351257', 'title': 'Legal Rules'}, {'isCurrentPage': false, 'href': 'https://themacui.blogspot.com/p/sitemap.html', 'id': '5666226364058570505', 'title': 'Sitemap'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList02', 'sec_Nav_Widgets_2', document.getElementById('PageList02'), {'title': 'Additional Links', 'links': [{'isCurrentPage': false, 'href': 'https://themacui.blogspot.com/p/terms-and-conditions.html', 'id': '9082722805814871586', 'title': 'Terms and Conditions'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList06', 'sec_Notif_Widgets', document.getElementById('LinkList06'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sec_Top_Widgets', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sec_Top_Widgets', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sec_Top_Widgets', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sec_Top_Widgets', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog01', 'sec_Main_Widgets', document.getElementById('Blog01'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/549359800-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3681588378-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sec_Main_Widgets', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sec_Side_Widgets', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sec_Side_Widgets', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sec_Side_Widgets', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sec_Side_Widgets', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts01', 'sec_Side_Widgets', document.getElementById('PopularPosts01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label01', 'sec_Side_Widgets', document.getElementById('Label01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'sec_Error_404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image21', 'sec_Footer_Widgets_1', document.getElementById('Image21'), {'resize': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList22', 'sec_Footer_Widgets_2', document.getElementById('LinkList22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList23', 'sec_Footer_Widgets_3', document.getElementById('LinkList23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList24', 'sec_Footer_Widgets_4', document.getElementById('LinkList24'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'sec_Footer_Credit', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList99', 'sec_Mobile_Menu', document.getElementById('TextList99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label41', 'sec_Theme_Hidden', document.getElementById('Label41'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm41', 'sec_Theme_Hidden', document.getElementById('ContactForm41'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': '\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u09ab\u09b0\u09cd\u09ae', 'blogId': '115342916146118039', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY4hd9PbGaqyFe7OjJZw_LvlT26SSw:1744288041085', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats41', 'sec_Theme_Hidden', document.getElementById('Stats41'), {'title': 'Pageviews last month', 'showGraphicalCounter': false, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//themacui.blogspot.com/b/stats?style\x3dBLACK_TRANSPARENT\x26timeRange\x3dLAST_WEEK\x26token\x3dAPq4FmAQAiuU_gTlC24uxnL0wNeJUiE2S0AoS2mn97nCyfqtAwpF2_edUtdUR7x2AreECiLgYB_5s7SqDHBZ1uRYLR6fhKVV9g'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList62', 'sec_Addon_Widgets', document.getElementById('LinkList62'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image61', 'sec_Addon_Widgets', document.getElementById('Image61'), {'resize': false}, 'displayModeFull'));
</script>
</body>