demo-calendar Svelte Themes

Demo Calendar

Modern leave calendar app with SvelteKit - Interactive calendar views, user/admin roles, and responsive design

Leave Calendar Kit

An advanced leave calendar application built with SvelteKit, featuring a modular UI, year and month views, user/admin routes, and modern design powered by Tailwind CSS and Vite.

Features

  • Interactive calendar with year/month navigation
  • Add/remove leave dialogs
  • User and admin dashboards
  • Custom UI components (buttons, dialogs, badges, cards, etc.)
  • Responsive design
  • Built with SvelteKit, Vite, and Tailwind CSS

Getting Started

Prerequisites

  • Node.js (v18+ recommended)
  • npm, pnpm, or yarn

Installation

npm install
# or
pnpm install
# or
yarn install

Development

Start the development server:

npm run dev
# or
pnpm dev
# or
yarn dev

Visit http://localhost:5173 to view the app.

Building for Production

npm run build

Preview the production build:

npm run preview

Project Structure

  • src/lib/components – Core calendar and dialog components
  • src/lib/ui – Reusable UI elements (buttons, cards, dialogs, etc.)
  • src/routes – SvelteKit routes for user/admin views
  • public/ and static/ – App icons and images
  • tailwind.config.ts, vite.config.ts – Configuration files

Customization

You can extend UI components or add new routes for additional features. See the src/lib/ui and src/routes folders for examples.

Deployment

To deploy, configure an adapter for your target environment (Vercel, Netlify, Node, etc.).

License

MIT

Top categories

Loading Svelte Themes