Zauberhaft - Gatsby template

Free, customizable, modern & Lightning fast Gatsby agency website template

Build modern & unique portfolio website that convert with Zauberhaft.

Easily customize the template with utility classes & CSS custom properties. Get started quickly & supercharge your online presence with Zauberhaft Gatsby template.

👉 Demo

View demo

✅ Why Zauberhaft?

• 👌 Totally free to use with Apache License 2.0
• 😎 Stunning User Interface
• 🎨 Everything is customizable. You can use Ravenbright CSS utility classes or CSS variables to modify the styles
• ⚡ High performing static sites. 98/100 scores both for mobile & desktop in Pagespeed Insights
• ♿ Accessible - comply with WCAG 2.1. Measured by Pagespeed Insights, WAVE & Tota11y
• 📰 Included with Open Graph tags
• 📱 Fully Responsive & mobile-friendly landing page
• 👌 Comes with & smooth animations

🚀 Getting started

1. Download the source code from Github Releases
2. cd into the folder & run npm install
3. After that, run npm run dev to start the local development server
4. Customize the website
5. Deploy into your favorite hosting
6. It's done!

🎨 Customization

Zauberhaft is built with Ravenbright CSS library. You can customize the template with using either:

• Utility classes
• CSS variables

⚙️ Development

1. Type npm run dev on CLI
2. Open localhost:8000 to view the website

✅ Build process

1. Type npm run build on CLI
2. Run npm run serve
3. Open localhost:9000 to see the build result & it's done 🎉. Your website is ready to deploy 🚀

☁️ Deploy

Deploy to Netlify

Clone this repository and deploy to Netlify:

🤝 Credits & attributions

• Post-processor tool: PostCSS
• React framework: Gatsby
• Photos are courtesy of Unsplash
• Typeface: Satoshi by Indian Type Foundry
• Placeholder Logo are courtesy of Logoipsum
• Icons are courtesy of Tabler, Akar Icons, Feather Icons, Font Awesome, and GitHub Octicons

📝 License

Zauberhaft Gatsby template is licensed under the Apache License 2.0