Packages
📦

Packages

Framework

Front end

Full stack

Project creation

Dom Animination
tween.js
Github
tween.js
Owner
tweenjs
Updated
Aug 10, 2024

Name
Note
tween.js
JavaScript/TypeScript animation engine

UI/Design System

Name
Note
Radix-UI
good accessibilities, unstyled components
Headless
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
dracula
Built for dark mode
Chakra UI
A simple, modular and accessible component library
cloudscape
AWS
tamagui
Reduce code and gain performance with an optimizing compiler for React.
Blue print
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.
daisyui
Use Tailwind CSS but write fewer class names
mantine
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
primer
Design, build, and create with GitHub’s design system
mui
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.
ui.shadcn.com
Beautifully designed components built with Radix UI and Tailwind CSS.
antDesign
An enterprise-class UI design language and React UI library
ark-ui
Designed to make building high-quality, accessible web applications easier
rewind-ui
ã…¤
floatui
Build and ship fast with Tailwind CSS UI components
Pinesui
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
react-live
A flexible playground for live editing React components

Packages

Name
Note
Example
slug
Convert text to slug
print(slug('i love unicode')) // > i-love-unicode
cheerio
Parsing and manipulating HTML and XML.
import * as cheerio from 'cheerio'; const $ = cheerio.load('<ul id="fruits">...</ul>'); $.html(); $('.apple', '#fruits').text(); //=> Apple
chancejs
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'
Â