DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in

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.
Hoverable Card with CSS

Hoverable Card with CSS

Reactions 11 Comments
1 min read
Profile Card UI

Profile Card UI

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

Menu - "Hamburger" with Color & Height Manipulation

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

JS - Remove a tag without deleting content

Reactions 2 Comments
1 min read
Form Validation with JS and Tailwind

Form Validation with JS and Tailwind

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

Responsive SVG animation w. vanilla Javascript

Reactions 9 Comments
1 min read
4.2 Branded Website Challenge (Base)

4.2 Branded Website Challenge (Base)

Reactions 2 Comments
1 min read
Wordle Clone

Wordle Clone

Reactions 5 Comments 3
1 min read
Design Patterns: Adapter Pattern

Design Patterns: Adapter Pattern

Reactions 4 Comments
4 min read
Write Vue.js in CodePen

Write Vue.js in CodePen

Reactions 2 Comments
3 min read
Pure CSS Turbopack Logo

Pure CSS Turbopack Logo

Reactions 5 Comments
1 min read
Interactive 3D Butterflies

Interactive 3D Butterflies

Reactions 14 Comments 2
1 min read
Pure CSS Woman With Sunglasses

Pure CSS Woman With Sunglasses

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

HTML CSS JS Calculator by Amiru Weerathunga

Reactions 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

Reactions 2 Comments
4 min read
Pure CSS Figma Logo

Pure CSS Figma Logo

Reactions 8 Comments
1 min read
Pure CSS Vercel Logo

Pure CSS Vercel Logo

Reactions 3 Comments
1 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
How to Embed CodePen on Various Blogs

How to Embed CodePen on Various Blogs

Reactions 2 Comments
2 min read
Loading Animation in CSS

Loading Animation in CSS

Reactions 16 Comments 6
1 min read
Image Animation in CSS - 2

Image Animation in CSS - 2

Reactions 6 Comments
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 197 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
loading...