Astro Theme Stone

Theme by M6v3l9

|

Updated: 24 Aug 2023

|

199 Stars

Stone is a free and open-source Astro theme specially designed for Business, Marketing, SaaS and Startup websites.

Categories

Overview

Stone: Astro Theme is a free and open-source theme designed for Business, Marketing, SaaS, and Startup websites. It is built with Tailwind CSS & Alpine.js, offers a clean & modern design, is fully responsive, and provides both Dark & Light Mode options. The theme is fast, performant, lightweight, and includes features like View Transitions, Prettier Code Formatter, Google Fonts, Remix Icons, and Free Updates.

Features

• Built with Tailwind CSS & Alpine.js
• 5+ Pages
• 15+ Sections
• Clean & Modern Design
• Fully Responsive
• Dark & Light Mode
• Fast & Performant
• Super Lightweight
• View Transitions (experimental)
• Prettier Code Formatter
• Google Fonts
• Remix Icons
• Free Updates

Installation

1. Requirements:

   • Basic knowledge of Astro, HTML, and CSS.
   • Text editor (Recommended: Visual Studio Code).
   • Node.js 18 or higher.

2. Install dependencies:

   • Navigate to your project folder.
   • Run npm install to install dependencies.

3. Start:

   • After installation, run npm start to launch the app in development mode.
   • Open http://localhost:3000 to view it in the browser.

4. Build:

   • To build the app for production, run npm run build.
   • The built files will be located in the ./dist/ folder.

5. Project Structure:

   • public/ - Store static assets like images, fonts, icons, etc.
   • src/ - Contains project source code.
     • src/components/ - Reusable Astro components.
     • src/layouts/ - Astro components defining UI structure.
     • src/pages/ - Astro components creating new pages.
   • .prettierrc - Prettier configuration file.
   • astro.config.mjs - Astro configuration file.
   • package.json - Manages dependencies and scripts.
   • tailwind.config.cjs - Tailwind CSS configuration.
   • tsconfig.json - TypeScript configuration file.

6. Deployment:

   • Follow the official documentation to build and deploy your site.

7. Support:

   • For questions or suggestions, contact the developer.

8. License:

   • Stone: Astro Theme is licensed under the MIT license.

Summary

Stone: Astro Theme is a versatile and feature-rich theme suitable for various website types. With its modern design, responsiveness, and experimental features like View Transitions, it caters to the needs of Business, Marketing, SaaS, and Startup websites. The theme’s lightweight nature, use of popular tools like Tailwind CSS, and availability of Free Updates make it an attractive option for developers looking to create dynamic and visually appealing web experiences.