---
title: "Blocks — Free Framer component · Best of Framer"
description: "Free Framer component · by Jay Ji · Interactive. Blocks+ deconstructs your visuals into pixel-like cubes, then rebuilds them piece by piece."
canonical: "https://framer.elliotli.dev/component/blocks"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Blocks

# Blocks

[View on Framer](https://framer.com/marketplace/components/blocks/?via=elliot-li)

![Blocks preview image 1](https://framer.elliotli.dev/og/component/blocks/3241512ea5eb2a8b/1600x1200.jpg)

## Summary

Blocks+ deconstructs your visuals into pixel-like cubes, then rebuilds them piece by piece.

## Description

Blocks+ deconstructs your visuals into pixel-like cubes, then rebuilds them piece by piece. This vibrant block-by-block reveal creates a sense of futuristic construction, adding both precision and sophistication to your presentation.

Blocks+ deeply integrates WebGL into Framer, delivering refined visuals while preserving performance. Focus on your creative vision — then publish it with ease.

## Features

-   Supports custom images and videos.
    
-   Adjustable properties to help you create unique effects.
    
-   Supports scroll animations and scroll-based transformations.
    
-   Works with Framer Variants for engaging sequence animations.
    
-   Compatible with Framer’s native Transition controller.
    
-   Additional helper settings for mobile-specific optimization.
    
-   High-performance animation engine built for production-level pages.
    
-   Precise control over animation endpoints — fully or partially reveal media content.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-wcc43jxx-EpLPH2KkE6UJnj8IbN2GFkUfKd6ecp)

For more information, visit [Reveals.cool](http://Reveals.cool)

## Rank history [How rankings work →](/terms#rankings)

-   All · #5899

## Details

- **Author**: Jay Ji
- **Published**: 2025-11-20
- **Updated**: 2025-11-18
- **Added**: 2025-11-08
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase