Tetrisly Design System

Tetrisly Design System

Figma Component Library, Design tokens plugin, React

5.0
2 reviews

396 followers

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

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.
Tetrisly React Components gallery image
Tetrisly React Components gallery image
Tetrisly React Components gallery image
Tetrisly React Components gallery image
Tetrisly React Components gallery image
Tetrisly React Components gallery image
Tetrisly React Components gallery image
Tetrisly React Components gallery image
Free
Launch Team
agent by Firecrawl
agent by Firecrawl
Gather structured data wherever it lives on the web
Promoted

What do you think? …

Andrzej Miałszygrosz
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
Greg Dlubacz
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.
Garen D Orchyan
Looks great, congratulations tram. Best of luck ♥️🦄
7oDa Avatar
Absolutely congratulations
Shahmir Faisal
Congrats on the launch Andrzej!
Robert  Beasley
Discovering Tetrisly for React was a highlight for me; it perfectly bridges the gap between design and development. Integrating Figma components with React through such a user-friendly library is revolutionary. It's precisely the innovation we aim to showcase on Opendigg(https://www.opendigg.com/). The comprehensive TypeScript support, stunning components, and seamless design-to-code process you've developed are commendable. Kudos for making the React developer's life easier and more cohesive with the design team's vision. Can't wait to see more developers leverage Tetrisly for React in their projects!