Mike Bespalov's banner

Mike Bespalov

@bbssppllvv • 13,631 subscribers

Making AI great at design Founder @referodesign (400k+ users) · ex @clerk

Shorts

Everyone who upgrades to Refero Pro sees this animation right after checkout. I'm a bit proud of it. It's a ~3 KB animated SVG. No canvas. No WebGL. No video. No JS.

Everyone who upgrades to Refero Pro sees this animation right after checkout. I'm a bit proud of it. It's a ~3 KB animated SVG. No canvas. No WebGL. No video. No JS.

98,593 görüntüleme

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,237,312 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

239,138 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,712 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,339 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,804 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,561 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,411 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,780 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,910 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

59,753 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

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,585,466 görüntüleme • 5 ay önce

You asked how. Here's how

You asked how. Here's how

106,490 görüntüleme • 17 gün ö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

525,248 görüntüleme • 8 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

897,380 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

664,159 görüntüleme • 1 yıl ö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,546 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

152,747 görüntüleme • 7 ay ö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,986 görüntüleme • 10 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,566 görüntüleme • 8 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,263 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 • 2 yıl önce

AI agents can now work directly in Figma. I built Portal so they can create screens, edit existing files, manage your design system, insert assets, and fix their own mistakes by looking at screenshots. It feels like magic DM for beta access

AI agents can now work directly in Figma. I built Portal so they can create screens, edit existing files, manage your design system, insert assets, and fix their own mistakes by looking at screenshots. It feels like magic DM for beta access

10,278 görüntüleme • 7 ay önce

Daha fazla içerik yok.