Bright - Early Education Tailwind CSS Template

Hello folks, Rodrigo from Tailwind Awesome here 👋

I'm thrilled to introduce you to Bright, a modern and playful Tailwind CSS template for any early education school. When you purchase Bright, you'll receive four template versions: an HTML, Astro, and Next.js (Typescript & Javascript) version of the website, allowing you to select the right stack for your needs.

Bright is designed to perfectly encapsulate the spirit of early education. Tailored to a wide array of early educational schools – from daycares, preschools, and kindergartens, to elementary and middle schools, Bright's vibrant design and customizable sections allow you to express your unique brand with ease. With its responsive and modular layout, this template is ideal for effectively showcasing and marketing your institution while capturing the essence of early education.

View demo

Next.js (Includes both TypeScript and JavaScript Versions):

Bright now includes two versions for Next.js: one built with TypeScript for enhanced type safety and developer experience, and another with JavaScript for those who prefer a traditional approach. Both versions leverage the latest Next.js v14.2 features, including the App Router and React server components, for optimal performance and seamless navigation.

Key dependencies & features:

• Tailwind CSS v3.4
• Next.js v14.2
• App router
• React 18.3
• gray-matter to parse markdown content files.
• marked to compile markdown content
• Headless UI
• Lightgallery.js for the gallery page.
• Prettier and eslint for code formatting
• Typescript v5

Astro Version:

Built with Astro v3.6, this version takes advantage of the latest View Transitions and Image Optimization features in Astro, delivering smooth navigation and performance.

Key dependencies & features:

• Tailwind CSS v3.4
• Astro v4.15
• Alpine.js v3 for interactivity
• Typescript v5
• Prettier
• Astro's content collections (with typescript and MDX support)
• Lightgallery.js for the gallery page
• Dynamic routing for filtering gallery images by categories
• Leverages Astro's built-in View Transitions and image optimizations
• Automatic sitemap generation

HTML Version:

If you're looking for simplicity, the HTML version is your go-to. It includes pre-assembled HTML files and uses the Tailwind CLI tool to ensure a swift and straightforward setup.

Key dependencies & features:

• Tailwind CSS v3.4
• Alpine.js 3
• Uses Tailwind CLI for a simple and quick development environment setup with hot-reloading
• Lightgallery.js for the gallery page.
• No custom javascript

General Features

• 6 fully responsive pages
• 26 customizable components
• Made with Tailwind CSS v3.4
• Creative and modern design
• Compatible with all modern browsers
• Fully documented to kickstart your project’s development with ease
• Clean folder structure
• Uses Tabler Icons
• Has a custom-made color palette and unique typography styles for both dark and light content.

License

Purchasing this theme gives you the license to build as many sites as you want with it. It also grants you lifetime access and free updates as we keep our templates up to date. For more information on licensing specifics, read through our license.

I really hope you find this template useful.

If you have any questions don't hesitate to reach out to me on Twitter: @raguila8 or email: rodrigo@tailwindawesome.com.

Much love ❤️

- Rodrigo