# Osmo

> Resource vault and toolkit of animations, components, and transitions for Webflow and HTML

Osmo is a curated platform of production-ready web animations, interactive components, easings, and icons built by award-winning creative developers Dennis Snellenberg and Ilja van Eck. It provides copy-paste code and Webflow assets to help developers quickly build polished, award-level interactions without starting from scratch.

Website: https://osmo.supply/

## What it is for

- Add complex GSAP or CSS animations to Webflow and HTML projects
- Implement smooth full-page transitions between site views
- Browse and copy accessible interactive button styles and micro-interactions
- Copy customized easing curves directly into GSAP or CSS configurations

## Features

- The Vault: searchable collection of 200+ cloneable components and scripts
- GSAP and CSS animations for sliders, navigation menus, and 3D card effects
- Dedicated page transition video course
- Ready-to-paste easing curves for CSS and GSAP
- Button Pack with 100 accessible button designs
- Uniform library of scalable SVG icons
- Free demo tier with 20 sample resources

## Pricing

Paid. Free demo with 20 resources; Solo plan starts at €20/month billed annually (€25/month billed quarterly)

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: no
- Platforms: Web
- For: Creative developers, Webflow designers, and front-end engineers looking for advanced interaction snippets.
- Alternative to: Relume, Flowbase
- Tags: webflow, gsap, animations, ui components, transitions, frontend, css

## Why it was saved

- [@flux.academy, 6 November 2024](https://www.instagram.com/reel/DCB3U9et5WV/): Enables web designers and developers to incorporate high-end interactive effects and award-winning site animations into their projects.
- [@osmosupply, 6 November 2024](https://x.com/osmosupply/status/1854150592341356988): A toolkit for creating award-winning web animations without building everything from scratch.

## Compare

- [Alternatives to Relume](https://xiry.app/alternatives/relume.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 3 October 2026. Page: https://xiry.app/resources/osmo

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.