Sample files for web development
Placeholder images, media, data and documents for building and demonstrating web interfaces.
While building an interface you need content before the real content exists: an image for the gallery, a video for the player, a JSON response for the table, a PDF for the viewer.
These files are safe to drop into a prototype or a demo. They are free to use, contain nothing confidential, and are obviously test material, so nobody mistakes them for production data.
Recommended files
| File | Size | Why this one | Download |
|---|---|---|---|
| Sample users JSON (array of 50 objects)sample-users.json | 14.3 KB14,664 bytes | Mock API response | Download JSON |
| Test card PNG, 1920 × 1080sample-test-card-1920x1080.png | 195 KB199,649 bytes | Full HD reference image | Download PNG |
| Sample MP4 video, 640 × 360, 6 secondssample-video-640x360.mp4 | 330 KB338,208 bytes | Short clip for a video player | Download MP4 |
| 1 KB VTT samplesample-vtt-1kb.vtt | 1 KB1,024 bytes | Caption track for the video element | Download VTT |
| 1 KB SVG samplesample-svg-1kb.svg | 1 KB1,024 bytes | Small vector image | Download SVG |
Checklist
Mock the data first
Point your components at a sample JSON file while the API is still being written.
Test media elements
Check that video seeks, audio reports its duration and captions appear, in every browser you support.
Test responsive images
Use test-card images with known dimensions to verify srcset, lazy loading and aspect-ratio handling.
Test empty and slow states
Throttle the network and load a large file to see your loading and error states.
Guides
- How to test file upload: a complete checklist
A test plan for upload forms and endpoints, with the right sample file for every case.
- How to test file downloads
Completeness, integrity, speed, range requests and resume, each with a command you can run.
- File upload and download testing with Playwright
setInputFiles, file choosers, in-memory files, download assertions and API uploads, with working examples.
Related use cases
Frequently asked questions
- May I use these files in a public demo?
- Yes. The samples were generated for this site and may be used freely, including in commercial projects and public demonstrations.