Folex
Folex Astro theme is a sleek, modern solution built for digital agencies, creative studios, and personal portfolios. Whether you’re showcasing projects, promoting services, or building a personal brand, Folex offers a bold visual experience paired with top-tier performance. Featuring multilingual support, advanced SEO, and powerful customization tools, it’s the perfect launchpad for professionals and businesses who want to stand out online.
Pages
- Home - Digital Agency
- Home - Creative Agency
- Home - Startup Agency
- Home - Personal Portfolio
- About
- FAQ
- Team
- Team Single
- Pricing
- Contact
- Services Pages
- Services Grid
- Services Two Columns
- Services Accordion
- Services Single
- Blog Pages
- Blog Grid
- Blog Creative
- Blog Single
- Portfolio Pages
- Portfolio Masonry
- Portfolio Gallery
- Portfolio Slider
- Portfolio Full Width
- Portfolio Single
SEO
-
Achieve a 100/100 Google Lighthouse SEO score. 🚀
-
Dynamically generate Sitemap and Robots.txt files with full control via
config.toml
:[seo] author = "Getastrothemes" keywords = [ "digital agency, folex astro template, astro template, astro theme, folex theme, folex astro theme, astro portfolio theme, astro portfolio template, astro agency template, astro agency theme", ] robots = "index, follow" [seo.robotsTxt] enable = true disallow = ["/_astro/", "/cdn-cgi/"] [seo.sitemap] enable = true exclude = []
-
Configure Google Analytics, Google Tag Manager, Plausible Analytics, and Umami Analytics directly in
config.toml
. -
Add any custom tracking code to the
<head>
tag throughconfig.toml
. -
Automatically generated Title and Meta tags for each page.
-
Auto-generated Open Graph (OG) metadata for Facebook, Twitter, and other social platforms.
-
Option to override Title, Meta tags, and OG metadata per page using frontmatter.
-
Built with Semantic HTML5 & Added html markup best practices for better accessibility and search engine indexing.
-
No JavaScript links or
onClick
events to improve crawlability. -
Statically generated pages ensure blazing-fast performance and easy indexing.
Included Shortcodes
Folex comes packed with a rich library of prebuilt components and shortcodes designed to speed up development and elevate user experience. Some highlights include:
- Buttons with creative hover animations (creative-fill, magnetic, text-flip, magnetic-text-flip)
- Accordions for structured collapsible content
- Tabs for organizing sections efficiently
- Notices (info, warning, success, error) for contextual alerts
- Video Embed with support for YouTube and HTML5 video
- Styled Lists with checkmarks for visual emphasis
- Card Blocks for services or features with CTA buttons
- Image & Video Lists for dynamic media layouts
- Testimonials with customer avatars and logos
- Markdown Enhancements: blockquotes, code blocks, tables, and heading customization
These reusable elements are fully customizable, responsive, and integrated with the theme’s design system — making it easier to build pages without writing boilerplate code.
Privacy
- No analytics, tracking, or cookies are enabled by default, ensuring user privacy.
- Supports GDPR-compliant analytics providers like Plausible and Umami as alternatives to Google Analytics.
- Self-hosted Google Fonts by default for improved performance and privacy.
- Switch seamlessly between self-hosting and Google Fonts CDN with a single line in
src/config/theme.json
.
- Switch seamlessly between self-hosting and Google Fonts CDN with a single line in
Header
# Site Configuration
[site]
title = "Folex" # Shared title for SEO and OpenGraph
description = "A highly customizable creative agency & personal portfolio business theme built with Tailwind CSS and Astro Js" # Shared description for SEO and OpenGraph
tagline = "Creative Agency & Personal Portfolio Business Theme"
taglineSeparator = "" # default is " - "
baseUrl = "https://folex-astro.netlify.app" # Base URL for the site and used in OpenGraph meta tags.
logo = "/images/logo.svg" # Path to the site's logo
logoAlternate = "/images/logo-light.svg" # Path to the site's logo
logoText = "" # Text displayed next to the logo
logoWidth = "86px" # Width of the logo
logoHeight = "24px" # Height of the logo
- Fully customizable logos for desktop and mobile. Control size, text, color, and more for a polished look on all devices. 👌
- Advanced sticky header with the option to disable it in
config.toml
.
Fonts
- Configure fonts easily in
src/config/fonts.json
, with the flexibility to switch between self-hosted and CDN Google Fonts. - Includes SVG Repo Icons for crisp and scalable visuals.
Social
-
Configure social media links in
src/config/social.json
. -
Auto-generate Open Graph metadata for Facebook and Twitter cards, fully customizable in
config.toml
.# OpenGraph Metadata # Specific OpenGraph settings, using values from the [site] section where possible. # ----------------------------------------------------------------------------------------------------------------------------------- [opengraph] image = "/images/og-image.png" # Image used in OpenGraph previews ogLocale = "en_US" # Locale setting for OpenGraph ogType = "website" # Type of content for OpenGraph protocol twitter = "" # Twitter handle for Twitter Card meta tags twitterCard = "summary_large_image" # Type of Twitter Card to use in social sharing
Blog
- Modern layouts for blog lists with grid and creative variants.
- Support for Markdown and MDX content.
- Built-in syntax highlighting for code blocks using
shiki
. - Auto-generate table of contents for longer posts.
- Supports multi-author blog posts with author metadata.
- Tags and categories support.
- SEO-ready with auto meta and OG tags for blog posts.
- Fully responsive blog layout and typography with Tailwind Prose.
- Social sharing buttons and link copy support.
- Draft mode support for staging unpublished content.
- Related blog suggestions to increase engagement.
- Built-in search functionality to quickly find blog posts.
Menus
{
"enable": true,
"name": "Elements",
"url": "/elements/",
"badge": {
"enable": true,
"label": "NEW",
"color": "accent",
"colorComment": "color expected value - primary, accent, info, success, danger",
"type": "text"
}
}
- Fully responsive mega menu for easy navigation.
- Includes an animated hamburger menu and multi-level dropdown menus.
- Automatically sets
rel
andtarget
attributes for external links. - Special link highlights:
- Badge Link Highlighter for dynamic updates like “New” or notification counts.
- Dot Link Highlighter for subtle indications of active or unread links.
Contact Form
# docs - https://formspree.io/ | https://formsubmit.co/ | https://docs.netlify.com/forms/setup/
# Form action URL for the contact form (For more settings related to form see "src/content/sections/contact-section.md")
contactFormAction = "https://formsubmit.co/temp.gats@gmail.com" # https://formspree.io/f/kweoweo | https://formsubmit.co/your@email.com | "/"
# formspree | formsubmit.co | netlify (default is formsubmit.co)
contactFormProvider = "formsubmit.co"
- Features advanced form validation.
- Pre-configured for multiple form submission services:
- Formsubmit.co: Add your email in
config.toml
. - Netlify Forms: Works out of the box when hosting on Netlify.
- Formspree: Add your Formspree ID in
config.toml
.
- Formsubmit.co: Add your email in
- Dynamic form messages for success or error handling.
- Includes a searchable advanced select input.
- Easily generate form inputs and notes via frontmatter.
inputs: - label: "" placeholder: "Subject *" name: "Subject" # This is crucial. Its indicate under which name you want to receive this field data required: false halfWidth: true dropdown: type: "" # select | search - default is select search: # if type is search then it will work placeholder: "" items: - label: "General Inquiry" value: "General Inquiry" selected: false - label: "Investment Opportunity" value: "Investment Opportunity" selected: false
Website content
- Includes real content, so you don’t need to start from scratch.
- All photos, illustrations, and icons are royalty-free and ready to use.
Newsletter
# Mailchimp Subscription Form located in footer
[settings.subscription]
enable = true # Enables or disable the subscription form
title = "" # Check src/i18n/en.json and src/i18n/fr.json for changing the title in different languages or directly add value here if you are not using internationalization feature
note = "" # Check src/i18n/en.json and src/i18n/fr.json for changing the note in different languages or directly add value here if you are not using internationalization feature
formAction = "https://gmail.us11.list-manage.com/subscribe/post?u=d870b06d86c16269e4b1f9b39&id=12cf0c6ac2&f_id=007e61e1f0"
mailchimpTagValue = ""
- Built-in support for Mailchimp subscriptions.
Ready to Deploy
Folex comes ready for production with pre-configured deployment setups for leading platforms. Just push and go:
- Netlify: Includes
netlify.toml
for automatic builds, headers, redirects, and optimized asset caching.- Seamless CI/CD support with each Git push.
- Custom headers to support Astro’s static assets and performance best practices.
- Vercel: Comes with
vercel.json
and optional deployment scripts.- Handles both preview and production deployments with environment-specific settings.
- Built-in support for redirects and rewrites.
- Cloudflare Pages: Easily deploy by selecting the
dist/
folder as the output directory.- Works out of the box with zero configuration needed.
- Static Hosting: Run
astro build
and upload thedist/
folder to any static host (e.g., GitHub Pages, Firebase Hosting, Surge).