TypeScript Transition

Open-source TypeScript projects categorized as Transition

Top 17 TypeScript Transition Projects

  1. barba

    Create badass, fluid and smooth transitions between your website’s pages

    Project mention: Top 10 JavaScript Animation Libraries in 2025 | dev.to | 2025-03-10

    Check Barba.js 🔥

  2. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo
  3. editly

    Slick, declarative command line video editing & API

  4. swup

    Versatile and extensible page transition library for server-rendered websites 🎉

  5. scroll-out

    ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!

  6. hamburger-react

    Animated hamburger menu icons for React.js weighs only 1.5 KB.

    Project mention: react-burger-menu VS hamburger-react - a user suggested alternative | libhunt.com/r/react-burger-menu | 2025-07-23
  7. react-text-transition

    Animate your text changes

  8. svelte-headlessui

    HeadlessUI components for Svelte (by CaptainCodeman)

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. solid-transition-group

    SolidJS components for applying animations when children elements enter or leave the DOM.

    Project mention: WordHoop: A Lightweight Word Game Built with SolidJS | dev.to | 2024-10-22

    Solid Transition Group: To help apply animations when children elements enter or leave the DOM throughout the game.

  11. slide-element

    A < 750 byte Promise-based library for animating elements with dynamic heights open & closed. Basically, a modern variant of jQuery's slideUp(), slideDown(), and slideToggle().

  12. react-motion-router

    Declarative client-side routing library for React ⚛ with page transitions and animations out of the box. Under Development 🧪.

  13. react-animatable

    Tiny(~1kB) animation hooks for React, built on Web Animations API.

  14. use-transition-effect

    Run long effects without blocking the main thread

  15. react-transition-value

    🚀 Transition number values using easing functions

  16. drain-js

    Makes smooth transitions between two numbers.

  17. react-textra

    Text slider for React

  18. animate4vue

    A library for ready-to-use animations designed for Vue.js applications, featuring over 100 high-performance UI animations crafted with GSAP, offering GPU-accelerated rendering with better performance and efficiency across all devices.

    Project mention: Animate Your Vue.js Applications with Aninate4vue | news.ycombinator.com | 2024-10-07
  19. art-showcase-2020

    A showcase of all of my favourite art pieces from 2020

  20. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript Transition discussion

Log in or Post with

TypeScript Transition related posts

  • Barba.js – Create fluid and smooth transitions between your website's pages

    1 project | news.ycombinator.com | 29 Mar 2024
  • Animated transitions between sections

    2 projects | /r/webdev | 26 Jun 2023
  • How would you make this page transition?

    1 project | /r/webflow | 16 Jun 2023
  • Does anyone know of a method of auto-preloading all pages within a website and dynamically replace the body HTML in the dom with the preloaded page content?

    1 project | /r/webdev | 1 Jun 2023
  • BARBAJS - THREEJS : Meshes disappear after barbajs transition

    1 project | /r/threejs | 29 May 2023
  • Barba.js – Create fluid and smooth transitions between your website’s pages

    2 projects | news.ycombinator.com | 18 Sep 2022
  • Text transition/animation package?

    1 project | /r/react | 24 Aug 2022
  • A note from our sponsor - Sevalla
    sevalla.com | 1 Sep 2025
    Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more! Learn more →

Index

What are some of the best open-source Transition projects in TypeScript? This list will help you:

# Project Stars
1 barba 12,655
2 editly 5,106
3 swup 5,001
4 scroll-out 1,224
5 hamburger-react 1,037
6 react-text-transition 634
7 svelte-headlessui 589
8 solid-transition-group 287
9 slide-element 184
10 react-motion-router 153
11 react-animatable 110
12 use-transition-effect 52
13 react-transition-value 46
14 drain-js 46
15 react-textra 17
16 animate4vue 14
17 art-showcase-2020 2

Sponsored
Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?