nuxt-skeleton
v1.0.1
Published
A skeleton & placeholder module for Nuxt 3
Downloads
42
Maintainers
Readme
Nuxt Skeleton
A skeleton & placeholder module for Nuxt 3.
Features
- Easy to build
- Customizable Component Names
- Themeable
Documentation
We're preparing the documentation and playground, it will be added soon.
Quick Setup
- Add
nuxt-skeleton
dependency to your project
# Using yarn
yarn add nuxt-skeleton
# Using npm
npm install nuxt-skeleton
# Using pnpm
pnpm add nuxt-skeleton
- Add
nuxt-skeleton
to themodules
section ofnuxt.config.ts
export default defineNuxtConfig({
modules: [
'nuxt-skeleton'
]
})
That's it! You can now use Skeleton Components in your Nuxt app ✨
Usage
We're preparing the examples, it will be added soon.
Todo
- [x] Fully Functional Skeleton Components
- [ ] Add Examples to README.md
- [ ] Build Documentation and Playground Website
Functionalites
- [x] Wraps, Blocks and Skeletons
- [x] SkeletonDiv Component to Use Functional Props
- [x] Customizable Component Names
- [x] Animations
- [x] Different Types of Animations
- [x] Adjustable Speed of Animations
- [x] Color Support
- [x] Dark and Light Mode
- [ ] Adjustable Opacity of Animations
Development
# Install dependencies
npm install
# Generate type stubs
npm run dev:prepare
# Develop with the playground
npm run dev
# Build the playground
npm run dev:build
# Run ESLint
npm run lint
# Release new version
npm run release