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.
Minimal Carousel with scroll snap, mobile & mouse friendly

Minimal Carousel with scroll snap, mobile & mouse friendly

11
Comments 2
1 min read
CSS Only Room Escape Game

CSS Only Room Escape Game

7
Comments 6
1 min read
FullView Js Example Landing Page

FullView Js Example Landing Page

5
Comments
1 min read
this is a code i wrote for a calculator

this is a code i wrote for a calculator

2
Comments
1 min read
Construcción de Software: Por qué no llamarla "Programación"

Construcción de Software: Por qué no llamarla "Programación"

4
Comments
3 min read
my first table quiz

my first table quiz

2
Comments
1 min read
Shadow cast spotlight

Shadow cast spotlight

7
Comments
1 min read
Manipulating CSS Classes with classList - DOM

Manipulating CSS Classes with classList - DOM

35
Comments
3 min read
Window illustration - CSS

Window illustration - CSS

7
Comments 2
1 min read
tsParticles - Fireworks effect

tsParticles - Fireworks effect

4
Comments
1 min read
#CodepenChallenge 3D Rotating Store Icon No Javascript

#CodepenChallenge 3D Rotating Store Icon No Javascript

2
Comments
1 min read
100 Days of CSS Art - Complete! 🎉

100 Days of CSS Art - Complete! 🎉

126
Comments 9
3 min read
Your First Flutter App - via CodePen!

Your First Flutter App - via CodePen!

9
Comments
1 min read
App animations

App animations

4
Comments 1
1 min read
🎹🎵 I made a new HTML & CSS only drawing 🎵🎹

🎹🎵 I made a new HTML & CSS only drawing 🎵🎹

126
Comments 32
1 min read
🥳 Animated Happy Birthday Card 👉 jQuery CodePen Demo

🥳 Animated Happy Birthday Card 👉 jQuery CodePen Demo

5
Comments
1 min read
✍ Demo 👉 Pure CSS Toggle Button 🔛 Switch 🙅‍♂️ No JS

✍ Demo 👉 Pure CSS Toggle Button 🔛 Switch 🙅‍♂️ No JS

3
Comments
1 min read
A beginner's way to show some 💚 👉 "love" in every language on Google Translate.

A beginner's way to show some 💚 👉 "love" in every language on Google Translate.

2
Comments
1 min read
Sunday Fun: Music Player

Sunday Fun: Music Player

40
Comments 11
1 min read
Alien Pure CSS

Alien Pure CSS

8
Comments
1 min read
First time designing with neomorphism

First time designing with neomorphism

4
Comments 2
1 min read
Lego Webcam

Lego Webcam

4
Comments
1 min read
Productivity tracker app

Productivity tracker app

5
Comments 1
1 min read
Customizing styles for ordered list (HTML5 + CSS3)

Customizing styles for ordered list (HTML5 + CSS3)

7
Comments
1 min read
tsParticles Fountain Effect

tsParticles Fountain Effect

5
Comments 1
1 min read
Survey Form Using HTML & CSS

Survey Form Using HTML & CSS

3
Comments
1 min read
Vue page transitions

Vue page transitions

12
Comments
1 min read
Learning CSS Grid For the First Time

Learning CSS Grid For the First Time

21
Comments 2
3 min read
Neural nervous system of a brain

Neural nervous system of a brain

8
Comments 2
1 min read
#CodePenChallenge Shape Exploding Button Microinteraction

#CodePenChallenge Shape Exploding Button Microinteraction

2
Comments 2
1 min read
tsParticles big circles - fell in love challenge

tsParticles big circles - fell in love challenge

2
Comments
1 min read
Create New CodePens and CodeSandboxes Instantly With ZERO clicks

Create New CodePens and CodeSandboxes Instantly With ZERO clicks

4
Comments
2 min read
Tree Views

Tree Views

11
Comments
2 min read
tsParticles - New Big Circles Preset, easy to install, beautiful to see

tsParticles - New Big Circles Preset, easy to install, beautiful to see

5
Comments
1 min read
Object GUI - Psychedelic Waves Editor

Object GUI - Psychedelic Waves Editor

14
Comments 1
1 min read
Tic Tac Toe Code Python (without UI Module:)

Tic Tac Toe Code Python (without UI Module:)

4
Comments
3 min read
Gaussian Elimination - [Linear Algebra #3]

Gaussian Elimination - [Linear Algebra #3]

4
Comments
1 min read
Disco Disco

Disco Disco

6
Comments 1
1 min read
Are you Java expert? What will be the output of the given code snippet?

Are you Java expert? What will be the output of the given code snippet?

4
Comments 9
1 min read
Glitch Effect (My Name!)

Glitch Effect (My Name!)

7
Comments
1 min read
Make your first CSS art 😍

Make your first CSS art 😍

257
Comments 49
4 min read
TCS Code-Vita Season-9

TCS Code-Vita Season-9

3
Comments
4 min read
Pure css - cute cup

Pure css - cute cup

5
Comments
1 min read
Movies II

Movies II

1
Comments 1
1 min read
CSS Telephone Booth

CSS Telephone Booth

6
Comments 2
2 min read
Movie app ui

Movie app ui

5
Comments
1 min read
Missi Elliot - The Rain

Missi Elliot - The Rain

3
Comments
1 min read
tsParticles Supa Dupa Fly

tsParticles Supa Dupa Fly

2
Comments
1 min read
CSS game: Plankman

CSS game: Plankman

82
Comments 12
1 min read
Creating a Bouncing Logo with JavaScript ⛹🏽‍♀️

Creating a Bouncing Logo with JavaScript ⛹🏽‍♀️

45
Comments 6
4 min read
tsParticles with particles life span options

tsParticles with particles life span options

6
Comments
1 min read
tsParticles with customizable and switchable themes

tsParticles with customizable and switchable themes

2
Comments
1 min read
Row-Echelon Form & Reduced Row-Echelon Form - [Linear Algebra #2]

Row-Echelon Form & Reduced Row-Echelon Form - [Linear Algebra #2]

3
Comments
1 min read
Decoding CSS art (🎨+💻)

Decoding CSS art (🎨+💻)

300
Comments 32
4 min read
tsParticles mouse light source

tsParticles mouse light source

5
Comments
1 min read
My best codepens of all time

My best codepens of all time

3
Comments
2 min read
5 Clever tips on CSS

5 Clever tips on CSS

69
Comments 2
2 min read
CSS Motion Blur

CSS Motion Blur

4
Comments
1 min read
Elementary Row Operations - [Linear Algebra #1]

Elementary Row Operations - [Linear Algebra #1]

2
Comments
1 min read
#CodepenChallenge CSS Only "hologram" effect Button Icon

#CodepenChallenge CSS Only "hologram" effect Button Icon

25
Comments 2
1 min read
loading...