DEV Community

Cover image for 10 Inspiring Ideas for Your Next Front-End Project

10 Inspiring Ideas for Your Next Front-End Project

Simon Holdorf on November 19, 2020

It's just amazing what one can build by combining web technology with creativity. Everything you are going to see in this article has been created ...
Collapse
 
ben profile image
Ben Halpern

Some of these are really epic

Collapse
 
kwiat1990 profile image
Mateusz Kwiatkowski

Indeed!

Collapse
 
quoc817 profile image
quoc817

Great

Collapse
 
simonholdorf profile image
Simon Holdorf

Epic is the right word :)

Collapse
 
hb profile image
Henry Boisdequin

For sure!

Collapse
 
javinpaul profile image
javinpaul

agree, and run the pen is a nice option to include.

Collapse
 
shubhambattoo profile image
Shubham Battoo

Nice list. Very different from the other top 10 projects list on this website.

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it, Shubham!

Collapse
 
dasshounak profile image
Shounak Das

And I still struggle to center divs sometimes...

Collapse
 
simonholdorf profile image
Simon Holdorf

We all do, my friend :)

Collapse
 
dasshounak profile image
Shounak Das

It sounds so simple, yet that's what makes our day bad. The other day I was going through a blog and I found a nice joke.... "NASA has sent robots to Mars, and we still can't center the divs"

Thread Thread
 
egilhuber profile image
erica (she/her)

I have a feeling someday tech will shift to left-aligned content because we all got sick of centering divs - or NASA will put out a webinar on centering XD

Collapse
 
krishan111 profile image
Krishan111

I started solving that Rubik's cube 😁

Collapse
 
simonholdorf profile image
Simon Holdorf

Yeah 😄

Collapse
 
danytulumidis profile image
Dany Tulumidis

The first one is brilliant :D
I really like 9. this looks beautiful!

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, my friend :)

Collapse
 
perpetual_education profile image
perpetual . education • Edited

10 Inspiring Ideas for Your Next Front-End Project

These are other people's ideas. "Your" next project will be a lot more meaningful - if it's a unique idea. That's where the value is.

Maybe

10 things to inspire you to come up with new ideas

PS "100%/fully CSS _________" just makes us here... "oh, they like to take 50x longer instead of just drawing the SVG / totally NOT going to hire that person..."

Collapse
 
siddiqueco profile image
Abu Bakar Siddique

really these are awesome

Collapse
 
simonholdorf profile image
Simon Holdorf

thanks!

Collapse
 
ovchinnikovdev profile image
Konstantin

Cool examples <3

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, my friend!

Collapse
 
dominicamaljoef profile image
Dominic Amal Joe F

Awesome

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks!

Collapse
 
astelvida profile image
Sevda Anefi

This is a great list. Just needed to get that out.

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, that means a lot to me!

Collapse
 
sumrasoft profile image
Muhammad Irfan Sumra

Great, I love the creativity presented in this post.

Collapse
 
simonholdorf profile image
Simon Holdorf

Thank you!

Collapse
 
bhatvikrant profile image
Vikrant Bhat

The cube one was unbelievable

Collapse
 
simonholdorf profile image
Simon Holdorf

That’s true!

Collapse
 
jonathanodle profile image
Jonathan Odle

This is so good!

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it, my friend!

Collapse
 
psycoder01 profile image
Aakash Chaudhary

Totally amazing , mind boggling and awesome idea. Kudos mate! Loved every one of them

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, my friend!

Collapse
 
filipposecchi profile image
Filippo Secchi

amazing selection Simon!

Collapse
 
simonholdorf profile image
Simon Holdorf

Thank you, Filippo!

Collapse
 
v6 profile image
🦄N B🛡

The face button warmed some part of my cold, iron heart.

Thanks Mr. Holdorf.

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it - and sorry for your cold heart!

Collapse
 
adnanashraf77 profile image
Adnan Ashraf

Thats unbelievable. I never thought, that css is so powerful.

Collapse
 
simonholdorf profile image
Simon Holdorf

yeah absolutely!

Collapse
 
kwiat1990 profile image
Mateusz Kwiatkowski

This is something I like about Dev. I would never find this pieces of work myself. Thanks! :)

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it :)

Collapse
 
olsard profile image
olsard

Awesome, inspirating list. Thanks for sharing.

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, my friend, glad you like it!

Collapse
 
ramyadhanush profile image
ramyaDhanush

Amazing projects. Thanks mate

Collapse
 
simonholdorf profile image
Simon Holdorf

You are welcome, glad you like it!

Collapse
 
dewhallez profile image
Akin Wale

Great list

Collapse
 
simonholdorf profile image
Simon Holdorf

thanks!

Collapse
 
guryashzone profile image
Guryash Singh

Some of these are really epic

Collapse
 
simonholdorf profile image
Simon Holdorf

Indeed, really awesome work!

Collapse
 
rajasekharguptha profile image
Rajasekhar Guptha

Awesome..!! 💙

Collapse
 
simonholdorf profile image
Simon Holdorf

Thank you!

Collapse
 
rajmohanpdy profile image
rajmohan s

Amazing !!!

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks!

Collapse
 
temu4 profile image
Artem Vorobiov

Thanks! It is awesome.

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it!

Collapse
 
shadowtime2000 profile image
shadowtime2000

Nice. The still life glass of water froze my DEV.to extension window while it was loading lol.

Collapse
 
simonholdorf profile image
Simon Holdorf

:D whoops, sorry :D

Collapse
 
safventure11000 profile image
Saf11000

Cool! :D

Collapse
 
valerianofilipec profile image
Valeriano Filipe

Thanks! forking :)

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it!

Collapse
 
ridhikgovind profile image
Ridhik Govind

What a list !!!

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, my friend!

Collapse
 
paras594 profile image
Paras 🧙‍♂️

full of great projects !!

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks :)

Collapse
 
leotocca profile image
Leonardo Toccaceli

Amazing! These are some great and inspiring projects to check out!

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, Leonardo!

Collapse
 
shaijut profile image
Shaiju T

Nice 😄, I never knew this can done via CSS.

Collapse
 
simonholdorf profile image
Simon Holdorf

Yeah, it's amazing! Thank you for your comment, my friend!

Collapse
 
shaonkabir8 profile image
Shaon Kabir

Outstanding ❤❤

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks :)

Collapse
 
barbgegrasse profile image
barbgegrasse

Very inspiring thank you

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, my friend!

Collapse
 
colinlord profile image
Colin Lord

These are incredible. I spent like 5 minutes trying to click that silly button in the first one!

Collapse
 
miteshkamat27 profile image
Mitesh Kamat

Amazing !!!

Collapse
 
ribeirothalles profile image
Thalles Prado Ribeiro

Awesome stuff!

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks!

Collapse
 
berkangayterminal profile image
CodeNinja

EPIKK

Collapse
 
yo profile image
Yoginth

Mindblowing 🤯

Collapse
 
whizkevina profile image
Aina Oluwatimilehin

This is great

Collapse
 
johnangel profile image
John Angel • Edited

Inspiring and motivating!

Collapse
 
mohizi97 profile image
Abdul Mohiz

Amazing work by these Innovative people

Collapse
 
revati25 profile image
Revati25

All ideas are amazing ....

Collapse
 
dsheardown profile image
David

WOW! just wow... So much has advanced!! darn it, where is my pluralsight subscription when I need it (or other training sites!)

Collapse
 
devto2k profile image
dev-to2k

Wow, so awesome :o

Collapse
 
nikhilmwarrier profile image
nikhilmwarrier

I liked everything but the Rubik's cube. I loved the Rubik's cube

Collapse
 
simonholdorf profile image
Simon Holdorf

Yeah it is so cool 😊

Collapse
 
justs profile image
justs

Incredible creativity!

Collapse
 
jiangshit profile image
青弥

awesome

Collapse
 
mathewthe2 profile image
Mathew Chan • Edited

I read the title as Your Next JS project.

Collapse
 
simonholdorf profile image
Simon Holdorf

Technology doesn't matter so much, I like the creativity and use pens like these for inspiration.

Collapse
 
zaratedev profile image
Jonathan Zarate

Awesome!

Collapse
 
jhonatanbeltran profile image
Jhonatan Beltran

that's great

Collapse
 
jaagrav profile image
Jaagrav

Oh poop!

Collapse
 
andym1h profile image
Andrew

Such a cool things!

Collapse
 
imahmoud profile image
Mahmoud Ibrahiam

Cool