One of the most hidden super-cool (sorry, born in the 70s) features of #tailwindcss is the `group` class. Put it on an outer div, then inside do a `group-hover:crazy colors` thing and be impressed. #readthedocs (at least once fully): https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state
Hover, focus, and other states - Core concepts

Using utilities to style elements on hover, focus, and more.

📰 業務アプリのフロントエンド負債と向き合い、Tailwind CSS から Panda CSS への移行を決めた話 (👍 82)

🇬🇧 Tackling frontend debt: migrating from Tailwind CSS to Panda CSS in a Next.js business app. Lessons from refactoring 200+ files.
🇰🇷 프론트엔드 기술 부채 해결: Next.js 업무 앱에서 Tailwind CSS에서 Panda CSS로 마이그레이션. 200개 이상 파일 리팩토링 경험.

🔗 https://zenn.dev/levtech/articles/frontend-kaizen-pandacss

#Frontend #PandaCSS #TailwindCSS #Zenn

業務アプリのフロントエンド負債と向き合い、Tailwind CSS から Panda CSS への移行を決めた話

Zenn

Introducing Shadcn Digital Arc 🚀

A modern template built with shadcn for landing pages and product websites.

Clean UI, reusable blocks, fast setup.

👉 https://shadcnspace.com/templates/digital-arc

#webdev #react #uidesign #nextjs #react #tailwindcss #shadcn #shadcnui #shadcntemplates

【コピペでOK】JavaScriptを使わないアコーディオンメニュー - Qiita

コード (TailwindCSS v4) See the Pen accordion by hrel11 (@hrel11) on CodePen. コード (バニラCSS) See the Pen accordion (vanillac...

Qiita

Want to build modern dashboards and UI faster in React?

Explore 30+ Shadcn UI components designed for clean design, accessibility, and developer productivity.

Perfect for frontend developers.

👉 Read the full article:
https://www.wrappixel.com/best-shadcn-ui-components/

#ReactJS #Nextjs #WebDevelopment #TailwindCSS #shadcn #shadcncomponents

Building a web app? A good React Admin Dashboard can save hours of development time.

We compiled a list of modern dashboard templates built with React + Tailwind CSS that include reusable UI components, charts, tables, and layouts for SaaS or internal tools.

Perfect for developers building analytics dashboards, admin panels, or data tools.

👉 Read the full guide:
https://tailwind-admin.com/blogs/react-admin-dashboard

#ReactJS #TailwindCSS #WebDev #SaaS #Dashboard

I've been spending most of today updating the https://vex.blue website, The goal will be to make it so it has a proper banner along with a store page that will have products on in the near future.

The other things I've found well looking across the site is that we need a better way of the Articles to deal with METADATA as currently it doesn't.

This means that I have to manually update ~30 articles with a new system that accepts metadata along with update the comment section to actually work again with an Article account being needing to be developed on break3.social for those posts to be out there and accessible for displaying them on the site.

So all in all a lot more to do before v4.5 on the site, but it'll be a welcomed change.

Also as a side-note, I will be slowly moving Fediverse related posts and pages across to
https://fedicate.org as the @fedicate Project now deals with those as a brand instead of directly.

#Fedicate #VEXdotblue #Website #Webdev #React #NextJS #JSX #Tailwindcss #WebsiteDevelopment
VEX.blue

Welcome to VEX.blue the hub for Quality Products & Services

Brewlog: Coffee & Agents

My latest #blog outlines how I built a super-niche application for tracking my specialty #coffee brewing and consumption, but also marks some of the most complex work I've done with an agent to date.

Built in #Rust with Axum, backed by #SQlite and with a #TailwindCSS based UI.

Take a read for some takeaways on the effective use of tools like Claude Code and Github Copilot, or if you fancy hosting your own super nerdy coffee tracking app!

https://jnsgr.uk/2026/03/brewlog-coffee-and-agents/

Brewlog: Coffee & Agents

I built a self-hosted coffee logging platform with Rust, Axum, SQLite and Datastar. The project was my most complex agentic coding effort to date, with Claude Code acting as my long‑lived pair‑programmer for almost all of the implementation. This post covers the motivation, design decisions, and what I learned about building non-trivial software with AI assistance, as well as some patterns I’ve adopted for agentic coding.

Jon Seager
Top UI Libraries Every Frontend Developer Should Know Choosing the right UI library can speed up your development and make your apps look professional. Here are some powerful options: #WebDevelopment #FrontendDeveloper #ReactJS #UIUX #TailwindCSS #Bootstrap #MaterialUI #AntDesig