Tutorial
5 min read

Getting Started with Things Components

Pranav Murali

December 22, 2025

Welcome to Things Components! This guide will walk you through everything you need to know to get started with our blocky, funky-styled React components.

Things is a collection of beautifully designed components that embrace a bold, raw aesthetic. Each component combines thick borders, strong shadows, and high-contrast colors to create distinctive UI elements with personality.

To get started, you can simply copy and paste any component into your project. No npm installs required! All components are built from scratch using React and native HTML elements, with zero dependencies on UI libraries.

Each component comes with full TypeScript support, comprehensive documentation, and examples in both TypeScript and JavaScript. You can customize everything to match your brand identity using Tailwind CSS.

The design system refuses the usual components of UX-UI design and embraces funky, blocky design elements that stand out. Perfect for developers who want to build bold, eye-catching interfaces without compromising on accessibility or customization.

Stay Updated

Get the latest articles and updates delivered to your inbox