Tetrisly Design System

Figma Component Library, Design tokens plugin, React

5.0•9 reviews•

366 followers

Figma Component Library, Design tokens plugin, React

5.0•9 reviews•

366 followers

Visit website

Interface design tools

•

Figma Plugins

•

UI frameworks

Tetrisly Design System is a carefully crafted UI library with design tokens in its DNA, coming along with the free Figma plugin to manage them. A react library is coming soon to create the all-in-one product design ecosystem and to let design teams ship faster.

This is the 9th launch from Tetrisly Design System. View more

Tetrisly React Components

An open-source react library to shipping web apps faster

React library mirroring Tetrisly Figma components, together with docs and customization plugin creating Design System. You’ll benefit from React components working independently or with designers operating on the same terminology, structure, and tokens.

Free

Launch tags:

Design Tools•Developer Tools•Development

Launch Team

Andrzej Miałszygrosz

Tetrisly Design System

Maker

📌

Hey Product Hunt Community! 🚀 Excited to introduce Tetrisly for React, the final milestone of Tetrisly Design System. Together with Tetrisly React Components launch you get seamless integration with Tetrisly for Figma ensuring a harmonious design and development journey and more… 🛠️ Comprehensive TypeScript Support Enhance type safety, autocompletion, and IDE support. Elevate React projects with robust TypeScript, minimizing errors for scalable applications. 💎 Stunning Pre-packaged Components Empower your project independently with refined UI elements. No design team? No problem! Effortlessly craft polished results with ease. 🔄 Customization Variables in React Components Tailor UIs effortlessly using Figma Variables. Streamline design processes with direct Variable export from Figma to React using our plugin 😮 📚 Documentation and Interactive Storybook Dive into user-friendly docs and explore features through Storybook's hands-on demos. Best practices and code examples at your fingertips. https://storybook.tetrisly.com/?... 🎨 Built-in Theming and CSS-in-JS Syntax Modern syntax, JSX, hooks, and utility-first CSS. Stay consistent with Tetrisly for Figma, offering limitless design possibilities. Ready to level up your React experience? Dive into Tetrisly for React! 🎉 To learn more about Tetrisly visit: https://tetrisly.com/

Unlock the potential of Tetrisly React Components: A Comprehensive Guide

Report

1yr ago

Greg Dlubacz

Free Illustrations Club

Great! I've been waiting for the React version since the first version of Tetrisly, probably back in 2018. It's fantastic that you managed to release a React version as well because the product is really great. The entire logic and organization in your files are truly top-notch.

Report

1yr ago