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.
Pure CSS Figma Logo

Pure CSS Figma Logo

Reactions 7 Comments
1 min read
Pure CSS Vercel Logo

Pure CSS Vercel Logo

Reactions 3 Comments
1 min read
Interactive 3D Butterflies

Interactive 3D Butterflies

Reactions 14 Comments 2
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

Reactions 2 Comments
4 min read
Coding: A life

Coding: A life

Reactions 5 Comments
1 min read
Day 001 of 100Days CSS

Day 001 of 100Days CSS

Reactions 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

Reactions 5 Comments
1 min read
Parallax scroll animation

Parallax scroll animation

Reactions 9 Comments
1 min read
Image Animation in CSS - 2

Image Animation in CSS - 2

Reactions 6 Comments
1 min read
Loading Animation in CSS

Loading Animation in CSS

Reactions 14 Comments 6
1 min read
3 different buttons

3 different buttons

Reactions 7 Comments
1 min read
Pure CSS Mona Lisa

Pure CSS Mona Lisa

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

Pure CSS Woman with Long Hair

Reactions 195 Comments 39
1 min read
login template with theme selection

login template with theme selection

Reactions 7 Comments
1 min read
Carousel Demo

Carousel Demo

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

Magnifying Glass for Text and more!

Reactions 14 Comments 3
1 min read
Brave Chicky Dice Adventure

Brave Chicky Dice Adventure

Reactions 7 Comments
2 min read
Css Loading Spinner

Css Loading Spinner

Reactions 5 Comments 2
1 min read
Multiple widgets with tailwindcss

Multiple widgets with tailwindcss

Reactions 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

Reactions 3 Comments
1 min read
Pure CSS Woody Harrelson

Pure CSS Woody Harrelson

Reactions 12 Comments 4
1 min read
Gradient background with waves

Gradient background with waves

Reactions 3 Comments
1 min read
Rolling Number Web Component

Rolling Number Web Component

Reactions 5 Comments 1
1 min read
Rubix Cube Preloader

Rubix Cube Preloader

Reactions 6 Comments 1
1 min read
Pure CSS Woman With Long Earrings

Pure CSS Woman With Long Earrings

Reactions 18 Comments 6
1 min read
Pure CSS Summer Girl

Pure CSS Summer Girl

Reactions 44 Comments 11
1 min read
Horizonatal Scrolling Website

Horizonatal Scrolling Website

Reactions 3 Comments
1 min read
How to make a Splash Screen using HTML CSS and JavaScript

How to make a Splash Screen using HTML CSS and JavaScript

Reactions 10 Comments
3 min read
Pure CSS Captain Jack Sparrow

Pure CSS Captain Jack Sparrow

Reactions 48 Comments 7
1 min read
Gsap and scroll trigger

Gsap and scroll trigger

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

[PURE CSS] border animation without svg

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

5 X 5 Chess board UI using CSS Grid

Reactions 7 Comments
1 min read
Pure CSS Girl With Sunglasses

Pure CSS Girl With Sunglasses

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

HTML & CSS & Pure Javascript Carousel

Reactions 9 Comments 2
1 min read
Drum-machine 1

Drum-machine 1

Reactions 7 Comments
1 min read
🦓 How I created an Infinite object with no undefined properties!? (revised)

🦓 How I created an Infinite object with no undefined properties!? (revised)

Reactions 6 Comments
2 min read
Tesla Logo | Pure CSS

Tesla Logo | Pure CSS

Reactions 9 Comments 2
1 min read
What are variable fonts, and how can you use them?

What are variable fonts, and how can you use them?

Reactions 8 Comments
2 min read
Youtube Logo | Pure CSS

Youtube Logo | Pure CSS

Reactions 7 Comments
1 min read
Bird's Eye View

Bird's Eye View

Reactions 3 Comments 2
1 min read
Slack Logo | Pure CSS

Slack Logo | Pure CSS

Reactions 5 Comments
1 min read
Interesting! Make different image parts clickable with HTML only (codepen preview)

Interesting! Make different image parts clickable with HTML only (codepen preview)

Reactions 82 Comments 18
2 min read
Pure CSS Woman Wearing Face Mask

Pure CSS Woman Wearing Face Mask

Reactions 39 Comments 13
1 min read
Discord OG Logo | Pure CSS

Discord OG Logo | Pure CSS

Reactions 2 Comments
1 min read
Rainbow Drops Background Animation [No JS]

Rainbow Drops Background Animation [No JS]

Reactions 5 Comments
1 min read
Google Chrome Logo | Pure CSS

Google Chrome Logo | Pure CSS

Reactions 3 Comments
1 min read
TikTok Logo | Pure CSS

TikTok Logo | Pure CSS

Reactions 4 Comments
1 min read
React JS Logo | Pure CSS

React JS Logo | Pure CSS

Reactions 3 Comments
1 min read
CSS-Only Auto-Follow Nav Highlighting

CSS-Only Auto-Follow Nav Highlighting

Reactions 20 Comments 7
4 min read
Netflix Logo | Pure CSS

Netflix Logo | Pure CSS

Reactions 4 Comments 1
1 min read
Adidas Logo | Pure CSS

Adidas Logo | Pure CSS

Reactions 9 Comments 3
1 min read
Nike Logo | Pure CSS

Nike Logo | Pure CSS

Reactions 2 Comments
1 min read
Google Logo | Pure CSS

Google Logo | Pure CSS

Reactions 3 Comments
1 min read
Snooker Table | Pure CSS

Snooker Table | Pure CSS

Reactions 9 Comments 3
1 min read
GameBoy Color | Pure CSS

GameBoy Color | Pure CSS

Reactions 2 Comments
1 min read
yuqieang

yuqieang

Reactions 6 Comments
1 min read
Flying Helicopter

Flying Helicopter

Reactions 3 Comments 2
1 min read
Let's write an image converter in 20 lines of html+js

Let's write an image converter in 20 lines of html+js

Reactions 10 Comments
2 min read
JavaScript mini challenge: selectpicker and max options

JavaScript mini challenge: selectpicker and max options

Reactions 2 Comments
1 min read
loading...