Open Source TypeScript Frameworks

Clarity is a scalable, customizable, open source design system bolstered by the people that build with it, the people we build it for, and the community that makes us who we are. Our toolkit is Figma. Every component, pattern, and guideline we ship is rooted in real customer interactions. As a result, you can rely on Clarity for 30+ components and over 200 icons so you can focus on product-specific user problems. The first folx that built Clarity from scratch were a scrappy team of developers, designers, and content creators. Clarity has continued to grow on that strong start by supporting the big three: Angular, React and Vue. Our latest Core components provide support for them all. Clarity provides code examples and detailed API documentation that guide you as you build your next application.

Build beautiful, usable web apps with Material Components for the web. Material Components for the web is the successor to Material Design Lite, implementing the impeccable Material Design guidelines. It lets developers apply beautiful, modular and customizable Material Design UI components to their products. With these components you can be assured of a reliable development workflow and stunning, highly functional web projects. Seamlessly incorporate Material Components for the web on everything from simple static websites to complex, JavaScript-heavy applications. Enjoy the freedom and flexibility of theming customization, which covers not just color but shapes, states, typography and more. Material Components also adapts to different major web frameworks.

Modern framework for GraphQL API in Node.js. Use only classes and decorators to define your GraphQL schema. No need to define types in SDL and no need to create interfaces for them! This way you will have only one source of truth, so say goodbye to all field type mismatches, typos, and annoying refactoring. Define your whole schema, including types, interfaces, enums, unions, and subscriptions. Create the schema, types, and resolvers only with TypeScript, using classes and decorators! Use features like automatic validation, authorization guards, dependency injection, and plenty more. Implement queries and mutations as normal class methods! Dependency injection support and decorators abstraction provide great separation of business logic from the underlying transport layer. That gives you really easy testability, so you can just provide mocks of dependencies to prevent side effects and unit test your resolvers like simple services whose methods only take some parameters.