InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises. Learn more →
Top 11 TypeScript Uikit Projects
-
The past week I worked on setting up Playwright, and Chakra UI with starchart. Chakra UI is needed so that their components could be used to build the web pages, and Playwright is to be used for end-to-end testing.
-
Project mention: How to use Material UI Components with React Hook Form (Part for Great React Forms Video Series) | reddit.com/r/reactjs | 2023-01-27
Another great video! If your interested I would check out Mantine it’s a really well built UI component library and would be another great one to show off.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
You can also check out TaigaUI https://taiga-ui.dev/ they also have an awesome component framework.
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
Project mention: Affordable tailwind theme(html template) for e-commerce project | reddit.com/r/tailwindcss | 2022-11-03 -
-
mantine-datatable
A table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, row context menus, dark theme, and more.
Project mention: Best open source components library for ReactJS? | reddit.com/r/reactjs | 2023-01-09May I introduce: Mantine Datatable
-
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
-
crayons
🖍️ Crayons - A UI Kit comprising of web components for building Freshworks Apps! (by freshworks)
The main reason you would want to pick such a proprietary library is to achieve a homogeneous look and feel (often behavioral UX as well) when your app must work within another product - this product/organization is usually the one that also provides the library in question, and more often than not, uses the same design system if not the library itself.
We built https://github.com/freshworks/crayons for the same reason - apps published to the Freshworks Marketplace can be built using Crayons. We also ended up building our own user facing SaaS applications using Crayons.
-
react-hooks-uikit-express-oauth-boiler-v2
A React/TypeScript fullstack boilerplate utilizing React hooks, using Express as backend, UIKit for frontend, MongoDB for storage & open-authenticator for OAuth.
-
VideoUIKit-Web-React
A Web library to simply integrate Agora Video Calling or Live Video Streaming to your website with just a few lines of code.
-
It's now in open beta and actually looking for contributors. https://github.com/tulburg/javascriptui
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).
The latest post mention was on 2023-02-03.
TypeScript Uikit related posts
- Migrating from Chakra UI to Tailwind CSS - My experience
- How to use Material UI Components with React Hook Form (Part for Great React Forms Video Series)
- Top 10 most useful react hooks.
- Redux Toolkit Demo
- 7 React Hooks for Every Project
- How do I log out user after 1 min?
- Setup questions
-
A note from our sponsor - InfluxDB
www.influxdata.com | 4 Feb 2023
Index
What are some of the best open-source Uikit projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | chakra-ui | 30,982 |
| 2 | mantine | 17,166 |
| 3 | taiga-ui | 2,552 |
| 4 | tail-kit | 2,551 |
| 5 | mdbootstrap | 1,270 |
| 6 | mantine-datatable | 373 |
| 7 | ebs-design | 257 |
| 8 | crayons | 129 |
| 9 | react-hooks-uikit-express-oauth-boiler-v2 | 110 |
| 10 | VideoUIKit-Web-React | 32 |
| 11 | javascriptui | 2 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com