Static designs from Pinterest, turned into animated React components you can copy straight into your project.
pinui.xyz · Components · Blocx
Pin UI is a free, open-source library of UI components, each one rebuilt from a design pinned on Pinterest. A design starts as a still image; it ends as a real, working component — animated, accessible, in both a light and a dark theme — that you can preview live, read the source of, and drop into your own app.
Alongside the components sits Blocx: whole page sections — heroes, pricing tables, sign-in pages, footers — that you can preview at desktop, tablet and phone sizes before you take them.
Everything is plain React and CSS, with Motion for the animation. There is no package to install and no theme to set up: a component is a file and its stylesheet, and once it is in your project it is yours.
Every component and block has its own install command on its page, ready to copy:
npx shadcn@latest add "https://pinui.xyz/r/<name>.json"The shadcn CLI copies the files into your project and installs anything they need.
npm install
npm run devOpens on localhost:3100. Needs Node 20.9 or newer.
Designed and built by Rachit Thakur.
- Website — pinui.xyz
- X — @RachitThakur146
- GitHub — @Rachit315
- Pinterest — the Pin UI board, where every component starts
- Email — pinui.official@gmail.com
Have a design you would like to see built? Send it through the request form or tag @RachitThakur146 on X.
The components are MIT licensed. The Pin UI name, logo and demo media are not included — see the terms.