2min chapter

Syntax - Tasty Web Development Treats cover image

What are Headless Components?

Syntax - Tasty Web Development Treats

CHAPTER

How to Use Headless UI to Improve Your App

Headless is a tailwind library that gives you both React and view components for, I'm pretty sure it's using React Aria behind the scenes. You can still add your own additional markup inside of each of these ones, but these are the bones that you have. And then you can go from there on out and start to add all of the different classes. Headless UI seems like it's just void of any initial styles. It looks like they will also give you like a set of pre-made UI components, which you can then start to tweak and whatnot without having to like import a whole bunch of stuff and have worry, have to worry about updating and whatnot.

00:00

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode