Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Framework

Blendy

Framework-agnostic library that smoothly morphs one element into another.

Visit Blendy4.5

  • Rating

    4.5 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is Blendy?

Blendy is a small JavaScript library that animates one element turning into another, such as a button expanding into a modal. You mark the source and target elements with data attributes and call it with a few lines of code. It works with React, Vue, Svelte, plain JavaScript and other frameworks, and is free and open source under the MIT licence.

Pros: what Blendy does well

  • Smooth element-to-element transitions in a few lines
  • Works with any framework
  • Free and open source (MIT)

Cons: where it falls short

  • Focused on one type of animation
  • Complex layouts may need tuning

Who Blendy is for

Front-end developers who want polished modal and card transitions without a heavy animation library.

Who can skip it

Projects already using a full animation library such as Motion.

Blendy alternatives

Not sold on Blendy? These do a similar job, and each card says what it has in common.

All Workflows resources

ObsidianUI

Focus: react, tailwind and components. Shares ui and animation with Blendy. Freemium (Blendy: Free). Same 4.5 rating.

FrameworkFree planWeb
4.5Visit

GSAP

Focus: javascript, scroll animations and svg. Shares animation with Blendy. Rated 4.8 (Blendy: 4.5).

FrameworkFreeWeb
4.8Visit

Cuelume

Focus: ui sounds, web audio and interaction design. Shares javascript library with Blendy. Rated 4.6 (Blendy: 4.5).

FrameworkFreeWeb
4.6Visit

Theatre.js

Focus: motion, web and 3d. Shares animation with Blendy. Rated 4.6 (Blendy: 4.5).

FrameworkFreeWeb
4.6Visit

Free alternatives to Blendy

Want to spend nothing? These free picks cover similar ground.

OriginKit

Focus: ui components, framer and mcp. Shares animation with Blendy. Same 4.5 rating.

FrameworkFreeWeb
4.5Visit

Spectrum UI

Focus: react, nextjs and tailwind. Shares animation with Blendy. Same 4.5 rating.

FrameworkFreeWeb
4.5Visit

SSGOI

Focus: page transitions, react and svelte. Shares animation with Blendy. Same 4.5 rating.

FrameworkFreeWeb
4.5Visit

Monoco

Focus: squircle, css and ui design. Shares javascript library with Blendy. Rated 4.4 (Blendy: 4.5).

FrameworkFreeWeb
4.4Visit

AnimateIcons

Focus: icons, react and lucide. Shares animation with Blendy. Rated 4.3 (Blendy: 4.5).

FrameworkFreeWeb
4.3Visit
Are you the maker of Blendy?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.