VitePress Valence
A comprehensive suite of components that add additional functionality, style, and customization to your VitePress projects.
Skip to content
See below for information and demonstrations of the components in this package.
Article / Blog Components
You can easily add blog, announcements, and similar sections to your VitePress site. After you add the data loader script to your site, adding new posts will be as simple as adding a new markdown file to a folder of your choice. This package includes beautiful and cohesive components that will make your blog look and feel great.
Below you can see the component in action, displaying 3 of the articles from the Demo Blog:
Read more: Article / Blog Components
Display engaging tables from JSON data
This component is very flexible and it supports various cell formats, filtering, and customization options, making it perfect for displaying structured data in your documentation. You can see the full list of options on this page: examples.
| Service | Status | Monitoring |
|---|---|---|
| Authentication API | ||
| Payment Gateway | ||
| Email Service |
| Developer | Technologies |
|---|---|
| Alice Johnson | JavaScriptVue.jsNode.js |
| Bob Smith | PythonDjangoPostgreSQL |
| Carol Chen | ReactTypeScriptGraphQLAWS |
Read more: Table Components
Image & Gallery Components
This package includes two components that improve the display of images and galleries in your documentation. VpvImage provides advanced image handling and is designed to replace standard markdown images when you need more control and features. VpvImageGallery creates interactive image galleries with lightbox functionality using PhotoSwipe. You can see an example of the gallery below:
Demo of VpvImageGalleryThis is a demo of the VpvImageGallery componentOctober 1, 2025
Read more: Image & Gallery Components
Embed Components
This package includes two components that allow you to embed content from other sites into your documentation. More components can be added by requesting them on the GitHub Issues page.
Here is non-functional example of the Mailchimp component:
Read more: Embed Components
Card & Container Components
The cards and containers used throughout this package can also be used independently. This will let you create cards linking to custom content, in whatever order you prefer!
Read more: Card & Container Components
Other projects using VitePress Valence:
If you would like to have your site listed here, please let me know! You can use this form to submit your site.
