todovue

UI component library for TODOvue application

TODOvue Blog

TvThemeButton is a lightweight and customizable Vue component that allows users to switch between light and dark themes in your application. Designed for modern interfaces, it emits the selected theme and integrates seamlessly into any Vue 3 project.

TvLabel is a lightweight and customizable label (chip) component designed to highlight statuses, categories, or tags within your UI.

A simple and customizable pagination component for Vue.js applications.

A simple and customizable alert component for Vue.js applications

TvToc is a simple table of contents component for Vue 3 that automatically generates a TOC based on the headings in your content.

A customizable modal component for TODOvue, supporting various sizes, animations, and overlay options.

TvSearch provides a fast, accessible, and fully customizable search interface for Vue 3 apps.

Reading container (typography/prose) for Markdown: <h1–h6> styles, paragraphs, lists, quotes, tables, in-article images, column widths, spacing, and dark mode.

A versatile sidebar component for TODOvue, offering customizable layouts, themes, and responsive design options.

Base repository for TODOvue components

Component to show settings panel in your Vue 3 applications. Easy to integrate and customize.

TvCard is a customizable and flexible card component for Vue 3 applications, ideal for showcasing content with a title, image, description, and action buttons. It supports additional elements like secondary buttons and labels for enhanced interactivity and visual structure.

A Vue menu component with modern design and easy customization.

A simple and customizable footer component for Vue.js applications, perfect for enhancing your web projects with ease.

TvDemo component is a useful tool for viewing and testing different variations of components on different themes.

A Vue 3 component to show a button that scrolls the page to the top when clicked.

A customizable hero component for TODOvue, featuring responsive design, multiple layout options, and call-to-action support.

A simple and customizable Vue 3 breadcrumbs component for TODOvue app