Technologies
TypeScript
JavaScript is an untyped language. TypeScript (opens in a new tab) is here to help add static type definition. TypeScript helps a lot when it comes to types, interfaces and defining contract between functions which is very helpful for a reliable documentation. No worries, the TypeScript adoption is incremental and writing in TypeScript is not mandatory to use Start UI, but it is a good practice to do so to avoid bugs in the future.
GitHub (opens in a new tab) · License Apache 2.0 (opens in a new tab)
React
React (opens in a new tab) is a JavaScript library created in 2013 to build reactive user interfaces. At the time of writing, React is probably the front end library the most used to create new projects and has a huge community which is beneficial for the maintainability of the project in terms of developers and online resources.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
NextJS
Next.js (opens in a new tab) gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
Chakra UI
Chakra UI (opens in a new tab) is a simple, modular, composable and accessible component library that is highly customizable.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
tRPC
tRPC (opens in a new tab) is an end-to-end typesafe API framework built for applications using TypeScript. It's an alternative to traditional REST or GraphQL APIs, that eliminates the need for defining API schemas, as the API is directly derived from your functions and procedures. In Start UI, tRPC allows communication between client and server, ensuring type safety.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
Prisma
Prisma (opens in a new tab) is an open-source database toolkit that includes an ORM for Node.js and TypeScript. It simplifies database access, migrations, and data management.
GitHub (opens in a new tab) · License Apache 2.0 (opens in a new tab)
TanStack Query
TanStack Query (opens in a new tab) (formerly React Query) is a powerful tool
to do efficient data synchronization for React. No need of Redux
or another global state manager anymore. Usable with fetch (opens in a new tab),
axios (opens in a new tab), or graphql-request (opens in a new tab),
TanStack Query will do the work and is agnostic of the method you will use.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
React Hook Form
To create React forms, there is a lot of libraries out there. React Hook Form (opens in a new tab) is the most popular one. Performant, flexible and extensible forms with easy-to-use validation.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
Storybook
Storybook (opens in a new tab) is an Open Source tool to help you develop framework agnostic components in isolation and document them.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
Playwright
Playwright (opens in a new tab) is a modern testing framework for web applications, supporting multiple browsers and automation features. Start UI end-to-end tests are written using Playwright.
GitHub (opens in a new tab) · License Apache 2.0 (opens in a new tab)
React i18next
React i18next (opens in a new tab) is an internationalization framework for React applications, allowing translation and multilingual support.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
React Email
React Email (opens in a new tab) is a framework for building responsive email templates with React, offering an intuitive approach to email design.
GitHub (opens in a new tab) · License MIT (opens in a new tab)
MailDev
MailDev (opens in a new tab) is an SMTP server and web interface for email testing in development, allowing for easy debugging.
GitHub (opens in a new tab) · License MIT (opens in a new tab)