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.
Finite State Machine w. vanilla JavaScript example

Finite State Machine w. vanilla JavaScript example

5
Comments
2 min read
CodePen Designs - 7 : Christmas Cannon

CodePen Designs - 7 : Christmas Cannon

3
Comments 1
1 min read
CodePen Designs - 6 : LEGO Preloader

CodePen Designs - 6 : LEGO Preloader

3
Comments
1 min read
Backdrop-filters, (With examples)

Backdrop-filters, (With examples)

7
Comments
1 min read
3D Plank

3D Plank

3
Comments
1 min read
CodePen Designs - 5 : Snowball Preloader

CodePen Designs - 5 : Snowball Preloader

2
Comments
1 min read
CodePen Designs - 1 : Playing Lemmings - Windows 95 - CSS

CodePen Designs - 1 : Playing Lemmings - Windows 95 - CSS

4
Comments
1 min read
CodePen Designs - 3 : Rounded Box - Matcap texture

CodePen Designs - 3 : Rounded Box - Matcap texture

3
Comments
1 min read
Image Parallex Effect with CSS

Image Parallex Effect with CSS

5
Comments
2 min read
Firework Simulator v2

Firework Simulator v2

16
Comments 3
1 min read
CSS Snowy Winter : codepen design

CSS Snowy Winter : codepen design

2
Comments
1 min read
CSS Selectors: Introduction to :has()

CSS Selectors: Introduction to :has()

3
Comments
4 min read
Menu - "Hamburger" with Color & Height Manipulation

Menu - "Hamburger" with Color & Height Manipulation

5
Comments
1 min read
Hoverable Card with CSS

Hoverable Card with CSS

14
Comments
1 min read
JS - Remove a tag without deleting content

JS - Remove a tag without deleting content

2
Comments
1 min read
Form Validation with JS and Tailwind

Form Validation with JS and Tailwind

40
Comments 13
2 min read
Responsive SVG animation w. vanilla Javascript

Responsive SVG animation w. vanilla Javascript

9
Comments
1 min read
Wordle Clone

Wordle Clone

5
Comments 3
1 min read
Design Patterns: Adapter Pattern

Design Patterns: Adapter Pattern

4
Comments
4 min read
Pure CSS Turbopack Logo

Pure CSS Turbopack Logo

5
Comments
1 min read
Pure CSS Woman With Sunglasses

Pure CSS Woman With Sunglasses

33
Comments 11
1 min read
HTML CSS JS Calculator by Amiru Weerathunga

HTML CSS JS Calculator by Amiru Weerathunga

2
Comments
1 min read
Breaking down the task of producing a checkbox which is using SVG + GSAP

Breaking down the task of producing a checkbox which is using SVG + GSAP

2
Comments
4 min read
Pure CSS Figma Logo

Pure CSS Figma Logo

8
Comments
1 min read
Pure CSS Vercel Logo

Pure CSS Vercel Logo

3
Comments
1 min read
Interactive 3D Butterflies

Interactive 3D Butterflies

14
Comments 2
1 min read
I've created navbar based on Dynamic Island on iPhone 14 (iOS 16)

I've created navbar based on Dynamic Island on iPhone 14 (iOS 16)

4
Comments 1
1 min read
Html table with row selection and sorting using JQuery

Html table with row selection and sorting using JQuery

5
Comments
1 min read
Coding: A life

Coding: A life

5
Comments
1 min read
Day 001 of 100Days CSS

Day 001 of 100Days CSS

3
Comments
1 min read
Difference between first-child and first-of-type pseudo selector.

Difference between first-child and first-of-type pseudo selector.

Comments
1 min read
bootstrap 4 navbar

bootstrap 4 navbar

5
Comments
1 min read
How to Embed CodePen on Various Blogs

How to Embed CodePen on Various Blogs

4
Comments
2 min read
Image Animation in CSS - 2

Image Animation in CSS - 2

8
Comments
1 min read
Loading Animation in CSS

Loading Animation in CSS

16
Comments 6
1 min read
3 different buttons

3 different buttons

7
Comments
1 min read
Pure CSS Mona Lisa

Pure CSS Mona Lisa

13
Comments 1
1 min read
Pure CSS Woman with Long Hair

Pure CSS Woman with Long Hair

204
Comments 40
1 min read
Parallax scroll animation

Parallax scroll animation

6
Comments
1 min read
login template with theme selection

login template with theme selection

7
Comments
1 min read
Carousel Demo

Carousel Demo

7
Comments
1 min read
Magnifying Glass for Text and more!

Magnifying Glass for Text and more!

14
Comments 3
1 min read
Css Loading Spinner

Css Loading Spinner

5
Comments 2
1 min read
Multiple widgets with tailwindcss

Multiple widgets with tailwindcss

6
Comments
1 min read
React js - Filter the blog article with category using select options

React js - Filter the blog article with category using select options

3
Comments
1 min read
Pure CSS Woody Harrelson

Pure CSS Woody Harrelson

12
Comments 4
1 min read
Gradient background with waves

Gradient background with waves

3
Comments
1 min read
Rolling Number Web Component

Rolling Number Web Component

5
Comments 1
1 min read
Pure CSS Woman With Long Earrings

Pure CSS Woman With Long Earrings

18
Comments 6
1 min read
Pure CSS Summer Girl

Pure CSS Summer Girl

44
Comments 11
1 min read
Horizonatal Scrolling Website

Horizonatal Scrolling Website

3
Comments
1 min read
Brave Chicky Dice Adventure

Brave Chicky Dice Adventure

7
Comments
2 min read
How to make a Splash Screen using HTML CSS and JavaScript

How to make a Splash Screen using HTML CSS and JavaScript

12
Comments
3 min read
Pure CSS Captain Jack Sparrow

Pure CSS Captain Jack Sparrow

48
Comments 7
1 min read
Gsap and scroll trigger

Gsap and scroll trigger

7
Comments 1
1 min read
[PURE CSS] border animation without svg

[PURE CSS] border animation without svg

5
Comments
2 min read
5 X 5 Chess board UI using CSS Grid

5 X 5 Chess board UI using CSS Grid

7
Comments
1 min read
Pure CSS Girl With Sunglasses

Pure CSS Girl With Sunglasses

66
Comments 25
1 min read
HTML & CSS & Pure Javascript Carousel

HTML & CSS & Pure Javascript Carousel

9
Comments 2
1 min read
Drum-machine 1

Drum-machine 1

7
Comments
1 min read
loading...