SaaSHub helps you find the best software and product alternatives Learn more â
Top 15 TypeScript Layout Projects
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
react-resizable-panels is an open source package that allows you to create panel group layouts that can either be resized horizontally or vertically. The package provides three primary predefined container components that let you render data in resizable panels within a group layout:
-
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 next PDF.
For this comparison we decided to use a simple example of HTML document with some specific CSS styles (fonts, margins, etc.) and a header and footer. We used the react-print-pdf library to design the HTML document using React components. Especially, we re-used the advanced invoice with QR code template from the reac-print-pdf library. We then converted this HTML document to PDF using each of the four libraries and compared both the process required to generate the PDF and the quality of the output. We run the experiment on a MacBook Pro with Apple M1 Pro chip, 32 GB of RAM, using Node.js v20.11.0. We used chromium as the browser for Puppeteer and Playwright.
-
egjs-infinitegrid
A module used to arrange card elements including content infinitely on a grid layout.
-
-
stacks
A set of components for building layouts in React Native. Powered by React Native Unistyles. (by grapp-dev)
-
-
Project mention: Show HN: Wikipedia Browser a La Andy Matuschak's Evergreen Notes | news.ycombinator.com | 2024-08-15
Golden layout's unfortunately somewhat abandoned.
I like the look of https://github.com/mathuo/dockview
-
-
-
-
-
gem-panel
A custom element <gem-panel>, let you easily create layout similar to Adobe After Effects.
-
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Layout discussion
TypeScript Layout related posts
-
Creating a dynamic invoice using react-print-pdf
-
How to use LaTeX in React to generate PDFs
-
Build complex PDFs using React: react-print-pdf
-
How to Generate Documents with React using Onedoc - A Step-by-Step Guide
-
How can I replicate this adjustable slider in React?
-
@angular/flex-layout deprecated: Farewell, Flex Layout
-
best styling DX for component libraries with design tokens
-
A note from our sponsor - SaaSHub
www.saashub.com | 6 Oct 2024
Index
What are some of the best open-source Layout projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | flex-layout | 5,903 |
| 2 | theme-ui | 5,291 |
| 3 | react-resizable-panels | 3,873 |
| 4 | react-print-pdf | 2,227 |
| 5 | egjs-infinitegrid | 2,213 |
| 6 | inspx | 1,406 |
| 7 | stacks | 985 |
| 8 | FlexLayout | 927 |
| 9 | dockview | 662 |
| 10 | muuri-react | 357 |
| 11 | egjs-grid | 276 |
| 12 | vue-router-layout | 127 |
| 13 | react-drag-sizing | 19 |
| 14 | gem-panel | 17 |
| 15 | reflexy | 8 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com