Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
typicode authored Oct 31, 2024
1 parent 48dd1c9 commit 05e09b0
Showing 1 changed file with 2 additions and 3 deletions.
5 changes: 2 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# MistCSS

> Write faster and better visual components with... 100% less JS/TS code (think about it for a second).
> Write faster and better visual components _without_ any JavaScrip/TypeScript code (think about it for a second).
```jsx
function App() {
Expand All @@ -16,7 +16,7 @@ function App() {

<img width="1107" alt="Screenshot 2024-10-31 at 17 19 56" src="https://github.com/user-attachments/assets/59ced9fd-8d00-408b-8eb4-a60286a55cbe">

__MistCSS is a unique approach to writing type-safe visual components. It's different from CSS-in-JS and CSS modules.__
__MistCSS is a unique approach to writing type-safe visual components. There's no JS as shown in the screenshot. In this sense, it's different from CSS-in-JS and CSS modules.__

## Features

Expand All @@ -26,7 +26,6 @@ __MistCSS is a unique approach to writing type-safe visual components. It's diff
- ⚡️ Instantly productive, simpler is better, nothing to learn and easier on-boarding.
- 💖 Back to the future Marty! The full power of just HTML and CSS (container queries, CSS functions, ...) with modern features (type safety, code completion) but without the complexity.


## Comparison

Usually with traditional approaches, you have to wrap your markup in JavaScript functions (`Button.jsx -> <button/>`, `Input.jsx -> <input/>`), write props with TS types, write logic to concatenate classnames...
Expand Down

0 comments on commit 05e09b0

Please sign in to comment.