Previous Demo Back to the Codrops article

Inspiration for Line Menu Styles

The line is such a versatile element in web design. There are so many interesting possibilities when it comes to using the line to enhance user interaction with subtle animations.

Let's explore some today.

Alonso

Sebastian

Prospero

Viola

Antonio

Miranda

Inspired by the menu seen on spg.se

Ariel

Caliban

Ferdinand

Adrian

Francisco

Trinculo

Stephano

Iris

Ceres

Juno

Maria

Valentine

Contributions

Puck

Style created by Eden S.-G.

Titania

Style created by rileyjshaw

Bagot

Style created by Rplus

Shylock

Style created by Hendra Susanto

Cordelia

Style created by Vivien Le Néez

Horatio

Style created by James Steinbach

Luce

Style created by ryjohnson

Juliet

Style created by Arkaprava Majumder

Your style

Style created by [your name]

Check out how you can add your style here.

If you enjoyed this demo you might also like:

Text Styles and Hover Effects

Text Input Effects

Creative Link Effects

Button Styles Inspiration