Skip to content

Collection of reusable Vue components tailored for use in VitePress projects.

License

Notifications You must be signed in to change notification settings

cynber/vitepress-valence

Repository files navigation

VitePress Valence

A comprehensive suite of components that add additional functionality, style, and customization to your VitePress projects.

Full Documentation and Examples: https://vitepress-valence.cynber.dev

GitHub license NPM version NPM downloads

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.

Give it a try: https://vitepress-valence.cynber.dev/guide/article/

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.

Give it a try: https://vitepress-valence.cynber.dev/guide/table-json/

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.

Give it a try: https://vitepress-valence.cynber.dev/guide/image-gallery/

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.

Give it a try: https://vitepress-valence.cynber.dev/guide/embed/mailchimp/

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!

Give it a try: https://vitepress-valence.cynber.dev/guide/cards/usage/

Other Resources