Akari is a high-quality, open-source manga reader built with Tanstack Start. It provides an enhanced reading experience, allowing users to manage bookmarks and reading history seamlessly.
- Enhanced Reading Interface: Clean, modern UI optimized for manga reading
- Multiple View Modes: Support for both individual page reading for manga and list reading for manhwa
- Responsive Design: Fully responsive interface that works on mobile and desktop
- Genre Filtering: Browse manga by specific genres
- Popular Manga Section: Discover trending and popular manga
- Latest Updates: Stay informed about newly added chapters
- External Service Integration: Sync with MyAnimeList (MAL) and AniList accounts to import your saved manga
- Bookmark Management: Save, organize, and track your favorite manga titles with up-to-date chapter progress
| Setting | Default | Description |
|---|---|---|
| Theme | System | Select the application theme. |
| Fancy Animations | Enabled | Such as manga detail pages cover image. |
| Show Toasts | Enabled | Show toast notifications for various actions. |
| Login Toasts | Disabled | Show warnings when you aren't logged in to a service. |
| Allow Analytics | Enabled | Allow the collection of anonymous analytics data. |
| Setting | Default | Description |
|---|---|---|
| Page Display Type | Auto | Select the default reader type for manga. |
| Show Page Progress | Enabled | Shows a progress bar at the side/ bottom when reading. |
| Strip Reader Width | 144 | Width of the strip reader. |
| Reading Direction | Left to Right | Select the reading direction for manga. |
| Advance chapter on last page | Enabled | Automatically advance to the next chapter when reaching the last page. |
| Setting | Default | Description |
|---|---|---|
| Show Shortcuts | Enabled | Enable or disable keyboard shortcuts. |
| Search Manga | Mod+K | Shortcut to search manga. |
| Toggle Sidebar | Mod+B | Shortcut to toggle the sidebar. |
| Open Settings | Mod+, | Shortcut to open settings. |
| Open Account | Mod+. | Shortcut to open account page. |
| Navigate to Bookmarks | Mod+Shift+B | Shortcut to navigate to bookmarks. |
| Next Page | ArrowRight | |
| Previous Page | ArrowLeft |
If you prefer to run Akari locally, follow these steps. Your akari account will not be available if running locally.
-
Clone the repository:
git clone https://github.com/sn0w12/Akari cd Akari -
Configure environment variables:
Create a
.envfile in the root directory by copying the example file:cp .env.example .env
Edit
.envand configure the following variables:Required:
VITE_API_URL- The API endpoint for fetching manga content.
Optional:
VITE_HOST- Your website host (e.g.,akari.mydomain.com) used for metadataVITE_ANI_CLIENT_ID- AniList client ID for AniList integrationVITE_MAL_CLIENT_ID- MyAnimeList client ID for MAL integrationVITE_PLAUSIBLE_ENDPOINT- Your Plausible Analytics endpoint (e.g.,https://plausible.yourdomain.com/api/event)DISABLE_STATIC_GENERATION- Set to1to disable static generation (default:0)GENERATE_SITEMAP- Set to1to enable sitemap generation (default:0)VITE_VAPID_PUBLIC_KEY- VAPID public key for web push notificationsVITE_SUPABASE_URL- Supabase URL for account functionalityVITE_SUPABASE_PUBLISHABLE_OR_ANON_KEY- Supabase publishable/anon key for accounts
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
Open http://localhost:3000 in your browser to view the application.
To build for production:
npm run build
npm run startThis project is provided for learning and educational purposes.
Akari is not functional out of the box without the user supplying their own data, services, and configuration where required.