Development · Website

Osmo

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

Visit osmo.supply ↗

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.

What it's 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
Topic
UI Components
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: Enables web designers and developers to incorporate high-end interactive effects and award-winning site animations into their projects.
  • @osmosupply, 6 November 2024: A toolkit for creating award-winning web animations without building everything from scratch.

Compare

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated