Pulled this out of one of my apps so my other projects could share the same look, and it grew into a proper design system. Posting here because the Tailwind 4 side of it might be interesting, or you might tear it apart, both fine.

It's three layers you import separately: tokens.css (colors, radius, motion, density), material.css (the glass itself: glass, glass-strong, glass-clear) and an optional base.css. On top of that, 70+ components, from buttons and dialogs to dashboard stuff like a command palette, split panes, a log viewer and a terminal.

A few Tailwind 4 details:

• Tailwind doesn't scan node_modules, so classes used inside a package just don't get generated. tokens.css declares its own @source, so importing it is enough and you don't touch any config
• Theming is all data attributes: data-theme, data-material (glass or flat), data-scale (big TV-style or dense desktop), data-accent, data-palette. Set one on <html> and the whole app follows
• Every component has its own subpath export and keeps 'use client', so it works straight from server components without transpilePackages

Playground with every component live: https://glass.luna-realm.com

Repo (MIT): https://github.com/AndreyBegma/glass-ui

npm i @andrewbehma/glass-ui

Curious if glass holds up for you in dense UIs or gets tiring after a while.

New Feature coming to shad-table, a builder interface where you can create , customize and have ready code to use for your table... the work is still in progress.

Would love to have your suggestions and opinions on this :)

Made an example of how you can build a data table with Tailwind CSS using Starting Point UI. Components used:

• Table
• Dropdown
• Drawer
• Action bar
• Badge

Full example and code: https://startingpointui.com/examples/tables/data-table

Coming with animated hero sections, cards, galleries, and more to add engaging motion to your websites. Customize the blocks, adapt them to your design, and speed up your development workflow without building everything from scratch.

I made a small collection of CSS/Tailwind backgrounds.

You can browse the gallery, switch between light and dark versions, and copy the effect directly into your project.

I wanted something where you can quickly find a background, see how it actually looks, and grab the code without having to recreate the effect yourself. And also if you want to edit something to your likely, do it. 👍🏼

It's free to use.

Would be interested to hear what kind of backgrounds you'd like to see added. ☺️

For example, if my div is 30px x 30px wide, make the text scale to fit all 30px, if it's 100px wide, make text scale up to fit all 100px, even if it's one letter or a whole sentence

Hey everyone! 👋

I wanted to create a clean, responsive landing page for AI startups without the overhead of heavy frameworks or complex build pipelines. It’s built entirely in pure HTML and Tailwind CSS (via CDN) with Lucide icons.

⚡ Key Features:

- Bento grid feature layout with subtle gradient borders

- Interactive canvas throughput chart & typing AI prompt mockup

- Working monthly/yearly pricing calculation toggle

- Slide-out AI assistant widget & interactive demo tour modal

- Fully responsive on mobile and desktop

🔗 Live Demo: https://nexus-ai-9.netlify.app/

📦 Source Code: For anyone interested in using this for their own project, I’ve put the full standalone code up on Gumroad for ₹99 (~$1.20):

https://vedanox.gumroad.com/l/nexus-ai-template

I'd really appreciate honest feedback on the typography, contrast, and spacing. What would you improve?

Hey everyone,

I got tired of styling the same layouts from scratch, so I extracted the Hero section from my personal SaaS UI kit and open-sourced it.

It's built with pure HTML5 and Tailwind CSS (no bloated dependencies), fully responsive, and dark-mode ready out of the box.

Feel free to grab the code and drop it into your next project to save some time:

https://github.com/ccrsve/free-tailwind-saas-hero

Any feedback on the code structure is welcome!

New Update for the ShadTable library:

- Tanstack v9 migration documentation
- New Table Components
- Website updates & optimization

Check it out , a repo ⭐ would mean a lot.

https://shad-table.dev

Hi guys! We are working on a school project and want to add a background shape that moves behind the selected icon when switching tabs on a bottom navigation bar. We are using React with TypeScript and TailwindCSS. Any ideas on how to implement this? picture

Both obviously have tradeoffs, i wonder if this debate jas died down since AI started writing all the code or people are still passionate about the way their css looks?

Hello everyone, hope y'all doing well. I made an update to shad-table UI library , all component now support Vue.

On each component you'll see React and Vue example with full instruction. Check it out https://shad-table.dev, a ⭐ on the repo would mean a lot.

Hello everyone, Teressa is launched today. I would love to have opinions on the experience and app flow. it has some issues that i'm still working on but it's getting there.

https://teressa.vercel.app

Thanks !