Component Showcase
Pixel-perfect, uniquely crafted.
slide to unlock
- 12
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 01
- 59
- 00
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 00
- AM
- PM
<MiddleTruncation>
/Users/radityama/Code/pratama.dev/src/components/ui/button.tsx<MiddleTruncation end={4}>
FY26_Q1_Consolidated_Financial_Statements.pdf<MiddleTruncation minEnd={12}>
/Users/radityama/Code/pratama.dev/node_modules/shadcn/package.json<MiddleTruncation ellipsis=" ... ">
https://www.apple.com/newsroom/pdfs/fy2026-q1/FY26_Q1_Consolidated_Financial_Statements.pdfDemo content — fictional testimonials
The example helped our demo team compare two approaches before settling on a simpler interface.
Alex Chen
Frontend Engineer, Sample Labs (fictional)
I am aDeveloper
$ bunx --bun shadcn add button
Hello from Viet Nam
Built with and
Move your cursor within the text belowPress anywhere within the text below
Processing your request with AI ...
Demo content — fictional testimonials
shadcn
@shadcn
OrcDev
@orcdev
David Haz
@davidhaz
Shu
@shuding
Emil Kowalski
@emilkowalski
Raditya Alia Pratama
@radibyp
Tags
v1.2.0-beta.50
v1.2.0-beta.49
v1.2.0-beta.48
v1.2.0-beta.47
v1.2.0-beta.46
v1.2.0-beta.45
v1.2.0-beta.44
v1.2.0-beta.43
v1.2.0-beta.42
v1.2.0-beta.41
v1.2.0-beta.40
v1.2.0-beta.39
v1.2.0-beta.38
v1.2.0-beta.37
v1.2.0-beta.36
v1.2.0-beta.35
v1.2.0-beta.34
v1.2.0-beta.33
v1.2.0-beta.32
v1.2.0-beta.31
v1.2.0-beta.30
v1.2.0-beta.29
v1.2.0-beta.28
v1.2.0-beta.27
v1.2.0-beta.26
v1.2.0-beta.25
v1.2.0-beta.24
v1.2.0-beta.23
v1.2.0-beta.22
v1.2.0-beta.21
v1.2.0-beta.20
v1.2.0-beta.19
v1.2.0-beta.18
v1.2.0-beta.17
v1.2.0-beta.16
v1.2.0-beta.15
v1.2.0-beta.14
v1.2.0-beta.13
v1.2.0-beta.12
v1.2.0-beta.11
v1.2.0-beta.10
v1.2.0-beta.9
v1.2.0-beta.8
v1.2.0-beta.7
v1.2.0-beta.6
v1.2.0-beta.5
v1.2.0-beta.4
v1.2.0-beta.3
v1.2.0-beta.2
v1.2.0-beta.1
Demo content — fictional work history
Example Studio (fictional)
- Built reusable interface patterns for a sample product.
- Worked with the fictional team to refine keyboard and mobile interactions.
- Documented components and reviewed their accessibility.
- React
- TypeScript
- Design Systems
- Accessibility
- CSS
- Testing
- Documentation
Sample Labs (fictional)
- Prototyping
- UI Design
Scan the QR code below to
try it out on mobile.
