Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 MDX React Projects
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
floatui
Beautiful and responsive UI components and templates for React and Vue (soon) with Tailwind CSS.
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
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.
-
-
-
coreui-react
CoreUI React.js UI Components. CoreUI for React.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true React.js hook components, without jQuery and unneeded dependencies.
-
maggieappleton.com-V2
A digital garden built with Next.js, React, and MDX. Featuring loosely opinionated notes, half-formed ideas, and content that is always growing.
-
kickstartDS
kickstartDS mono-repository, containing all packages but config related ones and the content component module
-
-
akhilaariyachandra.com
✨ My portfolio built with Next.js, Tailwind, Contentlayer, Turso, Drizzle ORM, and Vercel.
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Project mention: Ask HN: Features for GPU price-per-hour tracker for A100/H100s | news.ycombinator.com | 2024-04-14
Once we've set up the storage mechanism, building an email and password sign in flow becomes pretty straight forward. Install react-native-elements to get some nice cross platform button and input fields:
Link: https://usehooks.com/
Project mention: Upgrade my blog to Next.js 13.4 with MDX, Prisma, Tailwindcss, Planetscale, Giscus and Contentlayer | /r/nextjs | 2023-07-19Shen Lu's portfolio, inspired by leerob.io.
I have used Radix UI a lot, and built a library using it like Float UI and PH clone, and it’s cool tbh.
Other great options for infrastructure wrap CloudFormation in something a little more manageable for many. The Remix framework pairs well with architect, and is another great option. Check out Stacks like the Grunge Stack by Kent C. Dodds for a great starter template.
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.
Project mention: Discord Clone Using Next.js and Tailwind - Part 2: Server List | dev.to | 2024-01-26In part one of the series, we did not cover any UI work and instead focused on setting up the project and integrating the Stream Chat SDK. Having laid this groundwork, we can now start implementing the UI.
Or here's the repo if you'd rather do it in a more formal way: https://github.com/ericdiviney/react-handbook
Project mention: Unlocking the frontend – a call for standardizing component APIs pt.2 | dev.to | 2024-03-05Implementation: Integrate specialist libraries for specific requirements, like we do with Bedrock Layout Primitives for layout needs in kickstartDS itself
Keep track of forests in your area by viewing changes in tree cover over time.
I’ve build this as a demo of what you can do with the ArcGIS library and the geo data that is offered by Global Forest Watch and Esri. Don’t forget to click the history button!
The demo is build with React and open source: https://github.com/vnglst/koenvangilst.nl
I am currently messing with AstroJs in my own repo, which you can check out here, https://github.com/KBVE/kbve.com/
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).
MDX React related posts
- Ask HN: Features for GPU price-per-hour tracker for A100/H100s
- Exploring 5 Top UI Frameworks for React
- Material UI vs. Chakra UI: Which One to Choose?
- Chakra UI adoption guide: Overview, examples, and alternatives
- Ask HN: What blogs do you read?
- Seriously, why isn't React Aria as famous as Radix UI?
- How to Track Previous State in React
-
A note from our sponsor - InfluxDB
www.influxdata.com | 27 Apr 2024
Index
What are some of the best open-source React projects in MDX? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | chakra-ui | 36,578 |
| 2 | react-native-elements | 24,583 |
| 3 | usehooks | 8,487 |
| 4 | leerob.io | 6,871 |
| 5 | floatui | 3,083 |
| 6 | rainbowkit | 2,289 |
| 7 | kentcdodds.com | 2,248 |
| 8 | react-print-pdf | 1,895 |
| 9 | website | 771 |
| 10 | stream-chat-react | 659 |
| 11 | coreui-react | 645 |
| 12 | maggieappleton.com-V2 | 289 |
| 13 | react-handbook | 255 |
| 14 | PBandJ | 107 |
| 15 | kickstartDS | 82 |
| 16 | koenvangilst.nl | 42 |
| 17 | pixelbakery-website | 37 |
| 18 | akhilaariyachandra.com | 32 |
| 19 | duncan.land | 9 |
| 20 | maxpou.fr | 9 |
| 21 | sdorra.dev | 8 |
| 22 | kbve.com | 7 |
| 23 | personal-website-v1 | 4 |
Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com