streamich/nano-css

Stars
412
Rank 105,024 (Top 3 %)
Language
JavaScript
License
The Unlicense
Created over 6 years ago
Updated over 1 year ago

streamich/nano-css

streamich

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Distilled CSS-in-JS for gourmet developers

nano-css

Tiny 5^th generation CSS-in-JS library that you can actually use in production. Motto of nano-css is simple: create the smallest possible CSS-in-JS library and provide all features of any other library through addons.

Only 0.5 Kb in base configuration, e.g. styled-components is 15.1Kb
Library-agnostic — use it standalone, with React, Preact, Vue.js, or any other library
Isomorphic — render on server and browser, generates stable class names, and re-hydrates
Performant — simply the fastest library; does not create wrapper components, does not use inline styles or inline <style> elements, but caches all styles for re-use and injects CSS using .insertRule() for performance
@media queries and animation @keyframes are supported
Auto-prefixes your styles
Extract CSS into external style sheet
Public domain — Unlicense license

Reference

Installation
Addons
- put() — demo!
- rule() — demo!
- drule() — demo!
- sheet() — demo!
- dsheet() — demo!
- jsx() — demo!
- useStyles() — demo!
- withStyles() — demo!
- decorator — demo № 1 and demo № 2
- component — demo!
- style() — demo!
- styled()() — demo!
- hyperstyle() — demo!
- stable
- atoms — demo!
- emmet
- nesting
- keyframes()
- hydrate()
- prefixer
- stylis
- unitless
- !important
- :global
- animate/*
- reset/*
- reset-font
- googleFont()
- limit
- amp
- virtual
- spread
- array
- snake — demo!
- tachyons
- rtl
- extract
- sourcemaps
- .units
- cssom
- vcssom
Presets
Server-side rendering

react-use

React Hooks — 👍

libreact

Collection of useful React components

memfs

JavaScript file system utilities

git-cz

Semantic Git commits

awesome-styleguides

A curated list of UI styleguides — 😎💄

use-media

useMedia React hook to track CSS media query state

json-joy

json-joy — JSON CRDT, JSON CRDT Patch, JSON Patch, JSON Predicate, JSON Patch Extended, JSON Patch+ OT, MessagePack codec, JSON-Rx, JSON-RPC 2.0, JSON Pointer, Reactive-RPC, random JSON generator, JSON Brand, JSON Expression, JSON Size, JSON Type, JSON Schema, JSON deep equality, JSON Binary, JSON clone / msgpack.org[JavaScript/TypeScript/NodeJS]

freestyler

5th generation CSS-in-JS library

react-embed

Embed 3rd party widgets

unionfs

Use multiple fs modules at once

ass-js

Assembler.js — X86_64 and Ethereum

fs-monkey

Monkey-patches for file system related things

ts-easing

Easing functions in TypeScript

linkfs

Rewrite file system `fs` paths

awesome-css-animations

A curated list of CSS animation resources

jsx-plus-plus

Better JSX for busy developers

jskernel

Node.js exo-kernel dream - proposal

thingies

Kitchen sink of helpful utilities.

use-t

🗺 Translations with React hooks

libsys

POSIX/Linux/Mac system calls and low level operations for Node.js

spyfs

Node filesystem spies and mocks

bamboo

Bamboo - Node.js clone in pure JavaScript

react-universal-interface

Universal Component Interface - FaCC, render prop, component prop, prop injection, HOC, decorator

memfs-webpack

Example of how to use memfs with webpack

libjs

libc implemented in JavaScript

react-use-media

react-media hook

md-mdast

Fast tiny Markdown to MDAST parser

react-micro-lifecycles

Life-cycles for React DOM elements

flexible-input

Autosizing <input> and <textarea> elements, which expand and shrink to fit contents

awesome-ci-recipes

Useful scripts and tricks for continuous integration

rx-use

RxJS DOM sensors

three-ducks

Distilled Redux for gourmet developers

fastest-json-copy

Fastest JSON deep clone implementation

react-simple-player

Lightweight React audio player component

pure-arr

Immutable pure Array.prototype functions

cross-ci

Travis, CircleCI, et. al. env vars normalized

jssh

JavaScript Shell

sonic-forest

High performance tree and sorted map implementations for JavaScript in TypeScript

iconista

One NPM install, one React component — 💯+ icons

virtual-css

💄 Virtual CSS for virtual DOM libraries

set-harmonic-interval

one timer for all setInterval() with identical ms delay

hyperdyperid

Very fast base-36 ID generator and random integer generator for Node.js

content-ranking

Formulas for content ranking

entask

Micro- and Macro-tasks for Node and browsers

clickable-json

Interactive JSON and JSON CRDT editing and viewing React components

json-schema-serializer

Fast JSON.stringify with schema

modern-pick

Template string accessors to the selector rescue

stripe-web

Typesafe Stripe for browser

fast-shallow-equal

Very fast object shallow equal comparator

structured-interviews

Templates for structured interviews

ts-brand-json

TypeScript type for JSON-in-a-string

react-passport

React context for client-passport

state-containers

Simple state containers for your services and React apps

igit

Interactive CLI for semantic Git commit messages.

use-unmount

React hook which returns unmount observable

tree-dump

Simple console tree printing helpers

proofread

Proofread your Redux sagas.

crunchme

Pack your .js in a self-extracting compressed file

nodefs

THIS IS OLD, USE streamich/memfs INSTEAD

client-passport

Authentication for single-page apps

fasttrack

TypeScript boilerplate with commands

json-crdt-traces

JSON CRDT document sample change traces in JSON CRDT Patch format, for testing and benchmarking

emoji-json-list

List of emojis, their aliases and unicode values

css-light

Light-weight module to write CSS in JavaScript

puppet-master

Executes Node.js function in a Chrome browser and returns result

code-colors

Code syntax highlighting for the web

collaborative-input

Collaboration-enabled HTML text editing elements: <input>, <textarea>, and [contenteditable]

code-colors-react

Code syntax highlighting React component

current-tick

Enqueue function to execute later within current event loop cycle

mdast-flat

Flat version of MDAST format

elf

nmsg-rpc

RPC event based router for JavaScript bi-directional messaging

redis-joy

Fast and mean Redis 7+ cluster client written in TypeScript which supports RESP3 protocol

nano-css-extract-demo

Demo of nano-css extract addon - extracts CSS into an external style sheet

fs-zoo

File system abstractions and implementations

enwire

🐙 Rewire env vars

fslib

fs.js in pure JavaScript

libaio

asynchronous system call wrapper

typebase

C/C++ structs in Node.js

jml-h

JsonML + Virtual Hypertext generator (h)

node-multicore

Delightful multicore programming in Node.js

v4-uuid

Simple UUID for browser without crypto dependency

collaborative-quill

JSON CRDT bindings for Quill rich-text editor, with React suppport

uint8-to-b64

Isomorphic Uint8Array conversion to Base64 string and back for browser and Node.js

socket.io-reqres

Request/response for socket.io

portable-example

portable.js web app tutorial

cpuid

cpuid x86 in JavaScript

redux-oop

json-joy-php

JSON Pointer, JSON Patch and JSON Patch OT for PHP

xml-light

Simple XML/HTML in JavaScript

nano-theme

CSS theming for web apps

collaborative-editor

JSON CRDT "str" node binding to any generic plain text editor UI.

config-galore

Collection of configs for Node.js and React projects

md-jml

Markdown to JsonML parser in JavaScript

ci-scripts

Travis and CircleCI scripts

dom-copy

Copy to Clipboard

static-buffer

Execute machine code in your Buffer

p4-css

utf8-bar

UTF8 % bar for terminal

logich

A light-weight extensible logging system written in Node.js way.