DEV Community

CodePen

A social development environment for front-end designers and developers.

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
Grid layout with adaptive squares

Grid layout with adaptive squares

Comments
1 min read
Move Your Cursor

Move Your Cursor

7
Comments
1 min read
I created 100+ unique CSS patterns | The best collection 🤩

I created 100+ unique CSS patterns | The best collection 🤩

262
Comments 15
3 min read
First Project

First Project

Comments
4 min read
Tetris Testimonial Quotes

Tetris Testimonial Quotes

29
Comments 4
1 min read
عالم التداول

عالم التداول

2
Comments
1 min read
JavaScript Dynamic List: The DOM Manipulation.

JavaScript Dynamic List: The DOM Manipulation.

Comments
5 min read
The Roadmap to Becoming a Successful Private Contractor as a Software Engineer

The Roadmap to Becoming a Successful Private Contractor as a Software Engineer

2
Comments
2 min read
Pure CSS Pencil Preloader

Pure CSS Pencil Preloader

2
Comments
1 min read
CSS Typography: Create exact heights with line-clamp

CSS Typography: Create exact heights with line-clamp

5
Comments
4 min read
10 Cool CodePen Demos (April 23)

10 Cool CodePen Demos (April 23)

21
Comments 3
2 min read
CSS Heart Wave

CSS Heart Wave

2
Comments
1 min read
Real-World Uses for :has() CSS Selector

Real-World Uses for :has() CSS Selector

2
Comments
3 min read
🪐Created Planets with pure CSS 🌍 - rohitcodes

🪐Created Planets with pure CSS 🌍 - rohitcodes

5
Comments
1 min read
CodePen Banner Trick 🤖

CodePen Banner Trick 🤖

8
Comments 3
2 min read
Fun with CSS Morphism trends - Silkmorphism

Fun with CSS Morphism trends - Silkmorphism

5
Comments
5 min read
Chess (for HTML and CSS beginners)

Chess (for HTML and CSS beginners)

1
Comments
1 min read
User Profile React Component

User Profile React Component

5
Comments
1 min read
Sci-fi Cutout Cards

Sci-fi Cutout Cards

1
Comments
1 min read
7 JavaScript libraries to help express yourself on DEV

7 JavaScript libraries to help express yourself on DEV

Comments
5 min read
edición del <input type color> con CSS

edición del <input type color> con CSS

Comments
3 min read
Holi colors throw on click of screen

Holi colors throw on click of screen

3
Comments
1 min read
css Tennis animation

css Tennis animation

2
Comments
1 min read
Catch me if you can

Catch me if you can

1
Comments
1 min read
Random Pure CSS Parallax Stars

Random Pure CSS Parallax Stars

1
Comments 1
1 min read
10 Cool CodePen Demos (March 23)

10 Cool CodePen Demos (March 23)

66
Comments 5
3 min read
Newton's Light Bulbs 💡😎

Newton's Light Bulbs 💡😎

Comments
1 min read
2d motion circle

2d motion circle

5
Comments
1 min read
CSS Black & White Grogu

CSS Black & White Grogu

2
Comments
1 min read
Canvas Rainbow effect

Canvas Rainbow effect

2
Comments
1 min read
Have a nice Day!

Have a nice Day!

2
Comments 3
1 min read
CSS card

CSS card

2
Comments
1 min read
Responsive Navbar

Responsive Navbar

1
Comments
1 min read
CodePen Designs - 45 : CSS Sleeping Blob

CodePen Designs - 45 : CSS Sleeping Blob

7
Comments
1 min read
アットホーム

アットホーム

Comments
1 min read
willcom-inc

willcom-inc

Comments
1 min read
elephant project

elephant project

Comments
1 min read
D3 legend

D3 legend

Comments
5 min read
CodePen Designs - 44 : Newton's Light Bulbs 💡😎

CodePen Designs - 44 : Newton's Light Bulbs 💡😎

1
Comments
1 min read
CodePen Designs - 43 : Lottie Animations in React

CodePen Designs - 43 : Lottie Animations in React

2
Comments
1 min read
10 Cool CodePen Demos (February 23)

10 Cool CodePen Demos (February 23)

22
Comments 2
3 min read
Instagram log in page remade with HTML, CSS and JS

Instagram log in page remade with HTML, CSS and JS

2
Comments
5 min read
Shimmer Landing

Shimmer Landing

1
Comments 1
1 min read
9 beautiful corner border examples

9 beautiful corner border examples

2
Comments
1 min read
CodePen Designs - 41 : Traffic Run Game with Three.js

CodePen Designs - 41 : Traffic Run Game with Three.js

2
Comments
2 min read
CodePen Designs - 39 : Interactive particles text create with three.js

CodePen Designs - 39 : Interactive particles text create with three.js

3
Comments
1 min read
An animated Heart for Valentine's Day

An animated Heart for Valentine's Day

1
Comments 1
1 min read
Default Mouse cursor styles

Default Mouse cursor styles

2
Comments
1 min read
Draggable element & Cursor to see the filters separately

Draggable element & Cursor to see the filters separately

2
Comments
1 min read
CodePen Designs - 36 : Kill The King - Vue / HTML game

CodePen Designs - 36 : Kill The King - Vue / HTML game

3
Comments
1 min read
CodePen Designs - 35 : 3D Ecommerce Experience with Spline

CodePen Designs - 35 : 3D Ecommerce Experience with Spline

4
Comments
1 min read
Mastering Search Bars with Flexbox: A Step-by-Step Guide

Mastering Search Bars with Flexbox: A Step-by-Step Guide

1
Comments 3
3 min read
CodePen Designs - 32 : Space globe - Three.js

CodePen Designs - 32 : Space globe - Three.js

3
Comments 1
1 min read
Log in/sign up/password reset screens made with HTML and CSS

Log in/sign up/password reset screens made with HTML and CSS

2
Comments
2 min read
CodePen Designs - 28 : CSS Only Cubes Hover Effects 00:08

CodePen Designs - 28 : CSS Only Cubes Hover Effects

3
Comments 2
1 min read
CodePen Designs - 27 : Colorful Vitamins

CodePen Designs - 27 : Colorful Vitamins

3
Comments 2
1 min read
please help i'm a newbie to learn code...what a language programing best to learn

please help i'm a newbie to learn code...what a language programing best to learn

2
Comments 1
1 min read
Calculator Design

Calculator Design

2
Comments
1 min read
nav bar animation with javascript

nav bar animation with javascript

5
Comments
1 min read
CodePen Designs - 24 : 3D Card

CodePen Designs - 24 : 3D Card

9
Comments 2
1 min read
loading...