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

35,128 views

46,303 views

59,101 views

16,018 views

76,151 views

32,931 views

56,451 views

Videos

sweetdream.ai

Watch Anya Live

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

Private Show

Join now for exclusive access

Free preview available • Premium content

1,427,261 views • 3 months ago

393,478 views • 1 month ago

90,014 views • 11 days ago

112,574 views • 18 days ago

55,082 views • 9 days ago

37,941 views • 8 days ago

116,675 views • 1 month ago

40,295 views • 16 days ago

24,614 views • 11 days ago

18,848 views • 8 days ago

22,470 views • 11 days ago

40,064 views • 1 month ago

48,002 views • 1 month ago

16,275 views • 17 days ago

33,520 views • 1 month ago

15,033 views • 18 days ago

19,401 views • 1 month ago

24,250 views • 1 month ago

89,220 views • 9 months ago

96,363 views • 11 months ago

Live Cam

David Haz

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:

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

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.

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

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

One of the best things I built this month.

Videos

Watch Anya Live

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

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.

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

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:

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.

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.

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

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

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.

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

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.

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

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

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

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

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

Introducing &lt;AeroShards /&gt; 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.

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

Introducing &lt;FloatingLines /&gt; 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 <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 <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!