DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 968,547 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Colorful timeline, Survey, Directional hover | Module Monday 42
Tyler Warnock
Tyler Warnock

Posted on • Updated on • Originally published at guide.anymod.com

Colorful timeline, Survey, Directional hover | Module Monday 42

Open-source web modules for your next project

Everything below is open source and free to use on any website, web app, or anywhere else. There are hundreds more like these on Anymod.

Click a mod to see it along with its source code.

Directional hover

Hover effect based on which direction the mouse moves over the thumbnail.

View mod



Colorful timeline

Add events to this responsive colorful timeline.

View mod



Survey questionnaire

Build your own survey questions and add to any page.

View mod



First letter highlight

A simple content block with the first letter of each section highlighted.

View mod



SoundCloud embed

Add a track to any page.

View mod




I post new mods from the community here every (Module) Monday -- I hope you find them useful!

Happy coding ✌️

Top comments (0)

This post blew up on DEV in 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!