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 Aufrufe

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 Aufrufe

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 Aufrufe

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 Aufrufe

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 Aufrufe

One of the best things I built this month.

One of the best things I built this month.

32,931 Aufrufe

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 Aufrufe

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 11 Tagen

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

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

112,574 Aufrufe • vor 18 Tagen

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 Aufrufe • vor 9 Tagen

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 Aufrufe • vor 8 Tagen

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 Aufrufe • vor 1 Monat

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

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

40,470 Aufrufe • vor 16 Tagen

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 Aufrufe • vor 11 Tagen

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 Aufrufe • vor 8 Tagen

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 Aufrufe • vor 11 Tagen

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 17 Tagen

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 18 Tagen

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 11 Monaten