September 13, 2022

Introducing the New Advanced Template for Blocs

Introducing the new Freedom template for Blocs, the newest template with many cool features and advanced customizations, which is perfect for any project or for learning web design with Blocs app.

10thestrand

The first thing I want to share today is the Freedom Template, a Blocs template with many cool features and advanced customizations. Usually, I don’t like to add custom code or complex structures to my templates, but with the Freedom, I am making an exception.

I will create multiple tutorials explaining how to do everything in the list below, and share these tutorials with Blocs Master members in the coming weeks. I will also keep adding new advanced features to this template with updates.

Keep in mind that this is the first Bootstrap 5 template, and it comes with a folder of local fonts (which you need to install using the Font Manager in Blocs before opening the project).

Features included in the version 1.0:
  • The height of the sticky header bloc smoothly shrinks on scroll

  • The color of this sticky header also changes on scroll

  • The logo image file changes on scroll

  • The size of the logo image also becomes smaller on scroll

  • The hamburger menu icon changes color on scroll

  • The navigation menu links change color on scroll

  • Offcanvas sidebar linked to the button in the first bloc

  • Smooth darken overlay effect for cards on hover

  • Smooth image zoom effects for cards on hover

  • The whole card acts as a link (stretched-link class)

  • Animated timeline bloc with vertical timeline

  • Toggle Class interaction example with overlay window (horizontally scrolling content, like iPhone 14 Pro website)

  • Black and White SVG social icons

  • Horizontally scrolling cards carousel (like Apple Store page)

  • Highly customized Tabbed Content Bric

  • Customized modal with video player

  • Three types of fully customized testimonial cards

Preview the demo

Sign up to get access

(template and tutorials are also available to all existing customers)

Above is the video overview of the Freedom template with a detailed tutorial explaining how to add a custom sidebar or a mega menu to any Blocs project using the Offcanvas feature.

You can also watch it on YouTube (and use chapters to navigate between the different sections of this very long video).

Check the Freedom Template »

Site Templates.

A collection of professionally designed premium templates for Blocs.

Real Human Support.

No matter what problem you have, the Blocs Master Support Team (aka ‘Eldar 😎’) has got you covered! And yes, we usually come back with help much faster than the advertised response time.

What Blocs users say about Blocs Master

Read a testimonial letter from Frank.

This wonderful guy has created a series of videos (many free) which cover every aspect of Blocs in simple to understand examples. I promise he’s not paying me to write this, but I like many are indebted to him for the hours he has spent helping others.

- David

The best website to learn how to use Blocs. Eldar cares to help you if you have problems with the templates.

If you subscribe you will not regret it. It includes a large number of sample templates. 100% recommended

- Wardiam

The best place to learn virtually all there is to know about Blocs for beginners. And what better teacher than Eldar himself who spares nothing to make sure you are on the right track from step one through to intermediate.

- Sabina

What sets Eldar apart from other developers is his amazing customer service, attention to detail and his genuinely positive way of interacting with his customers.

- Lee

It is definitely worth the money if you want to learn Blocs quickly and efficiently, not to mention the many tips and tricks that Eldar has built into his lessons.

- Ive

If you are looking for an in-depth course on how to get the most out of Blocs, I highly recommend Blocs Master Course. 

- Arno