OB Studios
OB Studios
  • 111
  • 114 327
Moreblocks V2.7 - Variable Live Preview Is Here
New Update: Moreblocks V2.7
This update comes a host of new features, Variable Preview Mechanism, Smart Sorting etc
Resources
Extension Link: moreblocks.com/extension/
Additional Resources:
Get Breakdance: breakdance.com/ref/27/
Moreblocks: moreblocks.com/
Facebook Group: groups/moreblocks
Screen Recorder: linke.to/ssrec
Clamp Extension: linke.to/moreblocksutilities
Browser: arc.net/
Element Hive: 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!
Переглядів: 180

Відео

Using Moreblocks Variables with Breakdance
Переглядів 103Місяць тому
In this real-world scenario, I'll demonstrate how to create a hero section from scratch to completion using Moreblocks CSS Variable Manager. Resources V2.5 Extension Link: moreblocks.com/extension/ Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: groups/moreblocks Screen Recorder: linke.to/ssrec Clamp Extension: linke.to/moreb...
Moreblocks V2.5.2 - Grid Layouts & Variable Indicator...
Переглядів 101Місяць тому
New Update: Moreblocks V2.5.2 This update comes a host of new features, Grid Layout Variables, Enhanced CSS Root Template, Used Variable Indicator, Clear All Variable Indicator, etc... Resources Extension Link: moreblocks.com/extension/ Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: groups/moreblocks Screen Recorder: linke.t...
Moreblocks V2.0 and V2.5 Launch Preview
Переглядів 351Місяць тому
Introducing Moreblocks V2.5! This video will guide you through the updated interface of our extension, showcase the enhanced preview feature, and demonstrate the integrated CSS variable manager within the Chrome extension. Resources V2.5 Extension Link: moreblocks.com/extension/ Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: facebook.com...
Moreblocks V2 - Preview | Full Walkthrough & Tutorial
Переглядів 4183 місяці тому
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...
Build an AI Site Using Breakdance
Переглядів 3865 місяців тому
Build a modern AI style hero section using Breakdance Builder. Add a BD effects using ElementHive: A Breakdance Addon. Video Timeline: 0:00 - Introduction 00:57 - Initial Section Build 01:38 - Building Gradient Background 03:20 - Building Hero Copy 09:46 - Add Floating Objects 12:19 - Adding The Badge 13:54 - Add the Hero Picture 16:58 - Adding the Star 18:05 - Add the Pulsing Play Button 21:26...
Steal My Top 5 Hero Text Style
Переглядів 1555 місяців тому
Steal my top 5 Hero Text Style. Video Timeline: 0:00 - Introduction 01:15 - Original Style 01:50 - Style 1 02:24 - Style 2 03:47 - Style 3 05:03 - Style 4 06:56 - Style 5 07:57 - Conclusion / Please Subscribe Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: groups/moreblocks Screen Recorder: linke.to/ssrec Clamp Extension: lin...
Cwicly is BACK and FREE! | The Ultimate WordPress Builder Returns!
Переглядів 1,2 тис.5 місяців тому
Cwicly seems to be back online and it is free. cwicly.com/ discourse.cwicly.com/t/1-4-1-7/5800 Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: groups/moreblocks Screen Recorder: linke.to/ssrec Clamp Extension: linke.to/moreblocksutilities Browser: arc.net/ Element Hive: elementshive.com/#pricing Remember to like, subscribe, a...
Interactive Video Player in Breakdance Builder
Переглядів 3695 місяців тому
Adding a video in WordPress should be an exciting and creative process. In this tutorial, I demonstrate how to craft a custom video player with the help of Breakdance Builder and ElementHive. Video Timeline: 0:00 - Introduction 00:31 - Creating The Tiles in Figma 04:58 - Laying out the structure 09:25 -Adding Spotlight Effect 11:47 - Conclusion / Please Subscribe Additional Resources: Get Break...
Build a Spotlight Tiles Effect in Breakdance using Element Hive
Переглядів 4515 місяців тому
A dull background might be what's stifling your website's design, but introducing a background spotlight effect can truly revolutionize it. Implementing this feature can draw attention to specific areas, making the interface more dynamic and engaging. Video Timeline: 0:00 - Introduction 00:31 - Creating The Tiles in Figma 04:58 - Laying out the structure 09:25 -Adding Spotlight Effect 11:47 - C...
Interactive Dropdown in Breakdance
Переглядів 4945 місяців тому
Build a custom no-code dropdown using Breakdance Builder Video Timeline: 0:00 - Introduction 01:24 - Building the Layout 03:26 - Building the Dropdown 08:52 - Fixing Dropdown Width 12:45 - Adding Hover Animation to Dropdown 13:54 - Add Links to Dropdown Items 14:58 - Please Subscribe Custom Code Used %%SELECTOR%% .breakdance-meu-link { width: 270px; left: -233px; border-radius: 10px; } Addition...
Build This Modern Hero Section with Breakdance Builder
Переглядів 8325 місяців тому
Let's build a modern hero section with Breakdance Builder. Video Timeline: 0:00 - Introduction 01:18 - Styling The Pulsing Dot 04:23 - Gradient Hero Text 09:23 - Gradient Video Section / Content Reveal 16:36 - Removing Content Reveal Button 18:52 - Responsive Mode 19:53 - Please Subscribe Additional Resources: Get Breakdance: breakdance.com/ref/27/ Moreblocks: moreblocks.com/ Facebook Group: fa...
Elementor vs Breakdance: The Battle for the Ultimate Page Builder
Переглядів 9075 місяців тому
In this video, I compare two of my favorite tools in the WordPress ecosystem: Elementor and the Breakdance builder. Each has its unique features and performs well in creating WordPress-based websites. Video Timeline: 0:00 - Introduction 2:14 - Ease of Use (Interfaces) 11:49 - Global Styling 37: 44 - Customization 57:04 - Performance & Code 1:08:27 - Unique Features 01:14:24 - Compatibility & Pl...
Everything About Droip Form Builder
Переглядів 1646 місяців тому
In this video I will take you through all the elements available to you when using the form element found in Droip Builder. From basic element like text into to advanced elements like file upload and reCAPTCHA elements. Chapters 00:00 - Introduction 00:20 - Form Data Overview 03:25 - Form Elements Overview 04:50 - Building The Form 06:48 - Styling Input Fields 09:09 - Input Field Sub Options 10...
Responsive Grids with CSS Auto-Fit in Breakdance
Переглядів 2686 місяців тому
Learn how to create responsive grids effortlessly using CSS Grid's Auto-Fit property! In this tutorial, I'll guide you through the magic of Auto-Fit, showing you step-by-step how to implement it in your Breakdance Builder projects. Grid Template: auto / repeat(auto-fit, minmax(300px, 1fr)); Video Timeline: 0:00 - Introduction 0:40 - Grid Setup 1:59 - Auto-Fit Explanation 4: 45 - Auto-Fit VS Nor...
Mastering Overlapping Grids with Breakdance
Переглядів 8576 місяців тому
Mastering Overlapping Grids with Breakdance
Breakdance v2 - Mastering The New Layout Engine
Переглядів 1,7 тис.6 місяців тому
Breakdance v2 - Mastering The New Layout Engine
Build A Custom Accordion with Droip
Переглядів 2167 місяців тому
Build A Custom Accordion with Droip
How to Build an Off-Canvas Menu Using Droip Builder
Переглядів 3107 місяців тому
How to Build an Off-Canvas Menu Using Droip Builder
Explore Diverse Background Possibilities with Droip
Переглядів 1748 місяців тому
Explore Diverse Background Possibilities with Droip
Dribbble to Droip
Переглядів 5399 місяців тому
Dribbble to Droip
Exploring Droip: The Next Revolution in No-Code WordPress Building
Переглядів 2,7 тис.9 місяців тому
Exploring Droip: The Next Revolution in No-Code WordPress Building
RIP Cwicly: Cwicly Builder Shuts Down Amidst Relentless Attacks and Abuse
Переглядів 8349 місяців тому
RIP Cwicly: Cwicly Builder Shuts Down Amidst Relentless Attacks and Abuse
Glowy Border Effect Using Element Hive
Переглядів 2239 місяців тому
Glowy Border Effect Using Element Hive
New Components: Portfolio Cards for Moreblocks (Pro Users)
Переглядів 2749 місяців тому
New Components: Portfolio Cards for Moreblocks (Pro Users)
Architecture Landing Page Crash Course for Breakdance
Переглядів 443Рік тому
Architecture Landing Page Crash Course for Breakdance
Hover To Reveal Image in Breakdance
Переглядів 891Рік тому
Hover To Reveal Image in Breakdance
Overflowing Text with Scroll Animation using Breakdance
Переглядів 914Рік тому
Overflowing Text with Scroll Animation using Breakdance
Breakdance: Hover Circle Effect with ::after Pseudo Elements
Переглядів 708Рік тому
Breakdance: Hover Circle Effect with ::after Pseudo Elements
No-Code Fancy Card Animation with Breakdance
Переглядів 2,3 тис.Рік тому
No-Code Fancy Card Animation with Breakdance

КОМЕНТАРІ

  • @DanielGraversen-q5m
    @DanielGraversen-q5m 2 дні тому

    Great work!

  • @Bikeonthehills
    @Bikeonthehills 5 днів тому

    Thanks this was helpful

  • @balancedblissfulness
    @balancedblissfulness 16 днів тому

    no cybermonday/blackfriday discount codes for moreblocks?

  • @moog6513
    @moog6513 16 днів тому

    AweSome !!! 💥💫

  • @jbcolson1027
    @jbcolson1027 17 днів тому

    There is a way to do this that is 10x better. Use the desktop version of the menu builder instead Set the width of the containers to 100% The text in the button for the menu dropdown has text and a animated chevron arrow on the right. They are set to "space-between", so all you have to do is set the width of all the containers with css, and the text aligns automatically to the left, and the chevron arrow aligns to the right.

    • @obstudioYT
      @obstudioYT 16 днів тому

      I will checkout your way too and see.

  • @ehekatlnezkatlipoka3448
    @ehekatlnezkatlipoka3448 27 днів тому

    do you know how to do it in wordpress?

    • @obstudioYT
      @obstudioYT 26 днів тому

      That was using Wordpress

  • @arrosyid_al_ayubi
    @arrosyid_al_ayubi 29 днів тому

    As breakdance user, there are great improvement in performance in breakdance than elementor. I still use elementor, but some bug like search feature can't show search icon and i can't resize width and height of search field and no option fullscreen. That breakdance has these make me move for flexibility like problem in resize search in elementor.

    • @obstudioYT
      @obstudioYT 26 днів тому

      I do think breakdance is very flexible.

  • @SeanClarke
    @SeanClarke Місяць тому

    Congratulations!

  • @jugibur2117
    @jugibur2117 Місяць тому

    Why not recording the whole screen? Can't really read the tiny text... even with FullHD enabled.

  • @vovi547
    @vovi547 Місяць тому

    This is good stuff. With the shortcuts for clamp how are you able to specify min and max viewport? Perhaps you would benefit from a default value as 1920 is too high for most use cases. If I want to change the min / max I would need to use the calculator?

    • @obstudioYT
      @obstudioYT Місяць тому

      If you set min and max width on the cal for width I will automatically pick those. But if unset it will use the default sizes.

  • @leemilroy4725
    @leemilroy4725 Місяць тому

    \ - Back slash / - Forward slash You keep saying back slash (\) when you input a forward slash (/)

  • @eyecraftprojects7268
    @eyecraftprojects7268 2 місяці тому

    Sup bro, any way to contact you?

    • @obstudioYT
      @obstudioYT 2 місяці тому

      Email me here. obuobistudios (at) gmail.com

  • @SUPAHOT5109
    @SUPAHOT5109 2 місяці тому

    thanks!

  • @VictorFrazier-o2z
    @VictorFrazier-o2z 2 місяці тому

    Fahey Neck

  • @ChrisSargent-f5j
    @ChrisSargent-f5j 2 місяці тому

    Prince Street

  • @garylawson1695
    @garylawson1695 3 місяці тому

    What’s the point of creating a layout in Figma, when you have to start all over again in breakdance, or any other web builder ? 🤷‍♂️

    • @obstudioYT
      @obstudioYT 3 місяці тому

      I think for large web dev the best way is to organize yourself before you start building. So figma is a great place to organize yourself

  • @maxus1820
    @maxus1820 3 місяці тому

    Great stuff! When will this be available? And why no Firefox extension?

    • @obstudioYT
      @obstudioYT 3 місяці тому

      Those are part of a future plan.

  • @BentonJurkovich-u1g
    @BentonJurkovich-u1g 3 місяці тому

    Sawayn Groves

  • @BenniePeterson-t6d
    @BenniePeterson-t6d 3 місяці тому

    Cora Ranch

  • @LenaAntony-m7p
    @LenaAntony-m7p 3 місяці тому

    Heber Crest

  • @Jentak-y1h
    @Jentak-y1h 3 місяці тому

    is it a problem if I have more than one of these buttons on the same page? Because it will reuse the ID

    • @obstudioYT
      @obstudioYT 3 місяці тому

      Yes it can become a problem.

  • @Dennis-fotomix
    @Dennis-fotomix 4 місяці тому

    Thank you so much for this great tutorial

    • @obstudioYT
      @obstudioYT 3 місяці тому

      You are so welcome!

  • @helmi8962
    @helmi8962 4 місяці тому

    You are really good with breakdance mate

  • @DabraunsDev
    @DabraunsDev 4 місяці тому

    Is there a way to prevent there being only one item on the bottom row without needing to explicitly adjust it? I know you can force the number of items in a row to change, but I'd like it to do it automatically in case I need to add/remove some and don't want to change the grid every time. It'd also be nice to recycle this as a preset.

  • @helmi8962
    @helmi8962 4 місяці тому

    Nice bro

  • @jason-m
    @jason-m 5 місяців тому

    The thing is, no matter what the intentions are for the future of Cwicly, if you download and use it now, and it doesn't receive any further changes, it will still be 1 to 2 years before any other site builder will be able to touch it! Cwicly was the only tool in the WP system that I was truly excited to start working with, so I sincerely hope they see a path forward.

  • @beconsites
    @beconsites 5 місяців тому

    Hi, very good explanation of how to use flexbox. Thank you

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Thank you. 🙏🏿 much appreciated!!

    • @beconsites
      @beconsites 5 місяців тому

      @@obstudioYT ​ After watching your course I though I would have a go using Flexbox to create a layout for Magazine style website but it is not quite working out for me, do you think it could be done? I use columns for my Magazine style design but of course the structure is a bit more rigid, I think it would be great if I could use Flexbox

  • @thewebstylist
    @thewebstylist 5 місяців тому

    Can you add some dynamic on load and scroll style like animations/parallax?

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Definitely, I will look into that.

  • @RMSAnalyst
    @RMSAnalyst 5 місяців тому

    Louis went from being "excited" to have introduced Tailwind ,at the beginning of the month, to telling his customers, who paid hundreds of dollars, that because some "influencers" were "critical" that he was abandoning Cwickly. The message was all out Louis-Alexander. No one was able to point to anyone who bad mouthed Cwickly. On the contrary. Even though they hated Gutenberg, they said that Cwickly was the best Gutenberg builder and recommended it. Any product will have criticism. Bricks, Builder is an example, but I don't see Thomas fleeing because of "criticism." Without criticism, a builder or any product can't improve. The fantasies surrounding Cwickly are jaw dropping. From speculations about whether Louis-Alexander's "life was threatened" - I kid you not , to denial that Cwickly is dead. This latest move doesn't change anything: Cwickly is dead, unless some developer will take it over. After the end of 2024, there will not be any security updates. Anyone who uses Cwickly to develop a customer's website, will be using a product that is not fit for purpose. I can't believe the level of denial or the excuses made for Louis-Alexander's self-centred behaviour. Cwickly is NOT back! It's "free" - which is another kick-in-the-face for those who spent a great deal of money on the promises of Louis-Alexander. His excuse to drop Cwickly is about his immature self who can't deal with any form of criticism - real or imaginary. Not everyone is in love with Tailwind! But, that doesn't mean that Louis-Alexander's inexplicable behaviour should be condoned or forgiven. Cwickly is DEAD!

  • @antonichristian5845
    @antonichristian5845 5 місяців тому

    Once you pull the rug from under someone (in this case your customers) and leave them high and dry then I will never trust that person or business again. This also leaves a bad taste in my mouth and is kind of like a middle finger to all the people that paid for it as well. If you want to use it on personal projects then that's up to you but I wouldn't for client projects that you charge for it's simply not fair on them or right in my opinion.

    • @obstudioYT
      @obstudioYT 5 місяців тому

      That makes sense. It will take a lot for people to get back to using it rigorously like before but time will tell.

    • @LougenneCastillo
      @LougenneCastillo 5 місяців тому

      @@obstudioYT agree, trustworthiness, commitment, credibility, due diligence is necessary for a product that has a huge market and potential in any community. They should have a strong company leader that could oversee the whole company. I can apply to them if they want haha.

    • @geehammer
      @geehammer 4 місяці тому

      One of the weirdest dumb moves I've ever seen. Someone hurt your feelings online? Really? You can't make this 💩 up man. Will never touch this builder again.

  • @thewebstylist
    @thewebstylist 5 місяців тому

    Do you have a video on how Qwicly works now days?

    • @obstudioYT
      @obstudioYT 5 місяців тому

      No, I haven’t done anything on it for almost 9 months now.

    • @thewebstylist
      @thewebstylist 5 місяців тому

      @@obstudioYT seems a great time for a new one OB if you believe in that much man!

  • @robertoalexandru00
    @robertoalexandru00 5 місяців тому

    The only thing I need is that Cwicly is back and never goes away. Personally I am a loyal user who uses its ecosystem in many projects. I think many WordPress users should value more this kind of projects and understand that behind it there is a huge work. And for people who have not yet used Cwicly, just tell them to give them a chance, it is a project that takes care of even the smallest detail. Just... WeLoveCwicly!

    • @obstudioYT
      @obstudioYT 5 місяців тому

      I think if you want to use Cwicly it is absolutely okay. And the product itself is amazing. But people feel like they left hanging which is also absolutely true too. So I hope it stays free and grows as it can.

  • @Nopounet
    @Nopounet 5 місяців тому

    Good news, but there is a lot of builder nowadays, kinda hard to choose, ill stick with breakdance builder for a while, so far its a great improvements over Elementor.

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Yeah. It being free doesn’t change the fact that they left their core customer to fend for themselves. Anyone using it should be cautious.

  • @IsotonikStudios
    @IsotonikStudios 5 місяців тому

    Must e the contrast or something but I really can’t see what’s going on

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Yeah, the contrast is really low after publishing this on UA-cam. I might have to redo this in a future version

    • @IsotonikStudios
      @IsotonikStudios 5 місяців тому

      @@obstudioYT I’ve really enjoyed your other videos!!

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Thanks.

  • @sunflowmediaproductionsllc
    @sunflowmediaproductionsllc 5 місяців тому

    if i may ask what sreen recorder are you using?.nice tutorial I have to look into breakdance.thanks

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Checkout the recorder here: linke.to/ssrec

  • @SeanClarke
    @SeanClarke 5 місяців тому

    Nice tutorial.

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Thanks for watching.

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Thank you! Cheers!

  • @clafflin493
    @clafflin493 5 місяців тому

    Constantly moving is making me DIY. I highly suggest to limit the use of auto zoom feature of screen studio.

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Thanks. Will look into that.

  • @effibedia
    @effibedia 5 місяців тому

    Wonderfull benchmark video Elementor vs Breakdance. I really like it. But my question is: How can i build Multilangage website in Breakdance ?😊

    • @obstudioYT
      @obstudioYT 5 місяців тому

      Thanks. Yes, I have seen a few great multi language website built with Breakdance.

  • @bmax1685
    @bmax1685 5 місяців тому

    ELEMENTOR+BREAKDANCE=POWER BRICKS

  • @viking.karwur
    @viking.karwur 5 місяців тому

    #TeamBreakdance

  • @md.mahafuzurrahman582
    @md.mahafuzurrahman582 6 місяців тому

    Nice man

  • @brianthelion2776
    @brianthelion2776 6 місяців тому

    Why do I not have the 'Grid' option? I can't see 'Grid' in my 'Add' section... 🤔

    • @obstudioYT
      @obstudioYT 6 місяців тому

      Hey this is in the beta version.

  • @TimOlukayodeAjayi
    @TimOlukayodeAjayi 6 місяців тому

    This is advance course really. Like Oliver twist, we need more of this.

  • @petrmai9152
    @petrmai9152 6 місяців тому

    Moreeeeee pleasee ❤❤❤

  • @rubengarciajr
    @rubengarciajr 6 місяців тому

    I need more content !!!

  • @cgeddz
    @cgeddz 7 місяців тому

    what application is on the left of the main breakdance builder?

  • @itspraveensharma
    @itspraveensharma 7 місяців тому

    make these videos for bricks builder bro...

  • @jshossen
    @jshossen 7 місяців тому

    I've learned so many tricks from your video. Thank you so much for sharing!

    • @obstudioYT
      @obstudioYT 7 місяців тому

      You’re welcome.

  • @bomakalu
    @bomakalu 7 місяців тому

    V informative.The quick app changer on the left is it an app ?

    • @obstudioYT
      @obstudioYT 7 місяців тому

      No it’s not.

    • @bomakalu
      @bomakalu 7 місяців тому

      May I ask what it is how it works ?

  • @borisnieminen677
    @borisnieminen677 7 місяців тому

    Thanks for this, I never hear Droip but will try them out for my next project. Cheers

    • @obstudioYT
      @obstudioYT 7 місяців тому

      Get your hands dirty with it.