A fictional desktop session of the Pokémon's Pr Chen. Imitating a Windows 11 like user interface, the project has been made using Vite, Vue.js, Pinia and Tailwind CSS.

Related tags

CSS pokedesk
Overview

Pokedesk

The project

Pokedesk is a fictional desktop session of the Pokémon's Pr Chen.
It tries to imitate a Windows 11 like user interface.
It contains a little Pokédex.

Technologies

  • 🔭 Vue.js (v3.2.36)
  • 🍍 Pinia (v2.0.14)
  • Vite (v2.9.9)
  • 🌈 Tailwind CSS (v3.1.4)

Find more information in the package.json file

Pokedesk homepage preview in light color mode and dark color mode.

Thoughts

The project is subject to changes, notably the session's backgrounds,
and some other UI elements. It's still a work in progress.

You might also like...
As of v0.3.0, @tailwindcss/typography is designed for Tailwind CSS v2.0+.
As of v0.3.0, @tailwindcss/typography is designed for Tailwind CSS v2.0+.

As of v0.3.0, @tailwindcss/typography is designed for Tailwind CSS v2.0+. A plugin that provides a set of prose classes you can use to add beautiful t

Find the closes match to your color from the tailwind css color pallet
Find the closes match to your color from the tailwind css color pallet

Tailwind CSS color matcher put your Hex Code here and edit the ranges to find the closes match to your color from the tailwind css color pallet, I'm u

Porting of css-doodle to VueJs, a web component for drawing patterns with CSS - SSR Compatible
Porting of css-doodle to VueJs, a web component for drawing patterns with CSS - SSR Compatible

🎉 Vue Css Doodle Porting of css-doodle to VueJs, a web component for drawing patterns with CSS Installation This package is available on npm. # D

Repository for Nuxt 3, Apollo, and Tailwind Crash Course

Nuxt 3 Minimal Starter Look at the nuxt 3 documentation to learn more. Setup Make sure to install the dependencies: # yarn yarn install # npm npm ins

Tailwind Gradient Generator
Tailwind Gradient Generator

Tailwind Gradient Generator

A Tailwind Components Library

A Tailwind Components Library

CSSColorVars (code generation interactive tool), which defines colors with CSS variables, improves the simplicity of the variables and the performance on a website.
CSSColorVars (code generation interactive tool), which defines colors with CSS variables, improves the simplicity of the variables and the performance on a website.

CSSColorVars (code generation interactive tool), which defines colors with CSS variables, improves the simplicity of the variables and the performance

Vue-sx is a simple library that allows you to write clean CSS-in-JS for Vue

Vue-sx is a simple library that allows you to write clean CSS-in-JS for Vue

Seamless mapping of class names to CSS Modules inside of Vue components.
Seamless mapping of class names to CSS Modules inside of Vue components.

English | 🇨🇳 中文 Vue CSS Modules Seamless mapping of class names to CSS modules inside of Vue components. yarn add vue-css-modules CDN: jsDelivr | UN

Owner
Steven Averlant (stav)
Junior Front-End developer
Steven Averlant (stav)
Blog Site Using Nuxt , Vite And Tailwind Css

NuxTailwind Blog Site Using Nuxt , Vite And Tailwind CSS. Key Features • How To Use • Download • Credits • Related • License View On Desktop 1024x768

kalana kithmina 10 Nov 18, 2022
Basic and Simple Live IPL Cricket Score site Build using Vue.js and Tailwind CSS

Live IPL Cricket Score Basic and Simple Live IPL Cricket Score site Build using Vue.js and Tailwind CSS This is an Demo and Sample site - Just clone o

Santhosh Veer 1 Aug 11, 2022
VueNES.css is a basic component library based on the CSS Framework NES.css

VueNES.css is a basic component library based on the CSS Framework NES.css

Fern Alvarez 12 Aug 1, 2022
Shopify Foundation Theme is modern Shopify theme built with Shopify Theme Lab, Vue and Tailwind CSS.

Modern Shopify theme using Shopify Theme Lab, Liquid, Vue and Tailwind CSS ??

UI Crooks 218 Jan 4, 2023
A Netflix Clone Website Built With Vue And Tailwind CSS

Cloneflix A netflix clone website built with Vue and Tailwind Table of contents Technologies Setup Example Sources Technologies Vue, Tailwind Librarie

Tato 13 Dec 19, 2022
Converter From Bootstrap To Tailwind CSS Built With Vue

Converter From Bootstrap To Tailwind CSS Built With Vue

Ibrahim Hanif 24 Jul 27, 2022
VxVue provides a few Vue components styled with Tailwind CSS

vxVue Introduction VxVue provides a few Vue components styled with Tailwind CSS. At some point a more verbose documentation than this brief readme mig

Gregor Kofler 2 Jan 19, 2022
🍃 Cloning the UIs' of popular websites with Tailwind CSS

?? Images & GIFs of UIs recreated with Tailwind CSS 05 VS Code - Dark Mode & Dracula Theme 04 Messenger - Tailwind Themes + Responsive UI + Electron D

Suboptimal Engineer 21 Dec 28, 2022
用 Tailwind CSS 刻六角學院 2021 募資網站

用 Tailwind CSS 刻六角學院 2021 募資網站 用 Tailwind CSS 和 Vue 3 練習網站刻板,以及套件: Vite:極速的前端本地開發環境 vite-plugin-components:自動引入 Vue 組件 vite-plugin-icons:快速使用 Iconify

Lucas Yang 12 Aug 19, 2022
A local UI tool for visualizing your Tailwind CSS configuration file.

A local UI tool for visualizing your Tailwind CSS configuration file.

Ryan Ogden 1.5k Dec 31, 2022