Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge. Learn more →
Top 23 TypeScript Design Projects
A React-based UI toolkit for the webProject mention: An Overview of 25+ UI Component Libraries in 2023 | dev.to | 2023-09-10
Blueprint : A collection of components for building data-intensive interfaces for desktops. It specifically states that it is not designed to work for mobile. It is most likely better for building internal tools, dashboards, and Electron apps. Blueprint is one of the few libs in this list that has a Date Picker component.
Build consistent, themeable React apps based on constraint-based design principlesProject mention: Making a Linux home server sleep on idle and wake on demand – the simple way | news.ycombinator.com | 2023-04-19
Author here, apologies for the dark mode issue and thanks for flagging it -- looks to be an open bug in theme-ui (https://github.com/system-ui/theme-ui/issues/1602).
I've just pushed a workaround that appears to have fixed it.
A library for visualization and creative-codingProject mention: which technology or framework is used to create geometry-draggable canvas like this? | /r/Frontend | 2022-10-23
Pts.js - (sorry - couldn't find an example quickly)
Design with JSX, powered by your own component library.
Create living prototypes with code components.
Visual page builder and web design tool for any website or web app tech stack
:electron: An unofficial https://bgm.tv app client for Android and iOS, built with React Native. 一个无广告、以爱好为驱动、不以盈利为目的第三方客户端。简单比喻就是专门做 ACG 的类似豆瓣的应用。专门为移动端重新设计，内置大量加强、网页端难以实现的功能，且提供了相当的自定义选项，已适配 iOS / Android / WSA、mobile / 简单 pad、light / dark theme、移动端 SPA。
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
Silex live web creation, free/libre no-code website builder, next gen Webflow for the static web (by silexlabs)Project mention: Background image scrolling issue and widget misplacement after exporting from Silex Desktop | /r/css | 2023-06-16
First of all, wouldn't it make more sense to post this issue in https://github.com/silexlabs/Silex/issues if you haven't yet (preferably as two separate issues)?
Mirrorful UI is a free & open-source React component library. Customizable via a no code editor with Mirrorful Cloud.Project mention: Lot of discussions about setlists this tour, but at 63 songs across 10 concerts so far, I think... baby, we'll be fine. | /r/TheNational | 2023-06-01
If you're at all into open-source, the code for this script is here on Github. Feel free to give it a star or make contributions. I want to improve it, but my full-time job is managing another open-source project.
React 17 & Bootstrap 5 & Material Design 2.0 UI KIT
Change the appearance of the web instantly
Glisp is a Lisp-based design tool that combines generative approaches with traditional design methods, empowering artists to discover new forms of expression.Project mention: I wrote a new language to beat Figma | /r/ProgrammingLanguages | 2023-06-25
Have you ever tried Glisp? IMO it is executed much better than yours because Lisp is a much better suited language. Anyways awesome idea!
NeoPOP components library based on CRED's design system
✨ Generate code from your designProject mention: free-for.dev | dev.to | 2022-11-08
xLayers - Preview and convert Sketch design files into Angular, React, Vue, LitElement, Stencil, Xamarin and more (free and open source at https://github.com/xlayers/xlayers)
A collaborative list of resources for developers
Official docs, website, and handbook for PostHog.Project mention: Show HN: I spent 2 years building Tablane as a 17-year-old | news.ycombinator.com | 2023-01-06
Design System Builder
〽️ 浮之静 (by lencx)
A collection of React components, transcribed from https://vercel.com/design.
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.Project mention: How do you make the devs life easier ? | /r/UXDesign | 2023-07-07
Specify if also a good all-in-one tool I just found yesterday https://specifyapp.com/
Card IDE (CIDEr) - Design game cards using HTML/Handlebars, CSS, and tabular data (by oatear)Project mention: I’m working on a prototype, are there templates for making cards? | /r/tabletopgamedesign | 2023-07-14
You could give your hand at templating using Cider. https://github.com/oatear/cider
Elevate your vocabulary with our cutting-edge app! Our intuitive platform allows you to easily learn new words and phrases from your own Notion database!Project mention: I spend last 6 months figuring out if it makes sense to implement Clean Architecture approach on Frontend application. I wrote 21-minute long article where I deep dive into this topic. I hope it will interest you and force you in the future to start thinking about architecture at start of project :) | /r/reactjs | 2023-05-01
For people who are interested in the repo code where I implemented everything, please look here: https://github.com/Levofron/NotionLingo
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
TypeScript Design related posts
Things I wish I knew before moving 50K lines of code to React Server Components
7 projects | news.ycombinator.com | 1 Sep 2023
How do you make the devs life easier ?
1 project | /r/UXDesign | 7 Jul 2023
I wrote a new language to beat Figma
1 project | /r/uidesign | 25 Jun 2023
Css 500 different hex colors
1 project | /r/UXDesign | 18 May 2023
How can one create this type of animation? Especially with react js
2 projects | /r/webdev | 17 May 2023
Mirrorful - a simple, open-source design system framework. Install Mirrorful to generate colors and other design tokens for your project. Then, import these tokens directly into your app
1 project | /r/web_design | 29 Mar 2023
Show HN: Mirrorful – A developer-first way to implement designs faster
1 project | /r/hypeurls | 29 Mar 2023
A note from our sponsor - InfluxDB
www.influxdata.com | 28 Sep 2023
What are some of the best open-source Design projects in TypeScript? This list will help you: