All Projects → typestyle → csstips

typestyle / csstips

Licence: other
CSS Tips to help beginners using CSS in TS / JS

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to csstips

csx
Utility functions for TypeStyle
Stars: ✭ 92 (+84%)
Mutual labels:  css-in-js, typestyle
Typestyle
Making CSS Typesafe 🌹
Stars: ✭ 2,944 (+5788%)
Mutual labels:  css-in-js, typestyle
stitches-reset
The famous Eric Meyer's Reset CSS for stitches
Stars: ✭ 35 (-30%)
Mutual labels:  css-in-js
css-to-typestyle
Convert raw CSS to TypeStyle
Stars: ✭ 12 (-76%)
Mutual labels:  typestyle
mediocre-pictures
Helping you take mediocre pictures, hands-free. 📷🙆🏻🙅🏾💁🏼📸
Stars: ✭ 16 (-68%)
Mutual labels:  css-in-js
stitches-site
stitches.dev
Stars: ✭ 240 (+380%)
Mutual labels:  css-in-js
visage
Visage design system
Stars: ✭ 12 (-76%)
Mutual labels:  css-in-js
postcss-styled
PostCSS syntax for parsing styled components
Stars: ✭ 53 (+6%)
Mutual labels:  css-in-js
mugiwara
fast minimal CSS-in-JS created to reduce size of CSS injected
Stars: ✭ 11 (-78%)
Mutual labels:  css-in-js
react-koa-universal
a boilerplate react graphql apollo css-in-js buzzword koa ssr pwa wasm throwaway app 🚮
Stars: ✭ 12 (-76%)
Mutual labels:  css-in-js
boss-lite
Boss Lite - React Redux Material Admin Template
Stars: ✭ 148 (+196%)
Mutual labels:  css-in-js
siimple
The minimal and themeable CSS toolkit for flat and clean designs
Stars: ✭ 525 (+950%)
Mutual labels:  css-in-js
Styled-Responsive-Media-Queries
Responsive Media Queries for Emotion styled or styled-components — Standard size from Chrome DevTools.
Stars: ✭ 33 (-34%)
Mutual labels:  css-in-js
benefit
✨ Utility CSS-in-JS library that provides a set of low-level, configurable, ready-to-use styles
Stars: ✭ 51 (+2%)
Mutual labels:  css-in-js
linaria-styled
Zero-runtime CSS in JS library for building React components
Stars: ✭ 17 (-66%)
Mutual labels:  css-in-js
glitz
Lightweight CSS-in-JS library with high performance written in TypeScript
Stars: ✭ 42 (-16%)
Mutual labels:  css-in-js
tsstyled
A small, fast, and simple CSS-in-JS solution for React.
Stars: ✭ 52 (+4%)
Mutual labels:  css-in-js
system-ui.com
Standards for creating consistent, interoperable user interfaces
Stars: ✭ 64 (+28%)
Mutual labels:  css-in-js
css-render
Generating CSS using JS with considerable flexibility and extensibility, at both server side and client side.
Stars: ✭ 137 (+174%)
Mutual labels:  css-in-js
bredon
A modern CSS value compiler in JavaScript
Stars: ✭ 39 (-22%)
Mutual labels:  css-in-js

What's here

A bunch of csstips that you can use with TypeStyle. What is a csstip?

  • A function that returns a mixin (e.g. padding)
  • A mixin (e.g. flexbox stuff).
  • Functions to make page setup easier (setupPage) and CSS designs consistent (normalize).

Quick exploration

Just use TypeScript autocomplete e.g

import * as csstips from "csstips" 
import {style} from "typestyle" 

<div className={style(csstips.scroll)}>
  .....Insert a big block of dom here....
<div>

It essentially makes it easier for:

  • Beginners to explore CSS.
  • Experts to review CSS / intent.
  • Provides examples for how to create mixins / mixin creating functions for TypeStyle.

Docs

https://typestyle.github.io

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].