typicode/mistcss

Health v2 · maintenance only

Adoption not part of the score

1639 stars · 58 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

MistCSS is a styling tool that lets you create reusable React visual components using only native HTML data-attributes and CSS, with no JavaScript or TypeScript component code. It generates TypeScript declaration files from your CSS to provide type safety and autocomplete while producing zero runtime overhead.

Use cases

• style react components without css-in-js
• create reusable button and input components with pure css
• get typescript autocomplete for css data attributes
• reduce javascript bundle size from styling code
• replace css modules with zero-runtime styling
• use native css nesting for component variants

When to choose

• you want zero-runtime styling with no javascript component wrappers
• you prefer writing plain html and css over styled-components or css modules
• you want type safety for component props without writing typescript
• bundle size and debugging simplicity matter more than complex styling logic

When to avoid

• you need complex component logic, state, or event handling inside styled components
• your project relies heavily on dynamic runtime theming or javascript-driven styles
• you need broad browser support for css nesting in older environments

Facets

library · maturity active

css-framework ui-components frontend-framework web-development frontend web-design css-in-js-alternative zero-runtime data-attributes type-safety react nextjs remix nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="typicode/mistcss")