We made a platform that allows you to build UI kits in days not months
Hey devs :) With 15+ years of UI kit building & design systems, my team is launching a platform that allows developers to build consistent & fully functional UI kits / web projects in days, instead of months. Giving you best practices with the most advanced system design/system design for reusing UI components, combined with access to 500+ open-source components that you can build anything with. Yes it’s open source tech with no vendor lock. Which means you can export any part of your UI kit / project at anytime. Our goal isn’t to enhance your tech stack, not to lock you in.…
What it does
In the maker’s words, at launch
Hey devs :) With 15+ years of UI kit building & design systems, my team is launching a platform that allows developers to build consistent & fully functional UI kits / web projects in days, instead of months. Giving you best practices with the most advanced system design/system design for reusing UI components, combined with access to 500+ open-source components that you can build anything with. Yes it’s open source tech with no vendor lock. Which means you can export any part of your UI kit / project at anytime. Our goal isn’t to enhance your tech stack, not to lock you in. Anyways, why should you care? Well first what are the problems we are trying to solve, and how can we possibly build a UI kit this fast? Reusability and consistency being the umbrella challenges that devs face on a daily basis. For example, a few common issues… - How do I rebrand my entire component library for a new project that has a totally different set of branding requirements? - Collaborating with non-developers such as designers on available properties (colour tokens) to use is a pain - How do I easily organise and inspect my library, to avoid rebuilding components that are already available (especially as a team) If the component has too many properties, it becomes hard to scale and reuse. Therefore encourages new components being made, which degrades the efficiency of the design system - While component libraries such as Tailwind and Bootstrap are good off the shelf component libraries, they are typically hard and time consuming to customise to your own personal requirements, because they are built for certain use cases and styling - The rise in design system and documentation tools such as Storybook and Zero height solve part of these issues, which is mainly communication. However the effectiveness of a design system is based on the system design itself, which non of these offer. Therefore requiring you to still spend huge amounts of time and money developing a system that promotes reusability across your entire UI kit and design system code architecture. How does Symbols solve this challenges? A few key points… - Aside from 500+ components being provided for you to build whatever you want, you can build are 100% customisable components. The properties can easily be override anytime - Review and organise your component library into tags, to avoid building existing ones - A highly advanced design system that does the heavy lifting of complex tasks at the code level, such as auto generated type scale for both typography and spacing. This makes creating responsive design much easier, as you no-longer have to set-up the spacing sequence for each component. Apply global design changes such as dark mode across entire library and more Use and fetch tokens across your entire UI kit, which significantly reduces the lines of code = code becomes more reusable and scalable - Easily build, test, document any part of your project in isolation, including functions, pages, individual components and the colours in your designs system - Rebrand your entire UI kit/ project with automatic spacing/responsive changes, just by reconfiguring the design system menu - With real-time collaboration and no-code / low-code tools, you can build your project with other developers and non-developers at the same time - Avoid having to setup and maintain multiple design system tools / documents, as the platforms UX is setup to easily view your project as the documentation across all tech/non-tech teams -Changes seen instantly to dev version of web project, before publishing to production This month, we add canvas mode to the platform. Making Symbols, “Figma for developers”, with your entire functional/animated/interactive UI kits being available on a canvas. Here is a quick landing page I put together (I’m the marketing founder) that showcases Symbols in action via videos. https://symbols-beta.framer.website/
Does the same job
all alternatives →- WMWe made a platform that allows you to build UI kits in days not months2024 · symbolsapp.framer.website · ▲20
Hey devs :) With 15+ years of UI kit building & design systems, my team is launching a platform that allows developers to build consistent & fully functional UI kits / web projects in days, instead of months. Giving you best practices with the most advanced system design/system design for reusing UI components, combined with access to 500+ open-source components that you can build anything with. Yes it’s open source tech with no vendor lock. Which means you can export any part of your UI kit / project at anytime. Our goal isn’t to enhance your tech stack, not to lock you in.…
- NONous – Open-Source Agent Framework with Autonomous, SWE Agents, WebUI2024 · github.com · ▲155
Hello HN! The day has finally come to stop adding features and start sharing what I've been building the last 5-6 months. It's a bit of CrewAI, OpenDevon, LangFuse/Cloud all in one, providing devs who prefer TypeScript an integrated framework thats provides a lot out of the box to start experimenting and building agents with. It started after peeking at the LangChain docs a few times and never liking the example code. I began experimenting with automating a simple Jira request from the engineering team to add an index to one of our Google Spanner databases (for context I'm the…
- FUFunctional UI Kit – twin Figma and React component libraries2024 · github.com · ▲101
Hey Hackers! My name is Alex and I’ve been working on this project for the past 8 months with the support of Figma Creator Fund. I’d love to hear your thoughts from your experience working with designers & component libraries. I started out in design and later got into coding, so I understand both sides really well. I did UX Design for 12 years at startups, at my own studio and at Wix, and then worked as a front-end dev at Wix for 2 more years. I've noticed a common problem: most component libraries work great for devs but not so well for designers. In my experience working with big teams,…
More dev tools this month
the category →
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 2d ago · opentrailpaper.com
Launched alongside, August 2024
the whole month →
- IY
Life & fun · 2024 · ytch.xyz
- IA
Hey there HN! We’re Joe and Stopa, and today we’re open sourcing InstantDB, a client-side database that makes it easy to build real-time and collaborative apps like Notion and Figma. Building modern apps these days involves a lot of schleps. For a basic CRUD app you need to spin up servers, wire up endpoints, integrate auth, add permissions, and then marshal data from the backend to the frontend and back again. If you want to deliver a buttery smooth user experience, you’ll need to add optimistic updates and rollbacks. We do these steps over and over for every feature we build, which can…
Dev tools · 2024 · github.com