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.
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

7
Comments 2
1 min read
Beginner Calculator Project: html, javaScript & css

Beginner Calculator Project: html, javaScript & css

9
Comments
1 min read
Merry Christmas Codepen !

Merry Christmas Codepen !

8
Comments 3
1 min read
How to fully animate the details HTML element with only CSS, no JavaScript

How to fully animate the details HTML element with only CSS, no JavaScript

2
Comments 2
2 min read
CodePen Designs - 17 : Daily UI #002: Credit Card Checkout

CodePen Designs - 17 : Daily UI #002: Credit Card Checkout

2
Comments
1 min read
Counter Styled & JavaScripted

Counter Styled & JavaScripted

3
Comments
2 min read
Awesome Social Media Icons With Hover Effects (Font Awesome Icons & SVG Icons)

Awesome Social Media Icons With Hover Effects (Font Awesome Icons & SVG Icons)

2
Comments 1
1 min read
CodePen Designs - 15 : Neumorphic Elements

CodePen Designs - 15 : Neumorphic Elements

4
Comments
1 min read
Search & Save to list Button only with HTML CSS with awesome gradients

Search & Save to list Button only with HTML CSS with awesome gradients

2
Comments
1 min read
Awesome Weather UI with real time and date, Backdrop filters too.

Awesome Weather UI with real time and date, Backdrop filters too.

3
Comments
1 min read
Laptop Keyboard with awesome click effects.

Laptop Keyboard with awesome click effects.

3
Comments
1 min read
CSS Selectors: Style lists with the ::marker pseudo-element

CSS Selectors: Style lists with the ::marker pseudo-element

9
Comments
3 min read
virtual rocketry using javascript

virtual rocketry using javascript

5
Comments
1 min read
Simple Image Hover Effect

Simple Image Hover Effect

15
Comments 3
1 min read
Simple Gradient Clip Text

Simple Gradient Clip Text

4
Comments
1 min read
Crazy Rat Blowing in the Wind (CSS Only)

Crazy Rat Blowing in the Wind (CSS Only)

Comments
1 min read
New Year Countdown Using JavaScript

New Year Countdown Using JavaScript

2
Comments
1 min read
CodePen Designs - 8 : ThreeJS Toys - Particles Cursor

CodePen Designs - 8 : ThreeJS Toys - Particles Cursor

4
Comments
1 min read
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)

6
Comments
1 min read
3D Plank

3D Plank

2
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
Parallax scroll animation

Parallax scroll animation

9
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
loading...