DEV Community

Cover image for Freebie: Animated website header generator
kimyanna
kimyanna

Posted on

Freebie: Animated website header generator

Hi Everyone, I put together a tool that lets you quickly create animated website headers. It was inspired by the very cool Stripe.com header, but the page I'm sharing can produce countless header combinations. It's entirely free and the JS script itself is lightweight (2Kb gzipped), so feel free to use it for you own projects. No attribution is needed, but backlink is always appreciated:) Enjoy!

https://www.finisher.co/lab/header

Below are examples of what kind of headers the page can generate

Alt TextAlt TextAlt TextAlt TextAlt TextAlt Text

Top comments (8)

Collapse
 
mahmoud38021 profile image
Mahmoud Alaraby

Nice one I like it 😍

Collapse
 
michelledev3 profile image
michelledev

Cool Stuff Kimyanna!

Collapse
 
harshrathod50 profile image
Harsh Rathod

It is so cool. 🤩 I'm adding to my website.

Collapse
 
kimyanna profile image
kimyanna

Great! :) Share a link to your site once it's up :)

Collapse
 
nop33 profile image
nop33.eth

So cool! Bookmarked for my next landing page project!

Collapse
 
railwaygundora profile image
RailwayGunDora

I keep getting an error on the 2nd script that says " FinisherHeader is unidentified " :( Please help

Collapse
 
manikanta profile image
Manikanta G

Excellent work. Is this in Github?

Collapse
 
creotip profile image
Ruslan Elishaev

Amazing ! Thanks for sharing