Back to Browse

Moreblocks V2 - Preview | Full Walkthrough & Tutorial

624 views
Sep 5, 2024
12:08

In this video, I walk you through the Moreblocks Components Library Chrome Extension, a powerful tool that allows Breakdance Users to seamlessly display and access component and UI components directly on their web pages. Follow along to see how the extension works and how you can integrate it into your own projects! --- 0:00 - Introduction - Overview of the Moreblocks Components Library and what to expect in the video. 1:01 - Chrome Extension V1 - Walk through of the old Extension 2:21 - Chrome Extension V2 / Basic Features Overview - Explanation of the extension's core functionality, including displaying code snippets and UI components in an overlay. 02:50 - Dark Mode Toggle - Demonstration of how the extension adapts to light and dark mode based on your system settings. 03:57 - Real-Time Search & Filtering - How the extension supports real-time search and dynamic filtering to help you find what you need quickly. 05:00 - Advanced Filtering Features - Detailed demo of filtering snippets by tier (Pro, Free, Ultimate) and how the “Show Favorites Only” feature works. 05:37 - Switching Between List and Grid View - Demonstration of the two available view modes (List and Grid), how to switch between them, and when each view is most useful. 06:29 - Card Overview (Component) - The Component card in the Moreblocks Components Library displays essential details about each code snippet or UI component. It includes the component's label, a thumbnail image (or preview), and action buttons for copying component or viewing the component in a new window. Each card is organized with a tier badge to indicate its category (Pro, Free, etc.), and a favorite button to quickly mark preferred snippets for easy access later. 07:05 - Favorites Management - How to favorite snippets and manage your favorite components within the extension. 09:18 - Component View Modes (Mobile, Tablet, Desktop) - Explanation of how you can switch between different view modes (mobile, tablet, desktop) within the component overlay to see responsive designs in action. 10:07 - Reload New Component - Append the component List. 11:00 - Conclusion & Future Updates - A recap of the features covered and a sneak peek at potential future updates for the extension. Additional Resources: Get Breakdance: https://breakdance.com/ref/27/ Moreblocks: https://moreblocks.com/ Facebook Group: https://www.facebook.com/groups/moreblocks Screen Recorder: https://linke.to/ssrec Clamp Extension: https://linke.to/moreblocksutilities Browser: https://arc.net/ Element Hive: https://elementshive.com/#pricing Remember to like, subscribe, and click the notification bell to get updates on our latest content. Have questions or want to see more on a specific topic? Leave a comment below!

Download

0 formats

No download links available.

Moreblocks V2 - Preview | Full Walkthrough & Tutorial | NatokHD