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

Cloneable rebuild of https://www.dillinger.tv/

Variable Fonts

Variable Font Interactions

Hey Everyone, this is 16 css-only hover animations for links!
Animations no.01 & no.16  are made with embedded CSS code- you'll find the embeds at each belonging link.
Animation no.04 is made by simply changing the "hover state" of the link.
Animation no.15 is made partially by changing the hover state of the link-text (the gradient clipping to the bg) + a Webflow interaction of the link.

 First I thought to go for inspirations to tympanus.net for this project, but I saw that there's already a really cool cloneable for that: https://css-link-effects.webflow.io/, so I've searched across the web for inspirations to make different link animations from those.
For the link hover animation with squiggly lines all credits goes to Nikolai Bain: https://www.youtube.com/watch?v=uLyyQ1XTNfA  
I hope you can use some of these links for your next Webflow sites!


simple hover animations for links

Link hover animations

The weight, color, scale, and rotation of the divs react with your mouse positioning.

Another one in my journey of learning code, particularly JS!

⚠️ YesCode: Code-heavy project! ⚠️

My take on SuperHi's reactive variable font tutorial:
https://library.superhi.com/posts/how-to-make-reactive-type-as-seen-on-the-airbnb-cereal-site

Which was inspired by Airbnb's page:
https://airbnb.design/cereal/scale/weight

Feel free to clone and enjoy!

Reactive Variable Font - Javascript

Reactive Variable Flower - Javascript

I created an interactive prototype in Webflow for my school project. This prototype helped me to explain how an animation will work on a real website.

Webflow is one of the best tools for creating high-fidelity prototypes and catching interactions in a rapid and effective way. If you need help with your Webflow page or prototype please don't hesitate to contact me.

hello@gorazd.design

Art School Showcase

Prototype for Art School Showcase

Small site showcasing techniques reviewed during December 2022 Flow Party about Fonts: including font features, Color fonts, layered fonts, variable fonts.

Discover variablefonts websites built by the Webflow community

Discover variablefonts websites built by the Webflow community