DEV Community

Cover image for Best Pens and Projects on CodePen (#2)
MD3BM
MD3BM

Posted on • Edited on

2 1

Best Pens and Projects on CodePen (#2)

Hi everyone...

I just back again with the 2nd part of the Best Pens and Projects on CodePen series, Which contains a huge and distinctive content of codes, templates, ready-made projects for front-ends, and various web elements.

You can check the previous parts of the Best Pens and Projects on CodePen series below:

  1. Best Pens and Projects on CodePen (#1)

Note: All ownership and reuse rights are reserved for their respective owners.

Let's start .. -->


Top Pens and Projects on CodePen (Part 2)

auto dark mode with SVG blend modes

Context menu with Feather icons

Dreaming of Jupiter - Three.js

Accordion FAQ Menu By @itsrehanraihan

augmented-ui social media picture-of-code thing

3D Carousel

#Codevember 10 - Musical Particles

Night & Day

Read also: The best ready-made HTML codes | CSS | Javascript on CodePen (Part 7)

Order button animation

Music Player 2.0

An amazing and beautiful music player in phone mockup.

Side Sliding Menu CSS

Tiles with animated : hover

Animated Tab Bar v.2

Codepen Shortcut List

Instagram re-design

CSS Only Playground

Easy Ionic Side Menu Transitions




Read also: The best HTML, CSS and JS codes ready on CodePen (Part 6)

Last words

This was the 2nd part of the Top Pens and Projects on CodePen series presented by md3bm, which will be followed by other parts that will include Pens codes and awesome and distinctive ready-made projects for inspiration and to be used in developing your web projects.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (1)

Collapse
 
itsrehanraihan profile image
Rehan Raihan

Thanks For featuring 💖

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay