David Amunga
- Senior Frontend Engineer at Piedmont Global
- 8+ years building mobile & web applications
UI Registry
These are a few components I use a lot. They live in a shadcn registry, so you can add them to your project with one command. No copy and paste.
First, add this alias to your components.json
{
"registries": {
"@davidamunga": "https://davidamunga.com/r/{name}.json"
}
}components.json
After that, install a component with npx shadcn add @davidamunga/stat. If you skip the alias, use the full URL on each card instead.
Stat
A number with a label, how it changed, and a short note.
vs last week
cleared since Monday
last 30 days
npx shadcn add @davidamunga/statNo alias yet? Use this instead: npx shadcn add https://davidamunga.com/r/stat.json
Time Picker
A time field with a column picker on desktop and a clock on phones.
Analog clock
Select time
Hours, minutes, AM/PM
Computer or phone
On a computer this opens a menu. On a phone it opens a sheet.
Desktop only
24-hour
With seconds
Disabled
Between 9 AM and 5 PM
Only times during office hours.
Pick a later time.
npx shadcn add @davidamunga/time-pickerNo alias yet? Use this instead: npx shadcn add https://davidamunga.com/r/time-picker.json