Roxo Eleventy

Roxo is an Eleventy-based digital agency website template by StaticMania, built as a portfolio and blog starter for creative agencies, freelancers, graphic designers, and photographers. It ships as a static-site project that you clone, install with npm, and run locally to produce a responsive marketing site with a contact form backed by FabForm.io.

What is Roxo Eleventy?

Roxo Eleventy is a ready-made website theme for the Eleventy static site generator (11ty), designed for digital service providers. It takes your content and configuration as input and outputs a static HTML website styled with Bootstrap 4, including dedicated portfolio and blog sections. The template is created and maintained by StaticMania, the same team behind the Roxo design used across other static-site generators.

Key Features

• Responsive layout — The theme adapts to mobile, tablet, and desktop viewports without extra configuration.
• Bootstrap 4 styling — Styling is built on the Bootstrap 4 CSS framework, giving you a familiar grid and component system.
• Dedicated portfolio and blog pages — Separate page templates let you showcase client work and publish articles out of the box.
• FabForm.io contact form — The built-in contact form sends submissions to the FabForm.io form backend service, so you don't need your own server.
• Well-formatted code — The source is organized for readability and direct customization.
• Easy customization — Content and site settings are configured through Eleventy data files, so you can change text, navigation, and metadata without touching layout templates.
• MIT license — The repository is released under the MIT License, allowing free commercial and personal use.

Who is it for?

• Creative agencies — Set up a corporate website that presents services such as design, digital products, development, campaign and content, branding, animation, packaging, and editorial design.
• Freelancers — Use the portfolio and blog sections to build a personal brand site and publish work updates.
• Graphic designers and photographers — Showcase visual portfolios with a responsive, image-friendly layout.
• Eleventy developers — Start from a structured template with a working build script, local development server, and contact-form integration.

What can you do with Roxo Eleventy?

• Build a portfolio site: Display design, photography, or motion-graphics projects in the dedicated portfolio page.
• Publish a blog: Use the blog page to post articles about your process, industry insights, or company news.
• Add a working contact form: Let visitors email you through the FabForm.io integration without writing backend code.
• Customize colors and content: Edit Eleventy data files to change site metadata, navigation links, and page content, then rebuild to static HTML.

How does Roxo Eleventy work?

Installation follows a standard Eleventy workflow: first clone the repository with git clone https://github.com/StaticMania/roxo-eleventy.git, then install dependencies with npm install. Run npx run dev and the site appears at http://localhost:8080/; you can edit content and regenerate the static output.

FAQ

Is Roxo Eleventy free?

Yes, the repository is licensed under the MIT License, so you can use it for free in personal and commercial projects. The license permits modification and redistribution with attribution.

What static site generator does it use?

Roxo is built for Eleventy (also called 11ty), a JavaScript-based static site generator. The template provides a complete project structure with npm scripts for development and build tasks.

Does the contact form work out of the box?

The contact form is connected to FabForm.io, a third-party form backend service. You need to configure your FabForm.io endpoint to receive submissions; the template includes the integration code but does not include a server of its own.

Can I use it for a non-agency website?

Yes, although it is designed for creative agencies and freelancers, the template can be adapted for any corporate website that provides digital services. The portfolio, blog, and contact sections cover the needs of most service-based businesses.