Explore tweets tagged as #codepen
@insights_m_x
Marcos
1 month
TOP 9 Tools Every Front-End Dev Needs in 2025 🧰 1. https://t.co/VmDsh2yZ61 — UI design tool. 2. https://t.co/KU5sXLSgvx — prototyping playground. 3. https://t.co/CCo1LOXfdC — deploy React/Next.js. 4. https://t.co/izwLqZPXzJ — deploy front-end apps. 5.
15
5
24
@rute1203d
てる@プロンプトマフィア
29 days
Gemini3でもできねぇよ... みなさん、いくらすごくなっても Gemini3でかっこいいアニメーションができる? いや、いきなりは無理でしょ。 「AIでどんなアニメーション作ればいいかわからない」 「おしゃれな動きの“正解”イメージがない」 そんなときに見るべきなのが 👉 CodePen
2
45
897
@tsurupiyooo
ちい🐼
26 days
昨日の夜の思いつき💭 HTML・CSS・jsでスノードーム作り⛄️ CSSでアニメーションさせて粉雪やラメはjsで量産❄️ 子どもに見せたら喜んでボタンぽちぽちしてた😂 スノードームの中の画像は画像パス変えると変更できるのでオリジナルに変えられます🫶 https://t.co/UyaAL41GSw
7
16
222
@bramus
Bramus
20 days
I recreated the Google Antigravity website with Modern CSS. - Blog post: https://t.co/uXe7tlc1mK - Demo: https://t.co/k66l6yfMaW Starting-Style, Houdini PaintWorklet, Scroll-Driven and Scroll-Triggered Animations, sibling-index(), Carousel, Scope, … #CSS
5
28
224
@NanouuSymeon
• nanou •
8 days
I created 20 custom CSS icons to use on your next project: https://t.co/BprpN5EGfu
18
9
125
@CodePen
CodePen.IO
2 days
"Abstract Olives" by Holland Blumer https://t.co/nsMMfthzEE
0
0
14
@CodePen
CodePen.IO
19 days
"macOS dock effect" by GSAP https://t.co/QLDpjSQBDT
0
5
60
@CodePen
CodePen.IO
1 day
"CSS view() for carousel" by Preethi Sam https://t.co/NSnGTryr5a
0
13
117
@CodePen
CodePen.IO
19 days
"World Clock Slider" by Jon Kantner https://t.co/9wRvfMW2Pe
1
10
65
@amit_sheen
Amit Sheen
22 hours
Playing with triangles to create mesh deformation in pure #CSS. Live demo @CodePen: https://t.co/TDRRo0qUCq
1
1
12
@DragorWW
Sergey Andreev
11 days
На тему доступности, нашел такую простую табличку тиров доступности на codepen Выглядит не плохо https://t.co/yPbK39by2z
3
3
36
@ugi_dev
Ugi Stelmokaitis
21 days
Navigation Menu interaction 🤌 CodePen link below 👇 Made with GSAP ❇️
1
1
6
@Priya_Upadhyay_
priya upadhyay
20 days
15 FREE platforms to learn Web Development: 1. Freecodecamp 2. MDN Web Docs 3. W3Schools 4. Codecademy 5. Khan Academy 6. Udemy (free courses) 7. Coursera (audit free) 8. EdX 9. Scrimba 10. Codepen 11. CSS Tricks 12. https://t.co/ag3QHFCswM 13. Hashnode 14. Frontend Masters
3
3
7
@chetaslua
Chetaslua
9 days
Holy Shit this is insane 😱 Gemini 3.0 flash give me gemini a/b test era shocks like this is one shot example prompt and codepen link in thread and if you wanna test something give me your prompt not necessarily coding you can comment whatever you wanna ask to flash
31
26
305
@techartist_
Techartist
26 days
Demo and code for the above 3D quantum neural network on CodePen: https://t.co/5l0zXGq61I The code is in an easy-to-embed single-file HTML format.
4
9
49
@bramus
Bramus
11 days
Scroll-Triggered Animations … with nothing but CSS … oh yeah 🤩 https://t.co/c0oyWjKpxm (Blogpost coming soon)
2
24
234
@fw3d
Fred Moon 🚀
6 days
#2 → glossy stickers based on a codepen by @jh3yy using a combination of 5 different filters. The other animations are made directly in @Framer: the drag & drop, the rotation, etc.
2
0
2
@Arman_Borkhani
Arman Borkhani
25 days
Sequential animations with sibling-index() CSS function. https://t.co/024H9PPUPE via @CodePen #codepenchallenge
0
0
2
@AndreiaVisual
Andreia
11 days
Just finished my first-ever button animation! 💸 It’s a liquid glass "Pay Now" button with a fluid light border and random flying money particles on each click. I’m really happy with how the glassmorphism turned out. CodePen link below 👇
4
1
6