#codePen - Twitter Hashtag

3 days ago

I built this colorful CSS loading animation using just one HTML element ✨ Three spinning rings, three different speeds, and no JavaScript — just CSS animations. 🧡🩵🩷 🔗 See the code: https://t.co/QGFzJp16OC #CSS #HTML #WebDevelopment #CodePen

6

104

11

34

5K

Bryntum

@bryntum

4 days ago

This simple coffee order builder changes the cup color as you pick a drink and milk! Use the Bryntum Combo, CheckboxGroup, NumberField, and Button widgets. Each change updates the order details and total. CodePen: https://t.co/3FE7PPKAB8 #codepen #bryntum

0

2

0

1

155

• nanou •

@NanouuSymeon

4 days ago

I built a flickering candle flame using only HTML & CSS 🕯️✨ No images. No JavaScript. Just CSS gradients, blur, shapes, and animations bringing the flame to life. 🔗 See the code: https://t.co/TguowsBM7L #CSS #HTML #WebDevelopment #CodePen

3

59

6

19

5K

:Frank :Caiza @mrfcaiza

5 days ago

#LOST #DHARMA #SwanStation #TheNumbers #4815162342 #CodePen #JavaScript #HTML #CSS #WebDev #Frontend #CreativeCoding #RetroTech #CRT #Terminal #OpenSource #GitHub #IndieDev #WebDesign #Coding #Developer #Tech #SciFi #FanProject

:Frank :Caiza @mrfcaiza

5 days ago

Use this shorter version: Built a DHARMA Swan Station Terminal inspired by LOST 🟢 108-min countdown, 4·8·15·16·23·42, CRT glitches & layered audio.🌐 https://t.co/I6w30GlZOq 💻 https://t.co/xY23y1DhOO 🎨 https://t.co/XHkU6hR4Lo #WebDev

mrfcaiza's tweet photo. Use this shorter version:

Built a DHARMA Swan Station Terminal inspired by LOST 🟢
108-min countdown, 4·8·15·16·23·42, CRT glitches & layered audio.🌐 https://t.co/I6w30GlZOq
💻 https://t.co/xY23y1DhOO
🎨 https://t.co/XHkU6hR4Lo #WebDev https://t.co/RtNu3Mf4k4

0

1

0

47

0

1

0

30

AA Extensions @aaextensions4u

7 days ago

🚀 Turn your Joomla site into a live coding showcase! Embed interactive CodePen demos directly into your Joomla website—perfect for developers, portfolios & tech blogs. 👉 https://t.co/NOipCb2pxd #Joomla #CodePen #WebDevelopment #WebDesign #Frontend #JavaScript #CSS #HTML

aaextensions4u's tweet photo. 🚀 Turn your Joomla site into a live coding showcase!

Embed interactive CodePen demos directly into your Joomla website—perfect for developers, portfolios & tech blogs.

👉 https://t.co/NOipCb2pxd

#Joomla #CodePen #WebDevelopment #WebDesign #Frontend #JavaScript #CSS #HTML https://t.co/cSZroeemmg

0

13

Daniel Muñoz @JDMCSS

26 days ago

Infinite Gallery Demo & Source Code: https://t.co/QllTWDzXNL #threejs #webgl #creativecoding #shader #codepen

0

2

0

1

136

Tamino Martinius @TaminoMartinius

about 1 month ago

▶ Play Misnomer: https://t.co/jgD7flZ2on 👀 Full source on @CodePen: https://t.co/8EskpZlVah 🕹️ https://t.co/nlUdCNHWDV #CodePen #gamedev #arcade

1

2

0

181

さいたまIT・WEB専門学校（大宮IT専門学校） @ITWEB15

about 1 month ago

\🏝今日の #オープンキャンパス 🏝/ 今日は #codepen を使用して #JavaScript と #HTLM でおみくじを作成しました！みなさん集中してコーディングに取り組んでいましたね🎶 お暑い中、オープンキャンパスにご参加くださりありがとうございました‼️ またのお越しをお待ちしております😎🌴

$ITWEB15's tweet photo. \🏝今日の #オープンキャンパス 🏝/ 今日は #codepen を使用して #JavaScript と #HTLM でおみくじを作成しました！みなさん集中してコーディングに取り組んでいましたね🎶 お暑い中、オープンキャンパスにご参加くださりありがとうございました‼️ またのお越しをお待ちしております😎🌴 https://t.co/ihlRABZZeC$

0

2

0

161

Tamino Martinius @TaminoMartinius

about 2 months ago

👀Full source on @CodePen: https://t.co/oP7BEPTIlA ▶ Play Alchemy: https://t.co/0cLILBNfdX 🕹️https://t.co/rXpTzOs8z6 #CodePen #gamedev #arcade #AI #LanguageModel

1

3

0

99

js13kGames

@js13kGames

about 2 months ago

Win one of the THREE @CodePen Pro Starter accounts for 12 months each in #js13k 2026! https://t.co/ciTxIRTP4S #gamedev #gamedevjs #CSS #CodePen #Pro #Starter #CodePenChallenge #playground #sandbox @chriscoyier

js13kGames's tweet photo. Win one of the THREE @CodePen Pro Starter accounts for 12 months each in #js13k 2026!

https://t.co/ciTxIRTP4S

#gamedev #gamedevjs #CSS #CodePen #Pro #Starter #CodePenChallenge #playground #sandbox @chriscoyier https://t.co/rasYVgIpHN

0

10

4

0

363

𝘼𝙈𝘼𝙂𝙄 @amagitakayosi

about 2 months ago

ObjectStretch effect. Using SegmentAnything + VFX-JS. #VFXJS #WebGL #Codepen

1

9

2

3

1K

Tamino Martinius @TaminoMartinius

about 2 months ago

▶ Play Showdown: https://t.co/J9zuVwqsD3 👀 Full source on @CodePen: https://t.co/Cu3guZ0PbS 🕹️https://t.co/rXpTzOs8z6 #CodePen #gamedev #arcade

1

2

0

177

Tamino Martinius @TaminoMartinius

2 months ago

▶ Play Déjà Vu: https://t.co/YrggCPhXt7 👀 Full source on @CodePen: https://t.co/T4EzCKomi7 🕹️https://t.co/rXpTzOs8z6 #CodePen #gamedev #arcade

1

2

0

203

すんすん @aIDp5pS3Zo77726

2 months ago

CodePenでワールドカップの試合結果を検索できるような仕組みを作りました！ API契約をしていない状態なので、ChatGPTがサンプルデータで作成してくれたものですが、こんな試合結果だったら凄すぎますね、、、＃protoout　＃CodePen

aIDp5pS3Zo77726's tweet photo. CodePenでワールドカップの試合結果を検索できるような仕組みを作りました！
API契約をしていない状態なので、ChatGPTがサンプルデータで作成してくれたものですが、こんな試合結果だったら凄すぎますね、、、

＃protoout　＃CodePen https://t.co/TRs9hS6hri

0

3

0

97

とおる @to_nakagawa

3 months ago

記事を投稿しました！ CodePen　×AIで私も今日からプログラマに！？ CodePenはとても扱いやすいツールなので、多くの方に触れてほしいと思いました。初心者の私の記事ですが、少しでも知っていただけたら。 #protoout #CodePen #ChatGPT #初心者 https://t.co/23hACXayTO #Qiita

0

5

0

135

𝘼𝙈𝘼𝙂𝙄 @amagitakayosi

3 months ago

After Effectsの手書き風エフェクトが話題になってたので、VFX-JSで実装してみた。Web上のテキストや画像、動画を手書き風アニメーションに変換できます #WebGL #VFXJS #Codepen

2

59

8

44

5K

さいたまIT・WEB専門学校（大宮IT専門学校） @ITWEB15

4 months ago

☀️今日の#オープンキャンパス☀️ 今日は #codepen を使ってJavaScriptを学びました！今日は日差しが強くとても暑かったですね⁉️ 皆さん苦戦しつつも最後までやり遂げられて素晴らしかったです☺️

0

2

0

191

Daniel Muñoz @JDMCSS

5 months ago

SUBMERGE Demo and Source Code: https://t.co/nMo4fOXlVA #threejs #webgl #webdesign #codepen #gsap #threejsJourney

0

6

1

3

567

Bryntum

@bryntum

5 months ago

Build a trading card deck builder with AG Grid and Bryntum widgets! @ag_grid handles the card browser and deck list with custom `cellRenderer` functions, while Bryntum's ButtonGroup, Slider, and Splitter handle filtering and layout. CodePen: https://t.co/deYlYEiYR1 #codepen