✶ Stella Peng ✶

design, build, ship & play

[✶ Stella Peng ✶ @abtste11a]

done with "please find my resume attached." now you can just walk up to my table and take one :D

[✶ Stella Peng ✶ @abtste11a]

@bycherr1hu (՞•̀ω•́՞)⸝ި ʕᦏ⌎

[✶ Stella Peng ✶ @abtste11a]

@gracewangdesign awwww

[Ayush Soni @ayushsoni_io]

identity concept / magicpath

[✶ Stella Peng ✶ @abtste11a]

wanted my about page to feel less like a bio and more like a place.

https://t.co/d5wqzsusCb

[Himanshu Hingorani @himanshubuildss]

Your AI isn't bad at design. It has just never seen good design.

I've tested 100+ vibe coding resources this year. These are the 40 I actually kept, grouped by what you're stuck on.

Bookmark this 🔖

1. 👑 https://t.co/RlChWqggj8
Why it's different from everything below:
- Every one is a complete prompt, not a snippet you wire up yourself
- 3 steps: copy the prompt, paste it into your AI, launch it live
- 300+ award-winning prompts, all in one place
- Full source code to download and edit
- Works with Claude Code, Cursor or v0
Built for founders and freelancers who want award-level sites without a design team or a week of tweaking. If you only open one link in this post, make it this one.

2. https://t.co/zii2nKAKiq - design systems as markdown your agent can read
3. https://t.co/mHD5eSDPKY - ready-made prompts for dashboards and landing pages
4. https://t.co/iRLY9tbhpW - curated high-end sites
5. https://t.co/hOf1AxeaT7 - real UI inspiration mapped to prompts
6. https://t.co/bhB2GfGIix - 2,000+ real product styles with typography
7. https://t.co/ZNFmqbqGsp - 2,600+ examples of how top design systems solve the same element
8. https://t.co/9FlWM4hqJb - curated collection of beautiful websites
9. https://t.co/qeCSncdyPP - the best of web design, recognized and ranked
10. https://t.co/X4Y6aj4wjS - showcase of the best animation websites
11. https://t.co/0HVARfCzo4 - curated landing pages
12. https://t.co/wl4RgkJCgh - mobile design patterns
13. https://t.co/qA4B0mmprH - experimental web design projects
14. https://t.co/75zV2ioDNu - navigation patterns
15. https://t.co/XPn2VgZBdJ - footer layouts
16. https://t.co/NDaj9DThhe - conversion-tested forms, popups and buttons
17. https://t.co/TXT88wdEv5 - curated hero sections
18. https://t.co/3BKI45pK93 - the best pricing page examples
19. https://t.co/p6pXo8hFRn - community component marketplace that plugs into agents via MCP
20. https://t.co/vUKwdPK1IN - still the gold standard
21. https://t.co/nxASYyVHLH - 200+ animated React and Tailwind components
22. https://t.co/E2oLbxcBP3 - 150+ animated components and effects
23. https://t.co/MIhQHgyUPK - advanced interactions
24. https://t.co/9G9JFLtNIg - open-source UI elements
25. https://t.co/hLskTa9FXY - animated components built on Motion and GSAP
26. https://t.co/3YKB8hgUEp - 2,000+ pre-built section blocks for shadcn/ui
27. https://t.co/NvM0Wbm3rN - 150+ motion effects with React code and prompts
28. https://t.co/iFJCleZZpJ - micro-interactions
29. https://t.co/cP8YFdb7cr - glass refraction components
30. https://t.co/knFchyx5GQ - lightweight animation engine
31. https://t.co/yKODSqvV3k - the most popular web 3D library
32. https://t.co/u7On2CIuL1 - the standard online shader editor and community
33. https://t.co/K1fLsfOmhQ - free interactive intro to fragment shaders
34. https://t.co/nk12i7IbXV - full Three.js course with shader chapters
35. https://t.co/L7sX9ESVJE - 2,000+ hand-drawn illustrations
36. https://t.co/BfrrSJOQVY - 3D icons
37. https://t.co/7kTs2GnyG2 - command-line AI coding agent
38. https://t.co/nfft1euNlN - AI-first code editor
39. https://t.co/uSGcKdT9hN - Vercel's prompt-to-component tool
40. https://t.co/FSxcd5r9cn - AI app builder in the browser

Which one should I add next?

[𝐍𝐨𝐚𝐡 @noahelhadedy]

Found some really nice color tools worth saving 👇

1. https://t.co/Z3u1i5Mwpd
Create animated 3D shader gradients
2. https://t.co/QyCNSBsaVU
Quickly check color contrast
3. https://t.co/usRmwxHDSs
Animate gradients and export them in 4K
4. https://t.co/P9CUA1ac3f
Build color ramps and tokens with accessibility in mind
5. https://t.co/9Y2BQLs7h2
Generate patterns
6. https://t.co/XoR7uw4sRP
Mesh gradients with WebGL effects
7. https://t.co/PxvvbDsWIq
Create gradients using curves
8. https://t.co/SGnCmMehHh
100+ mesh gradient presets
9. https://t.co/vWYTtrq06d
Ready-to-use CSS gradients

What did I miss?

[Cherry Hu @bycherr1hu]

Turning the magnets I collect on trips ✈️ into a digital archive

Magnets can be dragged to move around the fridge. Hover or click one and the Polaroid develops the corresponding photo from the trip

*Image assets generated with Nano Banana 2 🍌

[Hitesh 〽️ @hiteshxdev]

Here are some tastefull portfolios that you won't find online again :]

https://t.co/QpK3E1F9My
https://t.co/9wZHEnm1Nb
https://t.co/cR18hl17jw
https://t.co/vPE8SWU9rK
https://t.co/XdWTxMJZNw
https://t.co/h01erEdwsC
https://t.co/IuG8D6uKUd
https://t.co/sLzz4WOWns
https://t.co/SBlCfdtrK8
https://t.co/iRosA0TLNj
https://t.co/oRGEHEZzgc
https://t.co/sLzz4WOWns
https://t.co/g6sRLNUNra
https://t.co/wK5W1Zb1EK
https://t.co/CCS0YSNtLt

[Cam @polarcc]

Here’s the HDs of my favorites

[Ali-en @alien69]

Inspo 188

[EverettFish @everettfish0408]

开源一个新Skill：3D镭射卡片生成

最近刷到一堆 GPT 6 Astra 玩 Blender 的视频，本来只想围观，但是想到它自己会生图，又能直接操作 Blender，两件事凑到一起，镭射 3D 卡牌就变成一句话的事。

真人照片能做，动漫立绘也能做，卡牌转起来闪出全息光很像小时候攒的干脆面卡。

干脆直接把整套流程封成了一个 skill，一键跑完，拆图、视差、镭射、闪星都全自动。

github：https://t.co/iBEHHkghSy

[kushal @kuxshl]

did this in 30 mins 🏃‍♂️‍➡️

[Rachit Thakur @RachitThakur146]

Bro I am gonna go bonkers with this https://t.co/z1lJ2wdUhL

[Lynel @LynelDesign]

The algorithm said you will see good designs today

[Ayush Soni @ayushsoni_io]

thereby visual system

[Slava @slavakornilov]

Tokyo Olympic Game

[Akash @a1x45h]

ummmm