tinywidgets
Advanced tools
A collection of tiny, reusable, UI components - wrapped in a helpful app layout with header, side bar, dark mode, and more.
A collection of tiny, reusable, UI components — wrapped in a helpful app layout with header, side bar, dark mode, and more.
See the website for more details. Get started here.
TinyWidgets uses React for DOM manipulation, Vanilla-Extract at build-time for styling, Lucide for icons, and TinyBase for state management. Its philosophy is all about simplicity, decent defaults, a streamlined DOM, and concise styling.
But, just to be clear - that doesn't mean you need to use Vanilla-Extract, Lucide, or Tinybase in the apps you build with these widgets. You can set arbitrary class names (from Tailwind, for example!) on all components if you like.
TinyTick is part of a group of small libraries designed to help make rich client and local-first apps easier to build. Check out the others!
TinyBase
The reactive data store for local-first apps.
TinyWidgets
A collection of tiny, reusable, UI components.
TinyTick
A tiny but very useful task orchestrator.
This project was created because I want to be able to build lots of local-first apps quickly and without the overhead of all the app boilerplate each time.
Making it open source seemed like the right thing to do, so please try and it out and get involved. I'll always be interested in issues, more style variants, new components altogether, or even some professional-grade design assistance. I'm not a designer...
See you on GitHub!
The easiest way to get started with TinyWidgets is to use its Vite template. This comes with the (simple) build configuration you need to work with TinyWidgets.
To create a new TinyWidgets application using this template, do the following:
npx tiged tinyplex/vite-tinywidgets my-tinywidgets-app
cd my-tinywidgets-app
npm install
npm run dev
Note that you can also create a production build with npm run build.
FAQs
A collection of tiny, reusable, UI components - wrapped in a helpful app layout with header, side bar, dark mode, and more.
The npm package tinywidgets receives a total of 27 weekly downloads. As such, tinywidgets popularity was classified as not popular.
We found that tinywidgets demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Multiple high-impact npm maintainers confirm they have been targeted in the same social engineering campaign that compromised Axios.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.