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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

One of the best things I built this month.

One of the best things I built this month.

32,931 görüntüleme

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 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

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 görüntüleme • 3 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 11 gün önce

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

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

112,574 görüntüleme • 18 gün önce

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 görüntüleme • 9 gün önce

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 görüntüleme • 8 gün önce

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 görüntüleme • 1 ay önce

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

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

40,295 görüntüleme • 16 gün önce

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 görüntüleme • 11 gün önce

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 görüntüleme • 8 gün önce

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 görüntüleme • 11 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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

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 görüntüleme • 1 ay önce

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 görüntüleme • 18 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 11 ay önce