Packages
📦

Packages

Framework

Front end

Full stack

Project creation

Dom Animination
tween.js
tweenjs • Updated Aug 10, 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.
It is optimized for building complex data-dense interfaces for desktop applications which run in modern browsers and IE11. This is not a mobile-first UI toolkit.
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'
Â