Hacker News with Generative AI: Tailwind CSS

Understanding the trade-offs of using Tailwind CSS (measured.co)
Tailwind helps you build web pages quickly with a utility-first approach — but is it right for your project? Here we explore its benefits and trade-offs.

Web Development, CSS Frameworks, Tailwind CSS, Tradeoffs

12 points by ohskylab 8 days ago | 3 comments

Penguin UI: Free copy and paste Tailwind 4.0 and Alpine.js components (penguinui.com)
To use Penguin UI, you simply copy and paste the code from our website; therefore, Penguin UI doesn’t require any installation or npm package. However, it has two main dependencies: Tailwind CSS: the latest version of Tailwind CSS (Currently V4.0+) is required for all of the Penguin UI components. To view the old components compatible with Tailwind v3.4, please visit this GitHub repository. Alpine JS: Some interactive components require the latest version of Alpine JS (currently V3) to function properly.

Web Development, Tailwind CSS, UI Components, Front-End Development, JavaScript Libraries

3 points by rob 14 days ago | 0 comments

Show HN: Apple-like smooth corners for Tailwind CSS (github.com/gtokman)
Adjusts a rounded corner to create a continuous curve. Inspired by Rob.

Tailwind CSS, CSS, Web Development, Design, User Interface

33 points by instagary 26 days ago | 15 comments

Show HN: UI Component Library with 25 Components and 100 Variants (vercel.app)
Ready-to-use Tailwind CSS components. No installation. Just copy, paste, and create something beautiful.

UI Design, Tailwind CSS, Web Development, Open Source, Software Components

11 points by abhaysinghr516 75 days ago | 7 comments

Reweb: Visual website builder for Next.js and Tailwind (reweb.so)
Reweb<h1>The visual website builder for Next.js & Tailwind</h1><p>Build at the speed of no-code. Export a Next.js, Tailwind and Shadcn UI app. Customize without limits.</p>

Web Development, Next.js, Tailwind CSS

113 points by klaussilveira 88 days ago | 46 comments

Show HN: TailwindCSS-motion / a simple syntax to animate in Tailwind CSS (github.com/romboHQ)
tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax.

Tailwind CSS, CSS, Animation Libraries, Front-end Development, Open Source

11 points by nicksmithr 139 days ago | 2 comments

Show HN: Flyon UI – Tailwind Components Library (flyonui.com)
FlyonUI is an open-source Tailwind CSS Components Library with semantic classes and powerful JS plugins.

Open Source, UI Libraries, Tailwind CSS, JavaScript, Web Development

176 points by devsoul 141 days ago | 82 comments

Clean Architecture: Theming with Tailwind and CSS Variables (sitepoint.com)

Web Development, CSS, Tailwind CSS

3 points by carlual 170 days ago | 0 comments

Signals for Tailwind CSS (styling based on ancestor state via style queries) (github.com/brandonmcconnell)

CSS, Web Development, Tailwind CSS

37 points by throwaway888abc 173 days ago | 55 comments

Show HN: LangCSS – An AI Assistant for Tailwind (langcss.com)

AI, Web Development, CSS, Tailwind CSS

77 points by langcss 182 days ago | 59 comments

Show HN: Uisual – Free Tailwind CSS Components and Templates (No JavaScript) (uisual.com)