David Haz's banner

David Haz

@davidhaz • 12,911 subscribers

Building standout experiences for the web. https://t.co/TNwDe3Y95G https://t.co/XRGfT4lmbi https://t.co/ex85LhOa55 https://t.co/pBZfUMJ2im

Shorts

How to get the best look out of your logo? 1. Get your SVG file 2. Give it a material in Shape Magic 3. Export a 4K loop, or a still 4. Use it everywhere: site, app icon, tickets, slides One logo, eight brand moments:

35,128 次观看

Today, a small gift. In a short while, a full platform with endless possibilities. Time to build.

Today, a small gift. In a short while, a full platform with endless possibilities. Time to build.

46,303 次观看

This wasn't possible until now. The tech literally didn't exist. html-in-canvas lets shaders read and redraw your real DOM in real time, while text stays selectable and links stay clickable. Everyone else has demos. This is a full library. A new dimension for the web. Literally.

This wasn't possible until now. The tech literally didn't exist. html-in-canvas lets shaders read and redraw your real DOM in real time, while text stays selectable and links stay clickable. Everyone else has demos. This is a full library. A new dimension for the web. Literally.

59,101 次观看

New day, new free component. Tech Text is now live. Works with any font and is super customizable. Awesome interactions on this one!

New day, new free component. Tech Text is now live. Works with any font and is super customizable. Awesome interactions on this one!

16,018 次观看

Can’t stop playing around with this effect. It will be a game changer for landing pages 😳

Can’t stop playing around with this effect. It will be a game changer for landing pages 😳

76,151 次观看

One of the best things I built this month.

One of the best things I built this month.

32,931 次观看

BIG NEWS! 🚀 After 1 year of building React Bits, 30K+ stars and 500K+ monthly users, I've been silently building something truly special. Introducing React Bits Pro - the complete toolkit for creative web developers. 50+ pro components • 70+ animated UI blocks • 5+ full templates Join the waitlist for an exclusive launch discount: Launching early 2026. Thank you for being part of this journey! ❤️

BIG NEWS! 🚀 After 1 year of building React Bits, 30K+ stars and 500K+ monthly users, I've been silently building something truly special. Introducing React Bits Pro - the complete toolkit for creative web developers. 50+ pro components • 70+ animated UI blocks • 5+ full templates Join the waitlist for an exclusive launch discount: Launching early 2026. Thank you for being part of this journey! ❤️

56,451 次观看

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

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

1,427,261 次观看 • 3 个月前

Introducing React Bits: Micro A brand new category for micro-interactions, launching with 30 free, customizable components. Smooth motion, subtle details, and playful interactions designed to make your UI feel alive. Live now. Try it out:

393,478 次观看 • 1 个月前

Introducing React Bits 2.0 The library you know, rebuilt. Components now look sharper, move smoother and start from presets, and our design tools were fully rebuilt from scratch. 216 animated React components, free and open source as always.

Introducing React Bits 2.0 The library you know, rebuilt. Components now look sharper, move smoother and start from presets, and our design tools were fully rebuilt from scratch. 216 animated React components, free and open source as always.

90,014 次观看 • 11 天前

Completely rebuilt this Lanyard component. More customization, better animations.

Completely rebuilt this Lanyard component. More customization, better animations.

112,574 次观看 • 18 天前

The fastest way I know to make a site look expensive: 1. Pick a clip that fits the mood 2. Run it through Texture Lab and pick a style 3. Export in 4K, quality is important 4. Build the UI around it. Frame it, keep it simple Nine interfaces, one clip:

The fastest way I know to make a site look expensive: 1. Pick a clip that fits the mood 2. Run it through Texture Lab and pick a style 3. Export in 4K, quality is important 4. Build the UI around it. Frame it, keep it simple Nine interfaces, one clip:

55,082 次观看 • 9 天前

Introducing Sound Lab by React Bits: sounds for your interfaces and videos. • 100 interface sounds • 100 video editing sounds • Tune pitch, tone, length and space • Install with shadcn or download WAV, MP3 or OGG 100% free. Sounds install as code, not audio files.

Introducing Sound Lab by React Bits: sounds for your interfaces and videos. • 100 interface sounds • 100 video editing sounds • Tune pitch, tone, length and space • Install with shadcn or download WAV, MP3 or OGG 100% free. Sounds install as code, not audio files.

37,941 次观看 • 8 天前

Cloudflare updated the page after getting flamed online: “Hey Astra, make this page minimal and update anything that might go against that, we don’t want it to look AI generated” Too bad it’s still obviously slop-coded. No consistency in the design, things don’t align, etc.

Cloudflare updated the page after getting flamed online: “Hey Astra, make this page minimal and update anything that might go against that, we don’t want it to look AI generated” Too bad it’s still obviously slop-coded. No consistency in the design, things don’t align, etc.

116,675 次观看 • 1 个月前

Halftone Reveal component, rebuilt. Six very cool presets, lots of customization.

Halftone Reveal component, rebuilt. Six very cool presets, lots of customization.

40,470 次观看 • 16 天前

This Fluid Glass component got a well deserved update. When you click, it morphs into the next shape. Fluid.

This Fluid Glass component got a well deserved update. When you click, it morphs into the next shape. Fluid.

24,614 次观看 • 11 天前

Introducing Center Stage: turn any screenshot or screen recording into a product shot. • 200 presets • Phones, laptops and browsers • 3D tilt, depth of field, shadows • 4K video, images and GIFs Free, and it all runs in your browser.

Introducing Center Stage: turn any screenshot or screen recording into a product shot. • 200 presets • Phones, laptops and browsers • 3D tilt, depth of field, shadows • 4K video, images and GIFs Free, and it all runs in your browser.

18,848 次观看 • 8 天前

Probably my favorite new component added today. Get it here, it's free:

Probably my favorite new component added today. Get it here, it's free:

22,470 次观看 • 11 天前

This component is just beautiful. Dither Veil is now live, available for free. Works with any image, five different dithering patterns, over 16 total customization options.

This component is just beautiful. Dither Veil is now live, available for free. Works with any image, five different dithering patterns, over 16 total customization options.

40,295 次观看 • 1 个月前

Introducing OpenShaders. I’m building the home shaders deserve. Discover, build, publish, and install shaders made to ship. Open source. WebGL/WebGPU. One click away. Claim your username and reveal your unique shader. 🧵

Introducing OpenShaders. I’m building the home shaders deserve. Discover, build, publish, and install shaders made to ship. Open source. WebGL/WebGPU. One click away. Claim your username and reveal your unique shader. 🧵

48,002 次观看 • 1 个月前

The nicest little carousel component you'll see today. Rebuilt from scratch, more presets, more customization.

The nicest little carousel component you'll see today. Rebuilt from scratch, more presets, more customization.

16,275 次观看 • 17 天前

The new Grid view on lets you see all the usernames and their unique shaders. Sort by rarity to see how many users fell into each category. Will you be in the 1%?

The new Grid view on lets you see all the usernames and their unique shaders. Sort by rarity to see how many users fell into each category. Will you be in the 1%?

33,520 次观看 • 1 个月前

Built this Holo Card component, huge nerd moment. Lots of patterns and sliders to play around with.

Built this Holo Card component, huge nerd moment. Lots of patterns and sliders to play around with.

15,033 次观看 • 18 天前

Loved the Vercel Labs hero, so I put together a similar free component for React Bits. WebGPU via vgpu. Fully customizable.

Loved the Vercel Labs hero, so I put together a similar free component for React Bits. WebGPU via vgpu. Fully customizable.

19,401 次观看 • 1 个月前

Introducing <AeroShards /> An open-source animated background component powered by Vercel's new library. The amount of customization I added to this one is kinda wild - I hope you have fun trying it out.

Introducing <AeroShards /> An open-source animated background component powered by Vercel's new library. The amount of customization I added to this one is kinda wild - I hope you have fun trying it out.

24,250 次观看 • 1 个月前

Motion designers and editors are cooked. Made this video with 2 prompts. Reply “cooked” and I’ll share the prompts.

Motion designers and editors are cooked. Made this video with 2 prompts. Reply “cooked” and I’ll share the prompts.

89,220 次观看 • 9 个月前

Introducing <FloatingLines /> After building this, I realize it’s a component that can please everyone. Why? You can make it look super minimal and clean, or you can go absolutely wild with the config! It’s live right now, go play with it!

Introducing <FloatingLines /> After building this, I realize it’s a component that can please everyone. Why? You can make it look super minimal and clean, or you can go absolutely wild with the config! It’s live right now, go play with it!

96,363 次观看 • 11 个月前