Discover the best animejs websites created by professional designers. Get inspired and start planning your perfect animejs web design today!

Swap Headlines

Swap Headlines Animation

Text animations are everywhere these days on the web. Here are four letter animations using the library anime.js that can spice up your designs. 

To use it just follow these simple steps:

**It only works on published sites not on the Webflow builder **

1. Give a class to the text you want to animate. For example: “animation1”
2. Add a span to the text and give it a class of “letter”
3. Copy the code on "Settings > Before body tag" and make sure you change the class to the one you used on step 1. 

That's it! If you have any questions feel free to comment.

Sign up for the lesson: https://www.webflowtips.com/b/how-to-animate-texts-using-anime-js

P.S 🙂  🙌  - Like or follow if this was useful for you.

14 of 50

Text animations with anime.js

Text Animations with Anime.js

Some basic text reveals animations based on Anime.js with a smooth scroll using Luxy.js. 

Click on the read more or credits link to reveal more content.

Click on Say hello 👋 to request more. Follow for more clonable.

Text Animation Timeline

Text Animation based on Anime.js

Interactiv Svg Morph

Interactiv Svg morph + Blotter text

T.RICKS Game

Just a Tryout, have fun with it 🤙🏼

Staggered Animation     AnimeJS
Infinite Carousel             SplideJS
Link Delay                       customJS

Infinite Image Slider

Image Slider with Transition Effect

ViDesigns

vanholtz

AnimeJs Portfolio List

Hi,
A collection of letters animations collection with Anime.js 
[credit to @tobiasahlin].

3 important things to keep in mind:
- H1 class name.
- Spans class name.
- Update the script with your class names.

Have fun!

Anime-letters

anime-letters

This is a partial clone of the VC Swipe site (https://www.vcswipe.com)

- Full page scroll transition with Anime.js
- Control most of the interaction with Anime.js
- Control Lottie with Lottie.js
- Use mix-blend-mode

Incoming : 
- Seamless page transition with Barba.js
- More Slides & Pages
- Detail animation
- Slide progression element
I create it to practice and showcase my skill to getting hired on Upwork
=> https://www.upwork.com/freelancers/~01993b9a585a347664

Clone of VC Swipe

partial-clone-of-vcswipe | custom fullpage scroll | anime.js

This demo showcases an animated button on hover using the Anime.js script and Grid in Webflow.

Watch video here: https://www.youtube.com/watch?v=gPmiWwEHTSY

WebDev For You - Interaction #155

An experimental project made by the SAYU. Team to test out the ability of Webflow Interaction and Anime.js. It works on mobile by replacing the hover interaction with a staggering effect. 

This project is cloneable and free to use in your Webflow Project.

Want us in your next project? Contact us at sayu.studio/contact

Tiles | SAYU. Experimental

tiles-s | Anime.js Cloneable

In today's live stream I go over how to create staggered animations with Grid and the Anime.js script in Webflow.

Watch video here: https://www.youtube.com/watch?v=CNtK1ND8NGs

WebDev For You - Live Stream - 10/13/2021

WebDev For You - Staggered Animations with Anime.js

Kvalifik

Unify Partners is the new challenger in the Danish market for management consulting. We helped them develop their brand and built a website that reflect the high standard of the services they deliver.

Read more about the case:
https://www.kvalifik.dk/cases/unify-partners

Unify Partners

Unify Partners - Management Consulting

Florence's Fabulous Site

florences-fabulous-site

Scaler Marketing

Beautiful coastal condos with stunning views of Boston. Enjoy Stress-Free Living.

Cove Condos

The Code at 600

An Industry Leader In Making Industry Leaders. Imagine what’s possible when you combine experienced brand storytelling and PR with the science of integrated marketing.

Greenough

My 2021 graphic design portfolio from the last 2 years at San Diego City College. I had a lot of fun playing with anime.js and other interactions.

Portfolio Site

Luke Meyer 2021 Portfolio

Hi there, I’m Alex Hornak an Art Director based in Connecticut, passionate about crafting brands, experiences, and products through hybrid creativity.

Would love any thoughts or feedback on the project. Thanks for checking it out!!

Discover animejs websites built by the Webflow community

Discover animejs websites built by the Webflow community