Welcome to Squish UI
Squish UI has two tracks: Web components (React + Tailwind CSS) and Mobile components (React Native + StyleSheet). Pick the platform you need and copy the code directly.
Web vs Mobile
Why Squish UI?
Own Your Code
Copy-paste means you control everything. Customise, refactor, optimise—it's yours.
Minimal Bundle
No 300KB component library. Each component is just a few lines of focused code.
Battle-Tested
Every component includes tests so you can modify with confidence.
Component Stories
Each component comes with stories for easy visualisation and documentation.
How to use
- 1
Browse components
Check the sidebar for available components. Each page shows live examples and usage.
- 2
Copy the code
Click the Component tab and copy the code directly into your project. Optionally copy stories and tests too.
- 3
Customise freely
Adjust colors, spacing, behavior—whatever fits your design. The code is yours now.
- 4
Run the tests
Execute npm test to verify everything works as expected after your changes.
Ready to build?
Start with the Button component—it's a great introduction to the structure.
View Button component