Playful Angular CDK Drag Examples

Introducing "Fancy Blocks": A New Collection of Creative & Interactive Components for Angular Material Blocks We believe development should not only be functional but also fun. That's why we're thrilled to launch "Fancy Blocks," a new collection dedicated to fun, weird, and inspiring components and microinteractions. We're kicking things off with two playful blocks: Memory Album: A beautiful way to showcase photos in a draggable, interactive stack. Words Album: A component for playing with and arranging words or tags. Both are fantastic examples of the power and simplicity of the angular cdk drag-drop module, making them great learning tools as well. We invite you to explore "Fancy Blocks" and add a touch of delight to your next project: https://ui.angular-material.dev/blocks/marketing/fancy/fancy-blocks Add them quickly in your angular projects ⚡️ npx @ngm-dev/cli add free-fancy/memory-album npx @ngm-dev/cli add free-fancy/words-album

Jun 5, 2025 - 06:30

Introducing "Fancy Blocks": A New Collection of Creative & Interactive Components for Angular Material Blocks

We believe development should not only be functional but also fun. That's why we're thrilled to launch "Fancy Blocks," a new collection dedicated to fun, weird, and inspiring components and microinteractions.

We're kicking things off with two playful blocks:

Memory Album: A beautiful way to showcase photos in a draggable, interactive stack.
Words Album: A component for playing with and arranging words or tags.

Both are fantastic examples of the power and simplicity of the angular cdk drag-drop module, making them great learning tools as well.

We invite you to explore "Fancy Blocks" and add a touch of delight to your next project: https://ui.angular-material.dev/blocks/marketing/fancy/fancy-blocks

Add them quickly in your angular projects ⚡️

npx @ngm-dev/cli add free-fancy/memory-album
npx @ngm-dev/cli add free-fancy/words-album