Discover souporserious/tonality Open Source project

Stars
11
Rank 1,694,829 (Top 34 %)
Language
JavaScript
License
MIT License
Created over 7 years ago
Updated over 7 years ago

souporserious

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

Some small functions to help build and adjust color tone palettes.

react-measure

📏 Compute measurements of a React component.

JavaScript

1,940

react-motion-ui-pack

Wrapper component around React Motion for easier UI transitions

JavaScript

625

react-media-player

React audio and video player.

JavaScript

470

renoun

Documentation that matches the quality of your product.

TypeScript

416

restyle

The simplest way to add CSS styles to your React components.

TypeScript

304

react-view-pager

Slider/Carousel powered by React Motion.

JavaScript

293

jsxui

The design compiler for JSX.

TypeScript

175

unicon

🦄 Wrangle SVGs from your favorite design tool.

JavaScript

169

next-remote-refresh

Enable Fast Refresh for remote data in Next.js

JavaScript

151

react-aria

Utility components to help compose React ARIA components

JavaScript

144

react-fluid-container

Graceful dynamic/variable height animation

JavaScript

133

tsxmod

Refactor code, migrate to new APIs, and better understand your codebase.

TypeScript

111

reforest

🌲 Collect ordered React render data seamlessly across the server and client.

TypeScript

use-item-list

A primitive React hook used to coordinate indexed collections effortlessly.

JavaScript

lock-scrollbars

Lock all scrollbars to prevent scrolling the page.

TypeScript

sketch-to-svg-json-loader

Sketch to SVG JSON loader module for webpack

JavaScript

documenting-systems-in-nextjs

Case study of how to build a documentation system in Next.js using TS Morph.

TypeScript

mdx-to-md

Convert MDX to Markdown.

TypeScript

next-monaco

TypeScript

react-paper-ripple

Paper ripple animations inspired by Google Material Design

JavaScript

outy

A simple way to listen for events outside of elements in 390 bytes

JavaScript

react-matches

Simple helper components to make responsive design easier in React.

JavaScript

next-dx

Enhance Next.js development with utilities for local and remote content.

TypeScript

react-component-query

Component queries in React

JavaScript

animated-ui

Components for UI animations powered by Animated

JavaScript

build-your-own-code-playground

A simple React code playground built in Next.js

TypeScript

get-node-dimensions

Get accurate element dimensions, even if it's hidden!

JavaScript

selectly

Build composeable select menus for React.

JavaScript

react-midnight

Handle dates, times, and calendars with React.

JavaScript

docgraph

Generate rich documentation data for TypeScript and MDX codebases.

TypeScript

velocitytransitiongroup

React addon component to easily use Velocity animations in React.

JavaScript

use-roving-index

Manage an active index that needs to be contained or wrapped.

TypeScript

golly

Powerful flexbox grid system built on top of glamor.

JavaScript

use-scroll-sync

Sync scroll positions between multiple elements.

TypeScript

use-ref-list

Easily manage an ordered list of refs in React.

JavaScript

react-motion-sortable

Sortable components powered by React Motion.

JavaScript

react-travel

JavaScript

bundling-typescript-with-esbuild-for-npm

Example of bundling TypeScript using Esbuild.

JavaScript

create-styled-element

Simple wrapper around glamor to create styled elements in React.

JavaScript

monaco-textmate-syntax-highlighting

Monaco TextMate Syntax Highlighting in Next.js

TypeScript

nextjs-remote-mdx-fast-refresh

Workaround to get Fast Refresh working for remote MDX content in a local directory.

JavaScript

next-monaco-vscode-api

Monaco Editor x Next.js

TypeScript

react-editable

Build flexible WYSIWYG editors with ease

JavaScript

react-aria-ui

Collection of ARIA compliant React components.

JavaScript

react-rails-theme-provider

Demo of setting up ThemeProvider with react-rails

Ruby

app-router-form

App Router testing.

TypeScript

react-drop

Drop content anywhere on the page

JavaScript

generate-typescript-docs-using-ts-morph

Generate docs from TypeScript using TS Morph.

TypeScript

get-prefix

Get browser style prefixes for Javascript.

JavaScript

animation-bus

Define different animation stops relative to another value.

JavaScript

better-library-dx-using-jsdoc-links

Example of using Babel to enrich JSDoc links with helpful links.

JavaScript

react-cli-example

Example showing how to bundle a CLI tool using react ink and tsup.

JavaScript

scroll-media

Control videos or audio based on scroll position.

JavaScript

preact-signals-nextjs

TypeScript

managing-design-systems-with-typescript

An example of how to manage Design Systems with TypeScript.

TypeScript

site

My personal website 💀

JavaScript

babel-plugin-extract-export

Extract ESM exports and their dependencies using Babel.

TypeScript

contours

An example of generating contours from a 2D array using Rust.

TypeScript

style-bits

JavaScript

reanime

JavaScript

esbuild-figma-plugin

Example showing how to compile Figma plugins using Esbuild.

TypeScript

server-components-css

TypeScript

mdx-bundler-and-styled-components

TypeScript

origins-boilerplate

A starting place for the web. Will add config settings soon.

JavaScript

use-frame

Sync animation frames in React.

TypeScript

docs-example

TypeScript

extract-exports-using-ts-morph

An example of how to extract an ESM export using TS Morph.

TypeScript

args-flags

A simple command line argument parser for Node.

JavaScript

calendar-fns

Small utility functions for building calendars in JavaScript.

TypeScript

data-slider

A simple slider that allows data attributes to control it.

vscode-ast-explorer

next-mdx-table-bug

mdx-use-client

souporserious/tonality

souporserious

Reviews

Repository Details

More Repositories