Packages
📦

Packages

Framework

Front end

Full stack

Project creation

Dom Animination
tween.js
tweenjs • Updated Jan 28, 2024

Name
Note
JavaScript/TypeScript animation engine

UI/Design System

Name
Note
good accessibilities, unstyled components
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Built for dark mode
A simple, modular and accessible component library
AWS
Reduce code and gain performance with an optimizing compiler for React.
Use Tailwind CSS but write fewer class names
Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 40 hooks to cover you in any situation
Design, build, and create with GitHub’s design system
MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.
Beautifully designed components built with Radix UI and Tailwind CSS.
An enterprise-class UI design language and React UI library
Designed to make building high-quality, accessible web applications easier
ã…¤
Build and ship fast with Tailwind CSS UI components
Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects.

Online builder

Name
Note
A flexible playground for live editing React components

Packages

Name
Note
Example
Convert text to slug
print(slug('i love unicode')) // > i-love-unicode
Parsing and manipulating HTML and XML.
import * as cheerio from 'cheerio'; const $ = cheerio.load('<ul id="fruits">...</ul>'); $.html(); $('.apple', '#fruits').text(); //=> Apple
Generator of random strings, numbers, etc. to help reduce some monotony particularly while writing automated tests or anywhere else you need anything random.
chance.animal({type: 'zoo'}); => 'Lion'