Mike Bespalov's banner

Mike Bespalov

@bbssppllvv • 13,168 subscribers

Making AI design not suck. Founder of @referodesign (300K+ users). Ex- @clerk

Shorts

It’s 3AM and I just recreated Apple Liquid Metal right in the browser. No JavaScript. No WebGL. Just raw HTML + CSS. Let me know if you want the code

It’s 3AM and I just recreated Apple Liquid Metal right in the browser. No JavaScript. No WebGL. Just raw HTML + CSS. Let me know if you want the code

1,234,138 görüntüleme

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

236,026 görüntüleme

I needed a dithering effect for some project photos, but none of the available tools were cutting it. So, I built my own! It only took a couple of hours, and I’m pretty proud of the result

I needed a dithering effect for some project photos, but none of the available tools were cutting it. So, I built my own! It only took a couple of hours, and I’m pretty proud of the result

441,520 görüntüleme

Playing around with some fancy buttons. Not sure it’s perfect, but it’s pretty close. Curious what you think

Playing around with some fancy buttons. Not sure it’s perfect, but it’s pretty close. Curious what you think

291,109 görüntüleme

Just crafted what might be the smoothest delete effect ever, using pure SVG filters. No libraries, works across all browsers, and crazy fast

Just crafted what might be the smoothest delete effect ever, using pure SVG filters. No libraries, works across all browsers, and crazy fast

279,278 görüntüleme

Many said it would be nearly impossible to recreate on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browser

Many said it would be nearly impossible to recreate on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browser

255,483 görüntüleme

I finally sat down and rewrote Displace for Figma from the ground up. It’s super fast, with a completely new set of effects, and now it can export filter code you can paste right into your site! Sooooon

I finally sat down and rewrote Displace for Figma from the ground up. It’s super fast, with a completely new set of effects, and now it can export filter code you can paste right into your site! Sooooon

95,229 görüntüleme

Hi dear Higgsfield AI 🧩, happy to collaborate. My audience will love learning that you’re a scam machine with products that never work as advertised, powered by rage bait marketing. Always a pleasure. Send the $100

Sensitive content

Hi dear Higgsfield AI 🧩, happy to collaborate. My audience will love learning that you’re a scam machine with products that never work as advertised, powered by rage bait marketing. Always a pleasure. Send the $100

48,715 görüntüleme

Thanos Effect? I think it’s perfect naming. All code finally available on CodePen. Snap responsibly

Thanos Effect? I think it’s perfect naming. All code finally available on CodePen. Snap responsibly

108,216 görüntüleme

New Displace v2 for Figma is coming soon, and it’s wild

New Displace v2 for Figma is coming soon, and it’s wild

60,640 görüntüleme

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all

81,885 görüntüleme

Playing around with a loading (thinking) animation. All in SVG

Playing around with a loading (thinking) animation. All in SVG

29,168 görüntüleme

We just added this cool dissolve effect for search on Refero. It’s looking amazing! Go see it in action live

We just added this cool dissolve effect for search on Refero. It’s looking amazing! Go see it in action live

58,988 görüntüleme

We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here:

We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here:

14,805 görüntüleme

Was just messing around in Figma, trying to mock up a shockwave / sonic boom effect two hours later… I vibecoded a whole plugin that does exactly that and nothing else 😅 funny how you can go from “let me try this real quick” to “guess I’m writing tools now” without even noticing

Was just messing around in Figma, trying to mock up a shockwave / sonic boom effect two hours later… I vibecoded a whole plugin that does exactly that and nothing else 😅 funny how you can go from “let me try this real quick” to “guess I’m writing tools now” without even noticing

15,053 görüntüleme

Displace plugin for Figma. Coming soon

Displace plugin for Figma. Coming soon

12,730 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Agents make ugly UIs because they've never seen good design. We've been fixing that, 2,000 DESIGN.md files from the world's best products, structured for a model to read and learn. Colors, type, spacing, layouts and more. Free.

Agents make ugly UIs because they've never seen good design. We've been fixing that, 2,000 DESIGN.md files from the world's best products, structured for a model to read and learn. Colors, type, spacing, layouts and more. Free.

1,567,162 görüntüleme • 2 ay önce

AI agents read markdown better than they read your mind Built an ascii wireframe editor. Draw a page in 30 seconds, copy/paste into Claude Code and get a full working page back

AI agents read markdown better than they read your mind Built an ascii wireframe editor. Draw a page in 30 seconds, copy/paste into Claude Code and get a full working page back

523,205 görüntüleme • 5 ay önce

Okay, OpenAI’s o3 is insane. Spent an hour messing with it and built an image-to-ASCII art converter, the exact tool I’ve always wanted. And it works so well

Okay, OpenAI’s o3 is insane. Spent an hour messing with it and built an image-to-ASCII art converter, the exact tool I’ve always wanted. And it works so well

896,272 görüntüleme • 1 yıl önce

It’s live! After some final tweaks ASCII converter is officially ready. Turn any image into ASCII art instantly

It’s live! After some final tweaks ASCII converter is officially ready. Turn any image into ASCII art instantly

662,126 görüntüleme • 1 yıl önce

Imagine your AI doing design research before generating UI. Studying real screens and user flows instead of guessing That’s Refero MCP

Imagine your AI doing design research before generating UI. Studying real screens and user flows instead of guessing That’s Refero MCP

151,250 görüntüleme • 4 ay önce

You all saw that OpenAI Super Bowl ad, right? Well, I recreated the exact same effect using ONLY OpenAI tools Code - o3-mini Video - Sora Try it here

You all saw that OpenAI Super Bowl ad, right? Well, I recreated the exact same effect using ONLY OpenAI tools Code - o3-mini Video - Sora Try it here

412,129 görüntüleme • 1 yıl önce

I keep building “tiny tools for myself” that somehow turn into full design apps which I usually use once and abandon. Just made an SVG animation generator. It’s actually good

I keep building “tiny tools for myself” that somehow turn into full design apps which I usually use once and abandon. Just made an SVG animation generator. It’s actually good

66,892 görüntüleme • 7 ay önce

Everyone’s out here one-prompting Remotion videos. But I spent two evenings building a tiny editor instead. Now every new project on Refero ships with a clean product demo clip

Everyone’s out here one-prompting Remotion videos. But I spent two evenings building a tiny editor instead. Now every new project on Refero ships with a clean product demo clip

35,491 görüntüleme • 5 ay önce

Why spend a week on a portfolio when I can make a video in 30 minutes? Looking for a badass designer? DM me now. Not hiring? Share this anyway

Why spend a week on a portfolio when I can make a video in 30 minutes? Looking for a badass designer? DM me now. Not hiring? Share this anyway

64,182 görüntüleme • 1 yıl önce

I think I just cracked how to run displacement effects right in the browser. It’s quick to implement and works perfectly on scroll, hover, or any other event you want to trigger. Maybe it’s time to release Displace for web soon?

I think I just cracked how to run displacement effects right in the browser. It’s quick to implement and works perfectly on scroll, hover, or any other event you want to trigger. Maybe it’s time to release Displace for web soon?

37,901 görüntüleme • 1 yıl önce

Daha fazla içerik yok.