✨ Catppuccin Folio - Portfolio & Blog Template

A sleek portfolio & blog template built with SvelteKit and TailwindCSS. Easy to customize, with Markdown support and responsive design. Perfect for developers, students, and creators looking to shine online! 🌟

🚀 Features

• SvelteKit Framework: Powerful reactive components
• TailwindCSS: Easy styling and customization
• Markdown Blog Support: Integrated MDsveX for smooth Markdown rendering
• Catppuccin Color Scheme: Beautiful, customizable color palette 🎨
• Responsive Design: Looks great on all devices 📱💻
• Easy Customization: Most content editable in a single TypeScript file
• Code Syntax Highlighting: Shiki for attractive code blocks 💻✨
• SEO Friendly: Optimized for search engines 🔍
• Fast Performance: Quick loading and smooth interactions ⚡

🏁 Quick Start

1. Clone the repository
2. Install dependencies with npm install (or yarn, pnpm, bun)
3. Run the development server with npm run dev
4. Start customizing and make it yours! 🎉

For detailed instructions on customization and deployment, check out:

https://aarsh.vercel.app/use-this-template

🎨 Customization

• Edit src/lib/profileDetails.ts to update your personal information
• Edit tailwind.config.js to change colors to your liking.
• Modify theme in svelte.config.js to change code highlighting style
• Add your own blog posts in the src/posts/ directory

NOTE: make sure you follow this format for markdown posts.

---

title: How do I use this template ?
description: In this world it is important to have a portfolio and a blog whether you're student , working employee or retired superhuman.
date: '2024-07-30'
categories:

- template
- Open Source
- svelte
  published: true

---

🤝 Contributing

Want to help make this template even better? Here's how:

1. Fork the repository
2. Create a new branch (git checkout -b feature/CoolNewFeature)
3. Make your changes
4. Commit your changes (git commit -m 'Add some CoolNewFeature')
5. Push to the branch (git push origin feature/CoolNewFeature)
6. Open a Pull Request

Please ensure your PR description clearly explains the changes and motivations. We appreciate your contributions! 🙌

📜 License

Distributed under the MIT License. See LICENSE for more information.

📬 Contact

Aarsh Padia - @bukubukufps - [email protected]

Project Link: https://github.com/aarsh21/catppuccin-folio

🙏 Acknowledgements

• SvelteKit
• TailwindCSS
• MDsveX
• Catppuccin
• Shiki

---

If this template helps you create an awesome portfolio, consider giving it a star! ⭐ It means a lot to us!