{ "version": "https://jsonfeed.org/version/1", "title": "Tailwind CSS Blog", "home_page_url": "https://tailwindcss.com/blog", "feed_url": "https://tailwindcss.com/feeds/feed.json", "description": "All the latest Tailwind CSS news, straight from the team.", "icon": "https://tailwindcss.com/favicons/favicon-32x32.png?v=3", "author": { "name": "Adam Wathan", "url": "https://twitter.com/@adamwathan" }, "items": [ { "id": "Vanilla JavaScript support for Tailwind Plus", "content_html": "Every UI block in Tailwind Plus is now fully functional, accessible, and interactive, even if you don't use a framework like React or Vue.", "url": "https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus", "title": "Vanilla JavaScript support for Tailwind Plus", "image": "https://tailwindcss.com/_next/static/media/card.7dae9681.jpg", "date_modified": "2025-07-25T14:30:00.000Z", "author": { "name": "Philipp Spiess", "url": "https://twitter.com/PhilippSpiess" } }, { "id": "Compass: A starter kit for online courses", "content_html": "I've been itching to get back into screencasting and teaching lately, and the natural first step was to build our own course platform. So we just released Compass, a Next.js starter kit for publishing your own online course.", "url": "https://tailwindcss.com/blog/2025-05-14-compass-course-starter-kit", "title": "Compass: A starter kit for online courses", "image": "https://tailwindcss.com/_next/static/media/card.5e69e20d.jpg", "date_modified": "2025-05-14T19:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v4.1: Text shadows, masks, and tons more", "content_html": "I wasn't sure it would ever happen but we did it — we released a version of Tailwind CSS that includes text shadow utilities. Tailwind CSS v4.1 is here and it's packed with improvements that will help you (or your LLM, you coward) build even better interactive experiences.", "url": "https://tailwindcss.com/blog/tailwindcss-v4-1", "title": "Tailwind CSS v4.1: Text shadows, masks, and tons more", "image": "https://tailwindcss.com/_next/static/media/card.e10fa8bd.jpg", "date_modified": "2025-04-03T20:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind UI is now Tailwind Plus", "content_html": "We just shipped a huge rebrand project, turning what was previously known as Tailwind UI into Tailwind Plus. Tailwind Plus is the all same high-quality resources you know from Tailwind UI, but with all-new possibilities and potential.", "url": "https://tailwindcss.com/blog/tailwind-plus", "title": "Tailwind UI is now Tailwind Plus", "image": "https://tailwindcss.com/_next/static/media/card.93ca38e9.jpg", "date_modified": "2025-03-04T16:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v4.0", "content_html": "We just released Tailwind CSS v4.0 — an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.", "url": "https://tailwindcss.com/blog/tailwindcss-v4", "title": "Tailwind CSS v4.0", "image": "https://tailwindcss.com/_next/static/media/card.1a4fc606.jpg", "date_modified": "2025-01-22T22:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v4.0 Beta 1", "content_html": "After a long alpha period, we're excited to release the first public beta of Tailwind CSS v4.0.", "url": "https://tailwindcss.com/blog/tailwindcss-v4-beta", "title": "Tailwind CSS v4.0 Beta 1", "image": "https://tailwindcss.com/_next/static/media/card.81e5d9cf.jpg", "date_modified": "2024-11-21T18:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Radiant: A beautiful new marketing site template", "content_html": "Over the past couple of months we’ve been working away at a new SaaS template called Radiant and it’s out now as part of Tailwind UI.", "url": "https://tailwindcss.com/blog/2024-09-12-radiant-a-beautiful-new-marketing-site-template", "title": "Radiant: A beautiful new marketing site template", "image": "https://tailwindcss.com/_next/static/media/twitter-card.8c57e0a9.png", "date_modified": "2024-09-12T10:30:00.000Z", "author": { "name": "Dan Hollick", "url": "https://twitter.com/DanHollick" } }, { "id": "Headless UI v2.1: Simplified transition API and improved multi-dialog support", "content_html": "", "url": "https://tailwindcss.com/blog/2024-06-21-headless-ui-v2-1", "title": "Headless UI v2.1: Simplified transition API and improved multi-dialog support", "image": "https://tailwindcss.com/_next/static/media/card.5eb6f510.jpg", "date_modified": "2024-06-21T15:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Automatically clean up whitespace and duplicate class names", "content_html": "We just released a new version of prettier-plugin-tailwindcss which adds support for removing unnecessary whitespace and duplicate classes when sorting.", "url": "https://tailwindcss.com/blog/2024-05-30-prettier-plugin-collapse-whitespace", "title": "Automatically clean up whitespace and duplicate class names", "image": "https://tailwindcss.com/_next/static/media/card.66f5f0d7.jpg", "date_modified": "2024-05-31T16:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Catalyst: Application layouts, navigation menus, description lists, and more", "content_html": "We just published the first major update to Catalyst since releasing the development preview, with two new application layouts, navbar and sidebar components, description lists, and more.", "url": "https://tailwindcss.com/blog/2024-05-24-catalyst-application-layouts", "title": "Catalyst: Application layouts, navigation menus, description lists, and more", "image": "https://tailwindcss.com/_next/static/media/card.b045da44.jpg", "date_modified": "2024-05-24T20:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Headless UI v2.0 for React", "content_html": "We just released Headless UI v2.0 for React which includes a ton of new stuff including built-in anchor positioning, a new headless checkbox component, HTML form components and more!", "url": "https://tailwindcss.com/blog/headless-ui-v2", "title": "Headless UI v2.0 for React", "image": "https://tailwindcss.com/_next/static/media/card.9e78210d.jpg", "date_modified": "2024-05-07T16:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "We're hiring a Design Engineer + Staff Engineer", "content_html": "We just tagged the first public v4.0.0-alpha so you can start experimenting with it and help us get to a stable release later this year.", "url": "https://tailwindcss.com/blog/hiring-a-design-engineer-and-staff-engineer", "title": "We're hiring a Design Engineer + Staff Engineer", "image": "https://tailwindcss.com/_next/static/media/card.9d19b2e2.jpg", "date_modified": "2024-03-19T18:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Open-sourcing our progress on Tailwind CSS v4.0", "content_html": "We just tagged the first public v4.0.0-alpha so you can start experimenting with it and help us get to a stable release later this year.", "url": "https://tailwindcss.com/blog/tailwindcss-v4-alpha", "title": "Open-sourcing our progress on Tailwind CSS v4.0", "image": "https://tailwindcss.com/_next/static/media/card.f65e2d09.jpg", "date_modified": "2024-03-06T16:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Introducing Catalyst: A modern UI kit for React", "content_html": "We just released the first development preview of Catalyst, our new fully-componentized, batteries-included application UI kit for React.", "url": "https://tailwindcss.com/blog/introducing-catalyst", "title": "Introducing Catalyst: A modern UI kit for React", "image": "https://tailwindcss.com/_next/static/media/card.8bb05a9b.png", "date_modified": "2023-12-20T20:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more", "content_html": "There’s nothing like building a major new product for finding all the features you wish you had in your own tools, so we capitalized on that inspiration and turned it into this — Tailwind CSS v3.4.", "url": "https://tailwindcss.com/blog/tailwindcss-v3-4", "title": "Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more", "image": "https://tailwindcss.com/_next/static/media/card.c1caaa0e.jpg", "date_modified": "2023-12-19T17:45:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Heroicons Micro: What are these, icons for ants?", "content_html": "We just released Heroicons v2.1 which includes a brand new micro style — a full set of almost three hundred 16×16 icons designed for tighter, higher density UIs.", "url": "https://tailwindcss.com/blog/heroicons-micro", "title": "Heroicons Micro: What are these, icons for ants?", "image": "https://tailwindcss.com/_next/static/media/card.1fc2b2af.jpg", "date_modified": "2023-12-18T16:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Meet Studio: Our beautiful new agency site template", "content_html": "We just released Studio — a beautiful new agency website template we've been working on for the last couple of months for Tailwind UI.", "url": "https://tailwindcss.com/blog/2023-08-07-meet-studio-our-new-agency-template", "title": "Meet Studio: Our beautiful new agency site template", "image": "https://tailwindcss.com/_next/static/media/twitter-card.0db4348e.png", "date_modified": "2023-08-07T10:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind Connect 2023: Recap of our first in-person event", "content_html": "Last month, over 200 people got together in my hometown of Cambridge, Ontario to hang out, talk shop, and get a peek behind the curtain at some of the new stuff we've been working on.", "url": "https://tailwindcss.com/blog/2023-07-18-tailwind-connect-2023-recap", "title": "Tailwind Connect 2023: Recap of our first in-person event", "image": "https://tailwindcss.com/_next/static/media/twitter-card.49774887.jpg", "date_modified": "2023-07-19T17:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "New changelog template + the biggest Tailwind UI update ever", "content_html": "Over the last four months we've probably done more work on Tailwind UI than we ever have, and having finally wrapped up what we set out to achieve I'm excited to lay it all out for you.", "url": "https://tailwindcss.com/blog/2023-04-24-new-changelog-template-and-the-biggest-tailwind-ui-update-ever", "title": "New changelog template + the biggest Tailwind UI update ever", "image": "https://tailwindcss.com/_next/static/media/twitter-card.b8d3a337.png", "date_modified": "2023-04-24T14:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more", "content_html": "Tailwind CSS v3.3 is here — bringing a bunch of new features people have been asking for forever, and a bunch of new stuff you didn't even know you wanted.", "url": "https://tailwindcss.com/blog/tailwindcss-v3-3", "title": "Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more", "image": "https://tailwindcss.com/_next/static/media/card.183e779b.jpg", "date_modified": "2023-03-28T14:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Protocol: A beautiful starting point for your next API documentation site", "content_html": "It's been months in the making but I'm excited to finally release our next website template — Protocol, a beautiful starter kit for building amazing API reference websites.", "url": "https://tailwindcss.com/blog/2022-12-15-protocol-api-documentation-template", "title": "Protocol: A beautiful starting point for your next API documentation site", "image": "https://tailwindcss.com/api/og?path=/blog/2022-12-15-protocol-api-documentation-template", "date_modified": "2022-12-15T15:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my!", "content_html": "...and nested group support, `aria-*` variants, `data-*` variants, `@supports` support, and more.", "url": "https://tailwindcss.com/blog/tailwindcss-v3-2", "title": "Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my!", "image": "https://tailwindcss.com/_next/static/media/card.63344ca0.jpg", "date_modified": "2022-10-19T15:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "We built you a new personal website + Heroicons v2.0, Headless UI v1.7, and more", "content_html": "We just released a stunning new personal website template for Tailwind UI, redesigned Heroicons from scratch, tagged a new version of Headless UI with some exciting new features, and more.", "url": "https://tailwindcss.com/blog/2022-09-09-new-personal-website-heroicons-2-headless-ui-v17", "title": "We built you a new personal website + Heroicons v2.0, Headless UI v1.7, and more", "image": "https://tailwindcss.com/_next/static/media/card.165de60c.jpg", "date_modified": "2022-09-09T16:24:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "New Tailwind CSS + Framer Motion template and Tailwind Jobs", "content_html": "All about the brand new Tailwind UI template we just shipped, the official Tailwind CSS job board, and a bunch of new projects coming out in the next few weeks.", "url": "https://tailwindcss.com/blog/2022-08-17-tailwind-framer-motion-template-and-tailwind-jobs", "title": "New Tailwind CSS + Framer Motion template and Tailwind Jobs", "image": "https://tailwindcss.com/_next/static/media/card.2c40130e.jpg", "date_modified": "2022-08-19T12:45:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind UI: Site templates and all-access", "content_html": "Today we're releasing our first batch of official Tailwind CSS website templates — beautiful designs engineered into production-quality codebases, powered by Tailwind CSS and Next.js.", "url": "https://tailwindcss.com/blog/2022-06-23-tailwind-templates-and-all-access", "title": "Tailwind UI: Site templates and all-access", "image": "https://tailwindcss.com/_next/static/media/card.96458f77.jpg", "date_modified": "2022-06-23T19:40:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts!", "content_html": "Now with first-party TypeScript types, arbitrary variants, improved CSS variable DX, and tons more.", "url": "https://tailwindcss.com/blog/tailwindcss-v3-1", "title": "Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts!", "image": "https://tailwindcss.com/_next/static/media/card.08e76060.jpg", "date_modified": "2022-06-07T15:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Headless UI v1.6, Tailwind UI team management, Tailwind Play improvements, and more", "content_html": "It's been a while since I've written about what we've been working on so I have a lot to share! Too much honestly — so put your swim suit on, sit back in your lounge chair, and prepare to soak up some vitamin CSS.", "url": "https://tailwindcss.com/blog/2022-05-23-headless-ui-v1-6-tailwind-ui-team-management", "title": "Headless UI v1.6, Tailwind UI team management, Tailwind Play improvements, and more", "image": "https://tailwindcss.com/_next/static/media/card.49a9aad8.jpg", "date_modified": "2022-05-27T15:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Headless UI v1.5: The One With Comboboxes", "content_html": "We just released Headless UI v1.5, which includes a brand new `Combobox` component.", "url": "https://tailwindcss.com/blog/headless-ui-v1-5", "title": "Headless UI v1.5: The One With Comboboxes", "image": "https://tailwindcss.com/_next/static/media/card.e6b41a41.jpg", "date_modified": "2022-02-24T12:00:00.000Z", "author": { "name": "Jonathan Reinink", "url": "https://twitter.com/reinink" } }, { "id": "Automatic Class Sorting with Prettier", "content_html": "People have been talking about the best way to sort your utility classes in Tailwind projects for at least four years. Today we’re excited to announce that you can finally stop worrying about it with the release of our official Prettier plugin for Tailwind CSS.", "url": "https://tailwindcss.com/blog/automatic-class-sorting-with-prettier", "title": "Automatic Class Sorting with Prettier", "image": "https://tailwindcss.com/_next/static/media/card.9674edfb.jpg", "date_modified": "2022-01-24T19:00:00.000Z", "author": { "name": "Jonathan Reinink", "url": "https://twitter.com/reinink" } }, { "id": "Effortless Typography, Even in Dark Mode", "content_html": "Today we're announcing the next version of the Tailwind CSS Typography plugin, which brings easy dark mode support and a brand new customization API.", "url": "https://tailwindcss.com/blog/tailwindcss-typography-v0-5", "title": "Effortless Typography, Even in Dark Mode", "image": "https://tailwindcss.com/_next/static/media/card.ac3994ec.jpg", "date_modified": "2021-12-17T18:50:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Standalone CLI: Use Tailwind CSS without Node.js", "content_html": "Today we're announcing a new standalone CLI build that gives you the full power of Tailwind CLI in a self-contained executable — no Node.js or npm required.", "url": "https://tailwindcss.com/blog/standalone-cli", "title": "Standalone CLI: Use Tailwind CSS without Node.js", "image": "https://tailwindcss.com/_next/static/media/card.e38d1cea.jpg", "date_modified": "2021-12-16T16:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v3.0", "content_html": "Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.", "url": "https://tailwindcss.com/blog/tailwindcss-v3", "title": "Tailwind CSS v3.0", "image": "https://tailwindcss.com/_next/static/media/card.86301db5.jpg", "date_modified": "2021-12-09T16:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Introducing Tailwind UI Ecommerce", "content_html": "Almost 6 months in the making, we finally released Tailwind UI Ecommerce — the first all-new component kit for Tailwind UI since the initial launch back in February 2020.", "url": "https://tailwindcss.com/blog/tailwind-ui-ecommerce", "title": "Introducing Tailwind UI Ecommerce", "image": "https://tailwindcss.com/_next/static/media/card.a2370fbe.jpg", "date_modified": "2021-08-11T19:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Headless UI v1.4: The One With Tabs", "content_html": "We just released Headless UI v1.4, which includes a brand new `Tab` component, and new APIs for manually closing `Popover` and `Disclosure` components more easily.", "url": "https://tailwindcss.com/blog/headless-ui-v1-4", "title": "Headless UI v1.4: The One With Tabs", "image": "https://tailwindcss.com/_next/static/media/card.c4a38ae5.jpg", "date_modified": "2021-07-29T12:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v2.2", "content_html": "An all-new high-performance CLI tool, ::before and ::after support, sibling selectors, selected text variants, and tons more.", "url": "https://tailwindcss.com/blog/tailwindcss-2-2", "title": "Tailwind CSS v2.2", "image": "https://tailwindcss.com/_next/static/media/card.b4eef8a6.jpg", "date_modified": "2021-06-17T14:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind UI: Now with React + Vue support", "content_html": "Last year we released Tailwind UI — a huge directory of professionally designed UI examples built with Tailwind CSS. Today we’re excited to add first class support for React and Vue 3 to all of the examples in Tailwind UI, which makes it even easier to adapt them for your projects.", "url": "https://tailwindcss.com/blog/tailwind-ui-now-with-react-and-vue-support", "title": "Tailwind UI: Now with React + Vue support", "image": "https://tailwindcss.com/_next/static/media/card.9a2b94f2.jpg", "date_modified": "2021-04-14T16:01:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Headless UI v1.0", "content_html": "Last fall we announced Headless UI, a library of completely unstyled, fully accessible UI components, designed to pair perfectly with Tailwind CSS. Today we’re super excited to release Headless UI v1.0, which more than doubles the amount of included components for both React and Vue.", "url": "https://tailwindcss.com/blog/headless-ui-v1", "title": "Headless UI v1.0", "image": "https://tailwindcss.com/_next/static/media/card.e0cf40ae.jpg", "date_modified": "2021-04-14T16:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v2.1", "content_html": "We just released Tailwind CSS v2.1 which brings the new JIT engine to core, adds first-class CSS filter support, and more!", "url": "https://tailwindcss.com/blog/tailwindcss-2-1", "title": "Tailwind CSS v2.1", "image": "https://tailwindcss.com/_next/static/media/card.b5939202.jpg", "date_modified": "2021-04-05T19:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Heroicons v1.0", "content_html": "Today we're releasing Heroicons v1.0, which includes over 450+ free icons in two styles, official React and Vue libraries, and Figma assets.", "url": "https://tailwindcss.com/blog/heroicons-v1", "title": "Heroicons v1.0", "image": "https://tailwindcss.com/_next/static/media/card.8133acff.jpg", "date_modified": "2021-03-29T19:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Just-In-Time: The Next Generation of Tailwind CSS", "content_html": "One of the hardest constraints we've had to deal with as we've improved Tailwind CSS over the years is the generated file size in development. Today I'm super excited to share a new project that makes this constraint a thing of the past: a just-in-time compiler for Tailwind CSS.", "url": "https://tailwindcss.com/blog/just-in-time-the-next-generation-of-tailwind-css", "title": "Just-In-Time: The Next Generation of Tailwind CSS", "image": "https://tailwindcss.com/_next/static/media/card.46d3d7f5.jpg", "date_modified": "2021-03-15T16:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Welcoming James McDonald to Tailwind Labs", "content_html": "Many years ago I got a message from Steve that said something like: \"Have I ever shared this guy's Dribbble profile with you before? Been following him forever, some of my absolute favorite work I've ever found.\" That person was James McDonald, and today we're totally over the moon to share that James is joining our team full-time.", "url": "https://tailwindcss.com/blog/welcoming-james-mcdonald-to-tailwind-labs", "title": "Welcoming James McDonald to Tailwind Labs", "image": "https://tailwindcss.com/_next/static/media/card.73da2a8d.jpg", "date_modified": "2021-03-08T19:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "\"Tailwind CSS: From Zero to Production\" on YouTube", "content_html": "Today we're excited to release Tailwind CSS: From Zero to Production, a new screencast series that teaches you everything you need to know to go from zero to production with Tailwind CSS v2.0.", "url": "https://tailwindcss.com/blog/tailwindcss-from-zero-to-production", "title": "\"Tailwind CSS: From Zero to Production\" on YouTube", "image": "https://tailwindcss.com/_next/static/media/card.2ed21355.jpg", "date_modified": "2021-02-16T16:05:00.000Z", "author": { "name": "Simon Vrachliotis", "url": "https://twitter.com/simonswiss" } }, { "id": "Welcoming David Luhr to Tailwind Labs", "content_html": "We started working with David Luhr last summer to help us develop a Figma version of Tailwind UI, as well as to leverage his accessibility expertise, ensuring we were following best practices and delivering markup that would work for everyone. Today we're excited to share that David has joined the team full-time!", "url": "https://tailwindcss.com/blog/welcoming-david-luhr-to-tailwind-labs", "title": "Welcoming David Luhr to Tailwind Labs", "image": "https://tailwindcss.com/_next/static/media/card.1369d5b6.jpg", "date_modified": "2021-02-01T13:35:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Multi-line truncation with @tailwindcss/line-clamp", "content_html": "A few weeks back we released @tailwindcss/line-clamp, an official Tailwind CSS plugin for truncating text to a specific number of lines.", "url": "https://tailwindcss.com/blog/multi-line-truncation-with-tailwindcss-line-clamp", "title": "Multi-line truncation with @tailwindcss/line-clamp", "image": "https://tailwindcss.com/_next/static/media/card.f7b861ca.jpg", "date_modified": "2021-01-24T20:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v2.0", "content_html": "Today we're finally releasing Tailwind CSS v2.0, including an all-new color palette, dark mode support, and tons more!", "url": "https://tailwindcss.com/blog/tailwindcss-v2", "title": "Tailwind CSS v2.0", "image": "https://tailwindcss.com/_next/static/media/card.aea34753.jpg", "date_modified": "2020-11-18T17:45:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v1.9.0", "content_html": "We just released Tailwind CSS v1.9 which adds support for configuration presets, useful new CSS grid utilities, extended border radius, rotate, and skew scales, helpful accessibility improvements, and more!", "url": "https://tailwindcss.com/blog/tailwindcss-1-9", "title": "Tailwind CSS v1.9.0", "image": "https://tailwindcss.com/_next/static/media/card.7155b234.jpg", "date_modified": "2020-10-13T18:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Introducing Tailwind Play", "content_html": "Tailwind Play is an advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.", "url": "https://tailwindcss.com/blog/introducing-tailwind-play", "title": "Introducing Tailwind Play", "image": "https://tailwindcss.com/_next/static/media/card.e15e8e9b.jpg", "date_modified": "2020-10-07T13:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Headless UI: Unstyled, Accessible UI Components", "content_html": "Headless UI is a set of completely unstyled, fully accessible UI components for React, Vue, and Alpine.js that make it easy to build fully accessible custom UI components, without sacrificing the ability to style them from scratch with simple utility classes.", "url": "https://tailwindcss.com/blog/headless-ui-unstyled-accessible-ui-components", "title": "Headless UI: Unstyled, Accessible UI Components", "image": "https://tailwindcss.com/_next/static/media/card.597648cd.jpg", "date_modified": "2020-10-06T18:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "\"What's new in Tailwind CSS?\" on YouTube", "content_html": "A lot of cool stuff has been added to Tailwind since the last time we published any screencasts, so we thought it would be a great idea to record a little series that covers all of the new additions.", "url": "https://tailwindcss.com/blog/whats-new-in-tailwindcss-on-youtube", "title": "\"What's new in Tailwind CSS?\" on YouTube", "image": "https://tailwindcss.com/_next/static/media/card.4cb6fb4f.jpg", "date_modified": "2020-09-23T18:30:00.000Z", "author": { "name": "Simon Vrachliotis", "url": "https://twitter.com/simonswiss" } }, { "id": "Tailwind CSS v1.8.0", "content_html": "Tailwind CSS v1.8.0 is now available, with font-variant-numeric support, experimental dark mode, and more!", "url": "https://tailwindcss.com/blog/tailwindcss-1-8", "title": "Tailwind CSS v1.8.0", "image": "https://tailwindcss.com/_next/static/media/card.c79e8bad.jpg", "date_modified": "2020-09-04T20:15:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Utility-Friendly Transitions with @tailwindui/react", "content_html": "Announcing the first release of @tailwindui/react, which introduces a component for utility-first enter/leave transitions.", "url": "https://tailwindcss.com/blog/utility-friendly-transitions-with-tailwindui-react", "title": "Utility-Friendly Transitions with @tailwindui/react", "image": "https://tailwindcss.com/_next/static/media/card.197de56f.jpg", "date_modified": "2020-08-27T18:30:00.000Z", "author": { "name": "Robin Malfait", "url": "https://twitter.com/malfaitrobin" } }, { "id": "Introducing Heroicons.com", "content_html": "Today we're launching the official Heroicons web experience, which makes it easier than ever to search for icons and quickly copy them to your clipboard as Tailwind-ready HTML or JSX.", "url": "https://tailwindcss.com/blog/introducing-heroicons", "title": "Introducing Heroicons.com", "image": "https://tailwindcss.com/_next/static/media/card.b11cc7be.jpg", "date_modified": "2020-08-25T13:00:00.000Z", "author": { "name": "Steve Schoger", "url": "https://twitter.com/steveschoger" } }, { "id": "Tailwind CSS v1.7.0", "content_html": "Tailwind CSS v1.7.0 is now available, with gradients and more!", "url": "https://tailwindcss.com/blog/tailwindcss-1-7", "title": "Tailwind CSS v1.7.0", "image": "https://tailwindcss.com/_next/static/media/card.26cf6104.jpg", "date_modified": "2020-08-18T19:15:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "From Nine Hundred to One: How We Hired Robin Malfait", "content_html": "Back in May we published our first job posting for a full-stack developer to join our team. This is the story of how we worked through almost 900 applications, and eventually hired Robin Malfait, a talented developer from Belgium who is starting with us today.", "url": "https://tailwindcss.com/blog/from-900-to-1-how-we-hired-robin-malfait", "title": "From Nine Hundred to One: How We Hired Robin Malfait", "image": "https://tailwindcss.com/_next/static/media/card.0023fdd5.jpg", "date_modified": "2020-08-10T13:30:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v1.6.0", "content_html": "Tailwind CSS v1.6.0 is now available, with animations and more!", "url": "https://tailwindcss.com/blog/tailwindcss-1-6", "title": "Tailwind CSS v1.6.0", "image": "https://tailwindcss.com/_next/static/media/card.624ce026.jpg", "date_modified": "2020-07-28T16:58:33.714Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Simon Vrachliotis Joins Tailwind Labs", "content_html": "Today we are super excited to share that Simon Vrachliotis has joined the development team at Tailwind Labs.", "url": "https://tailwindcss.com/blog/simon-vrachliotis-joins-tailwind-labs", "title": "Simon Vrachliotis Joins Tailwind Labs", "image": "https://tailwindcss.com/_next/static/media/card.3d6d951e.jpg", "date_modified": "2020-07-19T19:00:00.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Welcoming Brad Cornes to the Team", "content_html": "Back in June, Brad Cornes joined our company as our very first team member. We didn't have a blog to announce it back then, but better late than never right?", "url": "https://tailwindcss.com/blog/welcoming-brad-cornes-to-the-tailwind-team", "title": "Welcoming Brad Cornes to the Team", "image": "https://tailwindcss.com/_next/static/media/card.14db8e9f.jpg", "date_modified": "2020-07-18T15:43:02.988Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Tailwind CSS v1.5.0", "content_html": "Tailwind CSS v1.5.0 is here, now with component variants, responsive container variants, focus-visible support, and more.", "url": "https://tailwindcss.com/blog/tailwindcss-1-5", "title": "Tailwind CSS v1.5.0", "image": "https://tailwindcss.com/_next/static/media/card.21edf54f.jpg", "date_modified": "2020-07-15T18:55:18.391Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Introducing Tailwind CSS Typography", "content_html": "Until now, trying to style an article, document, or blog post with Tailwind has been a tedious task that required a keen eye for typography and a lot of complex custom CSS. That's why today we're excited to release @tailwindcss/typography — a plugin that lets you easily style vanilla HTML content with beautiful typographic defaults.", "url": "https://tailwindcss.com/blog/tailwindcss-typography", "title": "Introducing Tailwind CSS Typography", "image": "https://tailwindcss.com/_next/static/media/card.c24d3496.jpg", "date_modified": "2020-07-13T16:35:02.037Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Building the Tailwind Blog with Next.js", "content_html": "One of the things we believe as a team is that everything we make should be sealed with a blog post. Forcing ourselves to write up a short announcement post for every project we work on acts as a built-in quality check, making sure that we never call a project \"done\" until we feel comfortable telling the world it's out there. The problem was that up until today, we didn't actually have anywhere to publish those posts!", "url": "https://tailwindcss.com/blog/building-the-tailwind-blog", "title": "Building the Tailwind Blog with Next.js", "image": "https://tailwindcss.com/_next/static/media/card.7bef5d1f.jpg", "date_modified": "2020-06-30T18:05:31.000Z", "author": { "name": "Adam Wathan", "url": "https://twitter.com/adamwathan" } }, { "id": "Introducing linting for Tailwind CSS IntelliSense", "content_html": "Today we’re releasing a new version of the Tailwind CSS IntelliSense extension for Visual Studio Code that adds Tailwind-specific linting to both your CSS and your markup.", "url": "https://tailwindcss.com/blog/introducing-linting-for-tailwindcss-intellisense", "title": "Introducing linting for Tailwind CSS IntelliSense", "image": "https://tailwindcss.com/_next/static/media/card.d50c4bd5.jpg", "date_modified": "2020-06-23T18:52:03.000Z", "author": { "name": "Brad Cornes", "url": "https://twitter.com/bradlc" } } ] }