Introducing Symbols

nikoloza — Sun, 18 Jan 2026 05:33:32 +0000

Introducing Symbols — an interface framework where HTML, CSS, state, events, DOM, and design systems are composed in one, simple, intuitive JSON-like syntax.

Its AI friendly and primarily built to unify design-developer experience that matches your Design/Code (Figma, Sketch, React, Vue etc.) setup, and advances with complex design system and reusability functionalities.

Its intuitive, declarative syntax that makes even beginners and AI grasp concept easily and build and reuse complex screens 10x faster.

Symbols interface is designed to be short, concise, optimised so your codebase and AI does not burn out.

It contains all the components you need to build interfaces with ease. Everything is fully reusable across your entire organization, making cross-product apps easier to build.

The interface framework comes with 3,000+ built-in components — drag-and-drop is all you need.

In Symbols, you and your team are supported by a canvas and an advanced code-like no-code editor — with collaboration, IntelliSense, error handling, AI, and a designer-friendly environment.

Components adapt to a flexible, advanced design system, enabling you to ship apps across devices — including TVs, print, and vector-based tools.

The Design System editor in Symbols is built in, giving you the full power of the framework in JavaScript — exportable to your favorite design tools.

Join the waitlist:
http://symbols.app

and check out developers preview:
http://symbols.app/developers

What is Symbols?

nikoloza — Sat, 30 Oct 2021 04:20:07 +0000

Last year, we had a hands-on development of Symbols, and soon, we're releasing our first beta version to onboard invited-only users. Sign up to the waitlist and get an early invite when it's ready! Make sure you check it out and read more about it in this Medium article: https://medium.com/symbolsapp/what-is-symbols-39a7b0a204e

DEV Community: nikoloza

Introducing Symbols

What is Symbols?