What is animsition?

blivesta/animsition — explained in plain English

Analysis updated 2026-06-26

★ 3,793CSSAudience · developerComplexity · 1/5LicenseSetup · easy

Mindmap

mindmap
  root((animsition))
    What it does
      Animated page transitions
      CSS animations on links
      Smoother browsing
    How to add
      CDN script tag
      jQuery dependency
      Short init code
    Use cases
      Static HTML sites
      WordPress sites
      Portfolio pages
    Audience
      Web developers
      Designers
    License
      MIT permissive

mindmap root((animsition)) What it does Animated page transitions CSS animations on links Smoother browsing How to add CDN script tag jQuery dependency Short init code Use cases Static HTML sites WordPress sites Portfolio pages Audience Web developers Designers License MIT permissive

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Add smooth animated page transitions to a static HTML website using a small jQuery plugin

USE CASE 2

Load animsition from a CDN and add a fade transition to a web page without downloading any files

USE CASE 3

Make a WordPress site feel more polished by installing the animsition WordPress plugin

What is it built with?

CSSJavaScriptjQuery

How does it compare?

	blivesta/animsition	csswizardry/inuit.css	nakov/practical-cryptography-for-developers-book
Stars	3,793	3,796	3,799
Language	CSS	CSS	CSS
Setup difficulty	easy	easy	easy
Complexity	1/5	2/5	2/5
Audience	developer	developer	developer

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Use freely for any purpose including commercial projects, as long as you keep the copyright notice (MIT license).

So what is it?

Animsition is a small plugin that adds animated transitions between pages on a website. When a visitor clicks a link and moves from one page to another, instead of the next page appearing instantly, the transition plays a short CSS animation. This makes the browsing experience feel smoother and more polished. It is built as a jQuery plugin, meaning it depends on jQuery, which was a very common JavaScript library for websites. Adding it to a project involves including the animsition CSS and JavaScript files and then calling the plugin with a small amount of setup code. The project's website has a demo and installation instructions. The README is brief and does not go into depth about configuration options or what kinds of animations are available, but the project can be loaded from a CDN without downloading anything, which makes it straightforward to try in a web page. There is also a WordPress plugin built on top of it for sites running on that platform. The project has a small group of maintainers and contributors. It is released under the MIT license. The README does not mention whether the project is still actively maintained, and given that jQuery-based tooling has declined in use over the years, newer projects may not need this approach.

Copy-paste prompts

Prompt 1

I'm using animsition on a jQuery website. How do I configure it to use a slide-in animation when a visitor navigates between pages?

Prompt 2

Add animsition to an HTML page via CDN and set up a basic fade transition that triggers on every internal link click, show me the minimal code.

Prompt 3

I already have jQuery loaded on my site. Show me the smallest possible setup to initialize animsition for page transitions.

Frequently asked questions