All Projects → drkPrince → dex-next

drkPrince / dex-next

Licence: other
Pokedex App using NextJS and TailwindCSS

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to dex-next

svelte-tailwind-snowpack
TailwindCSS with Svelte and Snowpack v3
Stars: ✭ 100 (+257.14%)
Mutual labels:  tailwind
next-tailwind-motion
A simple Next.js starter kit with TailwindCSS (JIT) and Framer Motion preconfigured. Optional feature branches for Locomotive Scroll, Sanity and Dato configuration coming soon...
Stars: ✭ 40 (+42.86%)
Mutual labels:  tailwind
stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
Stars: ✭ 17 (-39.29%)
Mutual labels:  tailwind
tailwind-color-alpha
Automatic alpha variants for your Tailwind CSS colors based on your opacity config
Stars: ✭ 21 (-25%)
Mutual labels:  tailwind
tailwindcss-truncate-multiline
Tailwind CSS plugin to generate truncate multiline utilities
Stars: ✭ 92 (+228.57%)
Mutual labels:  tailwind
eslint-plugin-tailwind
ESLint rules for Tailwind CSS
Stars: ✭ 97 (+246.43%)
Mutual labels:  tailwind
kickstart
Ruby on Rails application templates
Stars: ✭ 61 (+117.86%)
Mutual labels:  tailwind
tailwindcss-postcss-browsersync-boilerplate
Tailwind CSS + PostCSS + BrowserSync boilerplate
Stars: ✭ 28 (+0%)
Mutual labels:  tailwind
vscode-xwind
vscode extension for xwind
Stars: ✭ 16 (-42.86%)
Mutual labels:  tailwind
twin.examples
Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.
Stars: ✭ 320 (+1042.86%)
Mutual labels:  tailwind
create-next-pwa
⚡️ Set up Next.js Progressive Web App with `npx create-next-pwa`
Stars: ✭ 59 (+110.71%)
Mutual labels:  tailwind
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Stars: ✭ 861 (+2975%)
Mutual labels:  tailwind
Limg
An image hosting service powered by Laravel
Stars: ✭ 41 (+46.43%)
Mutual labels:  tailwind
vuejs-tailwindcss-portfolio
A simple multipage and responsive Vue.js & Tailwind CSS portfolio theme with dark mode.
Stars: ✭ 100 (+257.14%)
Mutual labels:  tailwind
jekyll-atlantic-theme
Jekyll Atlantic is a beautiful Tailwind CSS theme. It shows best practices for using Tailwind with Jekyll.
Stars: ✭ 40 (+42.86%)
Mutual labels:  tailwind
shopify-foundation-theme
Modern Shopify theme using Shopify Theme Lab, Liquid, Vue and Tailwind CSS 🎨
Stars: ✭ 195 (+596.43%)
Mutual labels:  tailwind
bad-cards-game
Bad Cards Game
Stars: ✭ 23 (-17.86%)
Mutual labels:  tailwind
vite-reactts-electron-starter
Starter using Vite2 + React + Typescript + Tailwind + Electron Starter.
Stars: ✭ 142 (+407.14%)
Mutual labels:  tailwind
variantwind
Most elegant way to work with TailwindCSS variants in Vue
Stars: ✭ 45 (+60.71%)
Mutual labels:  tailwind
hypercolor
A curated collection of beautiful premade gradients using default colors from the Tailwind palette as well as a selection of custom color gradients.
Stars: ✭ 187 (+567.86%)
Mutual labels:  tailwind

Website Next TailwindCSS

Pokedex

This is a Pokedex app built using Next.js and TailwindCSS.

Check out the Website. Leave a 🌟 if you liked it. That would make my day 😊.

Screenshots

Features

  1. Data of 807 species and different forms.
  2. Pokemon Moves.
  3. Evolution Data.
  4. Abilities.

Getting Started

  1. First install all the dependencies with yarn install or npm install.
  2. Then, run the development server using yarn dev or npm run dev.
  3. Open http://localhost:3000 with your browser to see the result.

A word of Thanks

  • PokeAPI for providing Pokemon Data.
  • Duiker101 for making beautiful pokemon type icons.
  • Shivam for collecting the images.

Copyright

Pokémon and Pokédex are registered trademarks of their respective owners. No copyright infringement intended. This is just a fun little side project made by a PokeFan.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].