Release 0.15.0 | StyleX
StyleX v0.15.0 introduces significant improvements to media query handling, dynamic styles optimization, and improvements to the linter, types, and documentation. Media query orderingPreviously, media queries within a style property were applied in a predetermined sorting order. This often meant that the order you authored the queries did not match how they were applied, so we recommended manuall
Vanilla JavaScript support for Tailwind Plus
<script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script> <el-dropdown class="relative inline-block text-left"> <button class="inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-gray-300 ring-inset hover:bg-gray-50"> Options <svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="tr
Release 0.14.0 | StyleX
StyleX v0.14.0 introduces new APIs to the compiler and linter, as well as a couple of breaking changes to improve performance. New featuresCompiler: viewTransitionClassThe viewTransitionClass API allows you to use StyleX to customize your CSS View Transitions. This API works nicely with React’s new <ViewTransition /> component: import {unstable_ViewTransition as ViewTransition} from 'react'; imp
Release 0.12.0 | StyleX
StyleX v0.12.0 introduces performance optimizations, several bug fixes, a new lint rule, and some cleanup of deprecated packages. PerformanceObject key minificationThe keys of compiled style objects are now minified to reduce overall code size. Faster theme compilationCompiling createTheme calls is now several orders of magnitude faster. This was achieved by caching evaluated theme objects. ESL
Material UI v7 is here 🚀 - MUI
Ready-to-use foundational React components, free forever.
Thank you - styled-components
First and foremost, thank you to everyone who has contributed to styled-components over the years. Open Source is hard work, and many of the larger feature and/or refactoring drives probably would never have shipped without your support! As I write this in 2025, styled-components as a project is in "maintenance mode". There are a number of reasons for this: The React core team has decided to defac
Release 0.11.0 | StyleX
Release NotesStyleX v0.11.0 is now available, with significant improvements in debugging, CLI caching, and documentation! Debugging ImprovementsImproved Runtime DebuggingWe've made some big improvements to the information available in debug mode. We now include sourceMap information to indicate the file and line of the create call responsible for providing styles on a given element. This inform
Tailwind CSS v4.0
Holy shit it's actually done — we just tagged Tailwind CSS v4.0. Tailwind CSS v4.0 is 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. New high-performance engine — where full builds are up to 5x faster, and incremental buil
Release 0.10.0 | StyleX
Happy new year! We are excited to announce the release of StyleX v0.10.0, which includes several new features and improvements. Easier adoption with the all-new PostCSS pluginStyleX now ships with an all-new PostCSS plugin. This plugin allows you to use StyleX with any PostCSS-compatible toolchain, to better integrate with existing projects. The PostCSS plugin is now our recommended approach for
Release 0.8.0 | StyleX
StyleX v0.8.0 is now available with a bunch of fixes and new ESlint rules. Linting EnhancementsWe've been making a lot of improvements to our ESLint plugin. We've both improved our existing rules and added new ones. Thanks to Melissa Liu! Here are some of the highlights: New valid-shorthands ruleThis rule enforces our opinions on when and how you should use CSS shorthand properties. It disallows
matcha.css | Drop-in semantic styling library in pure CSS
matcha.css Drop-in semantic styling library in pure CSS. matcha.css is a pure CSS library designed to style HTML elements similarly to a default browser stylesheet, eliminating the need for users to manually patch their documents. Ideal for fast prototyping, static HTML pages, Markdown-generated documents, and developers seeking to streamline their workflow without delving into CSS intricacies and
Reactで社内向けUIライブラリ開発・ビルド・公開・布教入門【2024年】
会社で複数の新規事業を立ち上げる機運が高まったことをきっかけに社内向けUIライブラリを開発し、限定公開して利用を始めました。 本記事ではReactで社内向けUIライブラリを開発・ビルド・公開・布教するためのアレコレを共有します。 以下のような話題について知りたい方に特に読んでほしいです。 Private Packageの作り方、配布の方法のイメージがつかない方 CommonJSとES Modules、今はどちらでビルドするのがいいのか知りたい方 ライブラリの作り方について網羅的に知りたい方 前提 利用側のアプリケーションはNext.js固定を前提とする Tailwind CSSを内部的には利用する 利用側のアプリケーションはパフォーマンス（Lighthouseスコア）重視することが多い 社内の様々なレベルのエンジニアがContributeする可能性がある 端的に言うと、社内のプライベートリ
macaron — Colocated CSS-in-JS with zero-runtime
const Button = styled('button', { base: { borderRadius: 6, }, variants: { color: { neutral: { background: 'whitesmoke' }, accent: { background: 'slateblue' }, }, rounded: { true: { borderRadius: 999 }, }, }, compoundVariants: [ { variants: { color: 'neutral', rounded: true, }, style: { background: 'ghostwhite' }, }, ], defaultVariants: { color: 'accent', }, }); <Button color="neutral" rounded> Cli
Introducing Catalyst: A modern UI kit for React
Today's the day — we just published the first development preview of Catalyst, just in time for your holiday hacking sessions. Catalyst is our first fully-componentized, batteries-included application UI kit — real React components with thoughtfully designed APIs that build on each other to create a real component architecture, the same way we'd do it in a real application. Check out the live demo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
🐼 Panda v1 🎊 · chakra-ui/panda · Discussion #3321
Untitled UI React — React UI Component Library
Release v4.1.0 · tailwindlabs/tailwindcss
Cerberus Design System
GitHub - bramus/style-observer: MutationObserver for CSS. Get notified when the computed value of a CSS property changes.
GitHub - asamuzaK/domSelector: A CSS selector engine.
