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.
Related Articles
Building Accessible UI Components
A deep dive into creating accessible components that work for everyone, following WCAG guidelines.
December 22, 2025 · 8 min read
Neobrutalism Design Principles
Exploring the bold, blocky aesthetic that makes Things components stand out from the crowd.
December 22, 2025 · 6 min read