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.
Netflix login page

Netflix login page

3
Comments
1 min read
Gallary, a minimal gallery with Grid

Gallary, a minimal gallery with Grid

6
Comments
1 min read
Bootstrap Theme Simply Me

Bootstrap Theme Simply Me

3
Comments
1 min read
CasioPT-1.css

CasioPT-1.css

3
Comments
1 min read
CSS Loading Text Animation Effects

CSS Loading Text Animation Effects

16
Comments
1 min read
Hex colour

Hex colour

3
Comments
1 min read
Random Hex Color Code Generator | HTML, CSS & JavaScript

Random Hex Color Code Generator | HTML, CSS & JavaScript

4
Comments
1 min read
#Day 23: Made a Contact Form page using Html and CSS

#Day 23: Made a Contact Form page using Html and CSS

2
Comments
1 min read
Lockdown Fun: Pascal's Triangle

Lockdown Fun: Pascal's Triangle

28
Comments
1 min read
💬 Notification

💬 Notification

3
Comments
1 min read
HTML CSS & GSAP | Just For Fun

HTML CSS & GSAP | Just For Fun

8
Comments
1 min read
Loader (Loader is not removed in JS)

Loader (Loader is not removed in JS)

4
Comments
1 min read
CodePen - Generative Orb Animation [pixi.js] + Frosty UI ❄️

CodePen - Generative Orb Animation [pixi.js] + Frosty UI ❄️

20
Comments 1
1 min read
Debounced Star Rating Widget(Vanilla JavaScript)

Debounced Star Rating Widget(Vanilla JavaScript)

2
Comments
1 min read
CSS Quick Menu Item Hover Effects

CSS Quick Menu Item Hover Effects

3
Comments
1 min read
Basic Rock, Paper, Scissors JS game

Basic Rock, Paper, Scissors JS game

2
Comments
1 min read
TODO App

TODO App

3
Comments 1
1 min read
Bare minimum Infinite Scroll UI

Bare minimum Infinite Scroll UI

55
Comments 9
1 min read
jsPDF QR Code Tutorial & Code Samples - How To Generate A PDF With A QRCode using the jsPDF & qrCode.js Library

jsPDF QR Code Tutorial & Code Samples - How To Generate A PDF With A QRCode using the jsPDF & qrCode.js Library

6
Comments 2
1 min read
Credit Card Payment Form

Credit Card Payment Form

4
Comments
1 min read
Adding Transition 🧐

Adding Transition 🧐

2
Comments
1 min read
Memory Game

Memory Game

4
Comments 2
1 min read
CodePen - Bridget Riley Inspired Generative SVG

CodePen - Bridget Riley Inspired Generative SVG

6
Comments
1 min read
CodePen - Glitchy Synthwave SVG Sun

CodePen - Glitchy Synthwave SVG Sun

12
Comments 4
1 min read
Coronavirus Shooting Game

Coronavirus Shooting Game

7
Comments 2
1 min read
Cartoon character in HTML and CSS

Cartoon character in HTML and CSS

42
Comments 1
2 min read
Astronot Fly Around the Rotating Galaxy | CSS Animation Effects

Astronot Fly Around the Rotating Galaxy | CSS Animation Effects

3
Comments
1 min read
Circular Progress Bar with | HTML & CSS & JS

Circular Progress Bar with | HTML & CSS & JS

3
Comments
1 min read
Dot Notation and Bracket Notation - JavaScript

Dot Notation and Bracket Notation - JavaScript

2
Comments
1 min read
Custom YouTube thumbnail and play button for embedded iframe video

Custom YouTube thumbnail and play button for embedded iframe video

7
Comments 5
1 min read
#Day 18 and 19: Web Dev Progress

#Day 18 and 19: Web Dev Progress

2
Comments 6
1 min read
CodePen - Generative + Customisable SVG Social Images!

CodePen - Generative + Customisable SVG Social Images!

25
Comments 2
1 min read
Custom File Upload Input

Custom File Upload Input

4
Comments
1 min read
Photo Gallery(Pure CSS)

Photo Gallery(Pure CSS)

4
Comments
1 min read
Getting Started with 3D: CSS 3D Transformations

Getting Started with 3D: CSS 3D Transformations

9
Comments
2 min read
3D Flipped Card

3D Flipped Card

4
Comments
1 min read
🔐 Forked Codepen 64 Character Password generator up featuring alpha-numeric + special character encryption!

🔐 Forked Codepen 64 Character Password generator up featuring alpha-numeric + special character encryption!

14
Comments
1 min read
Accessible Image Compare — One Line of JavaScript

Accessible Image Compare — One Line of JavaScript

38
Comments 3
1 min read
🎮 Codepen Game: Wheel-of-Fortune Style Web App with pure HTML, CSS, & JS Fixed!

🎮 Codepen Game: Wheel-of-Fortune Style Web App with pure HTML, CSS, & JS Fixed!

4
Comments
1 min read
React Logo using CSS

React Logo using CSS

6
Comments
1 min read
Git Logo using CSS

Git Logo using CSS

5
Comments
1 min read
Aarogya Setu Logo using CSS

Aarogya Setu Logo using CSS

3
Comments
1 min read
Cheap AI Chess!

Cheap AI Chess!

1
Comments
1 min read
Build An Pexels Clone Website Using HTML CSS & JS | Create Full Website In 2021

Build An Pexels Clone Website Using HTML CSS & JS | Create Full Website In 2021

6
Comments
1 min read
CodePen - Soften up your designs with a Squircle!

CodePen - Soften up your designs with a Squircle!

16
Comments 2
1 min read
3 experiments with CSS paper effects

3 experiments with CSS paper effects

342
Comments 45
2 min read
Pure CSS | Contact Form Dialog | Concept Design

Pure CSS | Contact Form Dialog | Concept Design

2
Comments 4
1 min read
5 years at CodePen: a reflection

5 years at CodePen: a reflection

9
Comments 3
7 min read
Generative blob characters using SVG!

Generative blob characters using SVG!

114
Comments 5
11 min read
Modal with ZERO Javascript, CSS Only

Modal with ZERO Javascript, CSS Only

2
Comments
1 min read
Radio Button Group with React and Framer Motion

Radio Button Group with React and Framer Motion

5
Comments
1 min read
CodePen - 60° Gradient Morphing Blob

CodePen - 60° Gradient Morphing Blob

7
Comments
1 min read
Creating an Animated 404 Page

Creating an Animated 404 Page

4
Comments
1 min read
Glass morphism

Glass morphism

5
Comments 1
1 min read
Basic CSS Traffic Light

Basic CSS Traffic Light

8
Comments 1
1 min read
Building a mental health crisis app, Final Day.

Building a mental health crisis app, Final Day.

25
Comments 5
3 min read
Alert, Confirm, Prompt dialog box (modal) in Web Components

Alert, Confirm, Prompt dialog box (modal) in Web Components

11
Comments
1 min read
Scroll snapping simplified

Scroll snapping simplified

20
Comments
3 min read
Polygon to clip-path & SVG

Polygon to clip-path & SVG

11
Comments 2
1 min read
Simple Brightness change animation using javascript

Simple Brightness change animation using javascript

13
Comments
1 min read
loading...