Vue.js Examples
355 FOLLOWERS
A nice collection of often useful examples done in Vue.js.
Vue.js Examples
1M ago
Folio-Magazine
Folio-Magazine is a portfolio website presented in an innovative magazine format, built using the powerful Nuxt framework. This project serves as a minimal starter for developers looking to create their next web application with Nuxt 3 in a simple and efficient manner.
View Demo View Github
Key features of Folio-Magazine include:
Tailwind CSS: The project integrates Tailwind CSS, a highly popular utility-first CSS framework, allowing developers to customize and style their website with ease and flexibility.
Color Mode: Folio-Magazine offers a built-in color mode functional ..read more
Vue.js Examples
1M ago
Super Vue 3 Tabs Component
The Super Vue 3 Tabs Component is a reusable Vue.js component designed to simplify the process of creating tabbed interfaces within Vue 3 applications. This component aims to provide developers with a straightforward and efficient solution for implementing tabbed content navigation and organization.
View Github
As a reusable component, the Super Vue 3 Tabs Component can be easily integrated into any Vue 3 project, allowing developers to leverage its functionality across multiple components or pages. This promotes code reusability, consistency, and maintainability w ..read more
Vue.js Examples
1M ago
PokeGames is a Vue.js + Vite web application that offers a collection of engaging mini-games inspired by the beloved Pokemon franchise. Fans of the series can immerse themselves in various exciting challenges and activities featuring their favorite Pokemon characters.
View Demo View Github
The application boasts the following key features:
Select Your Winner Pokemon: Players can choose between two Pokemon characters to engage in a simulated battle scenario, adding an element of strategy and decision-making to the experience.
Match Pokemon Name Game: In this mini-game, players are present ..read more
Vue.js Examples
1M ago
Vue Color Wheel
A Color Wheel Picker for Vue, built on top of Vite & Vue 3.
View Demo View Github
Concept
Why using color wheel picker? Color Wheel makes color combinations easy.
A color wheel picker is a helpful tool for selecting colors by visually showing relationships between different colors, aiding in choosing harmonious color schemes for designs. It allows adjusting parameters like hue, saturation, and brightness for more control over color selection, streamlining the process for creating visually appealing designs.
Usage Install
> pnpm i vue-color-wheel
Add to Project
<te ..read more
Vue.js Examples
1M ago
vuetify3-audio-player
This is an audio player for Vue 3 based on Vuetify 3.
View Github
Features
Supports Vue 3 and Vuetify 3.
Supports most of the audio play in this component.
You can set the color you want for all component buttons.
Supports downloading the audio file.
Support Dark mode of Vuetify.
Supports auto play, but if user didn't interact with the document first, the audio can't be played.
Supports disabling audio download button.
Supports disable the Vuetify Card style, and you can use this component in your own Vuetify Card of your page.
You can set custom icons supported by vuet ..read more
Vue.js Examples
1M ago
WiQuizz
WiQuizz is a game generator powered by Nuxt content and SPARQL queries from Wikidata, originally forked from the Nuxt template Zooper. With WiQuizz, users can create quizzes that offer endless variety, leveraging the vast knowledge available on Wikidata.
Creating a new game is simple, requiring just one Markdown file. Users can choose from existing responsive quiz templates, including drag-and-drop, swap, and multiple-choice questions. They can also draw inspiration from the existing templates and SPARQL queries or add their own game templates using Vue.js logic.
View Demo View Github ..read more
Vue.js Examples
1M ago
Palette Pilot
Palette Pilot is an open source project built with Nuxt.js that helps you extract the most relevant colors from an image. With Palette Pilot, you can easily drop or upload an image and instantly discover the five most prominent colors within it.
View Demo View Github
Features
Extract the 5 most relevant colors from an image
Compare colors to check their contrast ratios
Visualize color combinations with UI elements examples
Export the generated palette to TailwindCSS
Why Palette Pilot?
Simplicity: Palette Pilot offers a user-friendly interface that makes it easy to extract col ..read more
Vue.js Examples
1M ago
OTP Input for Vue
One-time passcode Input. Accessible & unstyled. Based on the React version by guilhermerodz.
View Demo View Github
License
MIT ..read more
Vue.js Examples
2M ago
Vue Project Planner
The Vue.js Project Tracker application is a comprehensive tool designed to assist users in effectively managing and tracking their projects.
View Github
Here are the key features:
Project Management: Users can seamlessly add, update, and delete projects within the application. Each project entry includes essential details such as title, description, and completion status.
Add Projects: Users can create new projects using a dedicated form.
Edit Projects: Existing projects can be updated with new information or marked as complete.
Delete Projects: Projects can be removed fr ..read more
Vue.js Examples
2M ago
Full-stack real-time chat
A realtime chat website using Vue.js and Supabase.
View Demo View Github
Data: PostgeSQL managed by Supabase @supabase_io (awsome real-time API).
Front-end: Vue.js + Vite
UI library: Tailwind
Hosting: Vercel
Country flags from vue-country-flag-next ..read more