Skip to content

i-richardwang/animate-blog

Repository files navigation

Personal Blog Template

A personal blog and knowledge base template built with Animate UI, Next.js, and Tailwind CSS.

GitHub Repo stars Twitter Follow License

hero

About This Template

This is a personal blog and knowledge base template transformed from Animate UI. It maintains the beautiful animations and component architecture while adapting the structure for personal use.

Features

  • Personal Blog & Knowledge Base: Organized content structure for notes, articles, and projects
  • Beautiful Animations: Powered by Motion and Animate UI components
  • Modern Tech Stack: Next.js 15, Tailwind CSS, TypeScript, Fumadocs
  • Responsive Design: Mobile-first, optimized for all devices
  • Easy Customization: Clear file structure and configuration

Content Structure

  • AI Exploration: Machine learning, deep learning, and AI applications
  • Data Science: Data analysis, visualization, and statistics
  • Development: Web development and software engineering notes
  • Blog: Personal thoughts and tutorials

Getting Started

  1. Clone this repository
  2. Install dependencies: pnpm install
  3. Start development server: pnpm dev
  4. Customize the content in /apps/www/content/

Customization Guide

For detailed customization instructions, visit the blog post or check the Welcome page after starting the development server.

Credits

Built on top of Animate UI by the amazing Animate UI team. This template preserves the original component architecture while adapting it for personal use.

License

Licensed under the MIT license.

About

A modern personal blog and knowledge base template built with Animate UI, Next.js, and Tailwind CSS

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Sponsor this project

 

Contributors

Languages