Public Notes by reorx Tagged #react

Magic Patterns: HTML to React/Figma - Chrome Web Store chromewebstore.google.com

chrome •
code-generator •
convert •
design •
extension •
figma •
html •
react •
ui

Restyle - Zero Config CSS for React www.restyle.dev

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

#react #css #library #css-in-js

css •
css-in-js •
library •
react

Component Party component-party.dev

Web component JS frameworks overview by their syntax and features: Svelte 4, React, Vue 3, Angular, Lit, Vue 2, Ember Octane, Solid.js, Alpine, Svelte 5 (preview), Ember Polaris (preview), Mithril, Aurelia 2, Qwik, Marko, Aurelia 1

#javascript #framework #collection #cheatsheet #comparison #react #svelte #vue #solidjs #learning

cheatsheet •
collection •
comparison •
framework •
javascript •
learning •
react •
solidjs •
svelte •
vue

Subframe – The best way to build UI, fast. www.subframe.com

Build stunning UI in minutes with a drag-and-drop visual editor, beautifully crafted components, and production-ready code. Optimized for React & TailwindCSS.

#ui #design #editor #code-generator #react #tailwind #builder

builder •
code-generator •
design •
editor •
react •
tailwind •
ui

Magic UI magicui.design

react •
tailwind •
uikit

scaleway/ultraviolet: A monorepo Design System with React components. github.com

A monorepo Design System with React components. Contribute to scaleway/ultraviolet development by creating an account on GitHub.

#uikit #design-system #react #component

TypeScript React Cheat Sheet - SaltyCrane www.saltycrane.com

OnedocLabs/react-print-pdf: Build and generate PDF using React 📄 UI kit for PDFs and print documents. Simple, reusable components and templates to create great invoices, docs, brochures. Use your favorite front-end framework React to build your ne... github.com

Build and generate PDF using React 📄 UI kit for PDFs and print documents. Simple, reusable components and templates to create great invoices, docs, brochures. Use your favorite front-end framework React to build your next PDF. - OnedocLabs/react-print-pdf

#react #component #html #css #pdf #generator

component •
css •
generator •
html •
pdf •
react

GitHub - electh/ReactFlux: Simple RSS reader for Miniflux github.com

miniflux •
react •
reader •
rss

Modern.js modernjs.dev

A Progressive React Framework for modern web development.

#react #framework #spa #csr

csr •
framework •
react •
spa

Darginec05/Yoopta-Editor: Notion-like editor with similar behaviour github.com

Notion-like editor with similar behaviour. Contribute to Darginec05/Yoopta-Editor development by creating an account on GitHub.

#javascript #react #editor #notion #wysiwyg

editor •
javascript •
notion •
react •
wysiwyg

XD2Sketch/react-chat-stream: ⚛️ React Hook to add 🤖 ChatGPT-like word-by-word event streams github.com

⚛️ React Hook to add 🤖 ChatGPT-like word-by-word event streams - XD2Sketch/react-chat-stream

#react #hook #event-stream

Lusito/react-nano: Tiny, powerful and type-safe React libraries. All released under a liberal license github.com

Tiny, powerful and type-safe React libraries. All released under a liberal license - Lusito/react-nano

#react #library #minimalism

nextui-org/nextui: 🚀 Beautiful, fast and modern React UI library. github.com

🚀 Beautiful, fast and modern React UI library. Contribute to nextui-org/nextui development by creating an account on GitHub.

#react #component #uikit

wevm/vocs: Minimal Documentation Framework, powered by React + Vite. github.com

Minimal Documentation Framework, powered by React + Vite. - wevm/vocs: Minimal Documentation Framework, powered by React + Vite.

#static-site-generator #documentation #typescript #react #vite

glideapps/glide-data-grid: 🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support. github.com

🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support. - glideapps/glide-data-grid: 🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.

#react #component #data #table #grid #library

component •
data •
grid •
library •
react •
table

aspen-cloud/triplit: A full-stack, syncing database that runs on both server and client. Pluggable storage (indexeddb, sqlite, durable objects), syncs over websockets, and works with your favorite framework (React, Solid, Vue, Svelte). github.com

Making Sense of React Server Components www.joshwcomeau.com

This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React community. In this tutorial, we'll explore this new world, and build an intuition for how it works, and how we can take advantage of it.

#react #rendering #ssr #article #learning

article •
learning •
react •
rendering •
ssr

measuredco/puck: The visual editor for React github.com

The visual editor for React. Contribute to measuredco/puck development by creating an account on GitHub.

#editor #block #javascript #visual #wysiwyg #react

block •
editor •
javascript •
react •
visual •
wysiwyg

emilkowalski/sonner: An opinionated toast component for React. github.com

An opinionated toast component for React. Contribute to emilkowalski/sonner development by creating an account on GitHub.

#react #toast #notification #component #library

emilkowalski/vaul: An unstyled drawer component for React. github.com

An unstyled drawer component for React. Contribute to emilkowalski/vaul development by creating an account on GitHub.

#react #drawer #modal #component #library #dialog

component •
dialog •
drawer •
library •
modal •
react

juliencrn/usehooks-ts: React hook library, ready to use, written in Typescript. github.com

React hook library, ready to use, written in Typescript. - juliencrn/usehooks-ts: React hook library, ready to use, written in Typescript.

#react #hook #library

hook •
library •
react

Components - Aceternity UI ui.aceternity.com

Beautiful Tailwind CSS and Framer Motion Components

#tailwind #react #ui #component #collection #best

best •
collection •
component •
react •
tailwind •
ui

adobe/react-spectrum: A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. github.com

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. - adobe/react-spectrum: A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

#react #uikit #component

gregberge/twc: Create reusable React + Tailwind components in one line github.com

Create reusable React + Tailwind components in one line - gregberge/twc: Create reusable React + Tailwind components in one line

#react #tailwind #component #library