DEV Community

loading...
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 ...
pic
Editor guide
Collapse
ben profile image
Ben Halpern

Some of these are really epic

Collapse
kwiat1990 profile image
Collapse
quoc817 profile image
Collapse
hb profile image
Collapse
javinpaul profile image
javinpaul

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

Collapse
simonholdorf profile image
Simon Holdorf Author

Epic is the right word :)

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 Author

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 Author

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
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 Author

Thanks, my friend :)

Collapse
siddique000 profile image
Abu bakar siddique

really these are awesome

Collapse
simonholdorf profile image
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
rajasekharguptha profile image
Rajasekhar Guptha

Awesome..!! πŸ’™

Collapse
simonholdorf profile image
Collapse
dominicamaljoef profile image
Collapse
simonholdorf profile image
Collapse
astelvida profile image
Sevda Anefi

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

Collapse
simonholdorf profile image
Simon Holdorf Author

Thanks, that means a lot to me!

Collapse
shaonkabir8 profile image
Shaon Kabir

Outstanding ❀❀

Collapse
simonholdorf profile image
Collapse
barbgegrasse profile image
barbgegrasse

Very inspiring thank you

Collapse
simonholdorf profile image
Simon Holdorf Author

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
odle profile image
Jonathan Odle

This is so good!

Collapse
simonholdorf profile image
Simon Holdorf Author

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 Author

Thanks, my friend!

Collapse
filipposecchi profile image
Filippo Secchi

amazing selection Simon!

Collapse
simonholdorf profile image
Simon Holdorf Author

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 Author

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 Author

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 Author

Glad you like it :)

Collapse
olsard profile image
olsard

Awesome, inspirating list. Thanks for sharing.

Collapse
simonholdorf profile image
Simon Holdorf Author

Thanks, my friend, glad you like it!

Collapse
ramyadhanush profile image
ramyaDhanush

Amazing projects. Thanks mate

Collapse
simonholdorf profile image
Simon Holdorf Author

You are welcome, glad you like it!

Collapse
dewhallez profile image
Akinwale

Great list

Collapse
simonholdorf profile image
Collapse
guryashzone profile image
Guryash Singh

Some of these are really epic

Collapse
simonholdorf profile image
Simon Holdorf Author

Indeed, really awesome work!

Collapse
barrbozzo profile image
Constantine

Cool examples <3

Collapse
simonholdorf profile image
Simon Holdorf Author

Thanks, my friend!

Collapse
rajmohanpdy profile image
Collapse
simonholdorf profile image
Collapse
temu4 profile image
Artem Vorobiov

Thanks! It is awesome.

Collapse
simonholdorf profile image
Simon Holdorf Author

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 Author

:D whoops, sorry :D

Collapse
safventure profile image
Collapse
valerianofilipec profile image
Valeriano Filipe

Thanks! forking :)

Collapse
simonholdorf profile image
Simon Holdorf Author

Glad you like it!

Collapse
ridhikgovind profile image
Ridhik Govind

What a list !!!

Collapse
simonholdorf profile image
Simon Holdorf Author

Thanks, my friend!

Collapse
paras594 profile image
Paras

full of great projects !!

Collapse
simonholdorf profile image
Collapse
leotocca profile image
Leonardo Toccaceli

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

Collapse
simonholdorf profile image
Simon Holdorf Author

Thanks, Leonardo!

Collapse
shaijut profile image
Shaiju T

Nice πŸ˜„, I never knew this can done via CSS.

Collapse
simonholdorf profile image
Simon Holdorf Author

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

Collapse
ribeirothalles profile image
Collapse
simonholdorf profile image
Collapse
berkangayterminal profile image
Collapse
yo profile image
Yo

Mindblowing 🀯

Collapse
whizkevina profile image
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
sumrasoft profile image
Muhammad Irfan Sumra

Great, I love the creativity presented in this post.

Collapse
simonholdorf profile image
Collapse
bhatvikrant profile image
Vikrant Bhat

The cube one was unbelievable

Collapse
simonholdorf profile image
Simon Holdorf Author

That’s true!

Collapse
mathewthe2 profile image
Mathew Chan • Edited

I read the title as Your Next JS project.

Collapse
simonholdorf profile image
Simon Holdorf Author

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

Collapse
zaratedev profile image
Collapse
jaagrav profile image
Jaagrav

Oh poop!

Collapse
_zoka profile image
Collapse
nikhilmwarrier profile image
Nikhil M Warrier

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

Collapse
simonholdorf profile image
Simon Holdorf Author

Yeah it is so cool 😊

Collapse
amitavmishra99 profile image
Amitav Mishra

Amazing! really loved the cube one.

Collapse
simonholdorf profile image
Simon Holdorf Author

Thanks, Amitav!