Set up backend fields simply with PHP arrays. We even created VSCode Snippets, so you don’t have to remember the ACF Field Type specs.
Separates PHP code and data logic from HTML, which makes your templates easy to read and maintain. And well: no loop!
One SCSS stylesheet per component keeps your layouts organized. And scoping styles to components makes you stay on top of changes.
Every component has its own ES6 JavaScript file that initializes a clean state when rendered. Helps prevent global conflicts and spaghetti code.
Remember when you still had to refresh your browser for every code change? Yeah, no. Let’s rather live code on localhost:3000.
Easily load your JavaScript dependencies into your components, decide what you need and what you don’t and stay on top of versions.
If the frontend got NPM, the backend deserves Composer. Makes loading and managing PHP dependencies soo smooth.
Nobody actually creates perfect code the first time around, so let there be help to prevent errors and to keep your code style consistent.
A component is a self-contained building-block and contains its own fields, PHP logic, template, readme, screenshot, scripts, and styles.
ExampleComponent/
├── functions.php
├── index.twig
├── README.md
├── screenshot.png
├── script.js
├── style.scssThe pace of 2020: Landing pages must be created quickly, variations need to be tested immediately and outdated concepts should be removed asap. Being able to do all of that with confidence opens up new opportunities.
Arrange existing components to create new page layouts without any further coding.
Add new components to existing pages and extend form and function with ease.
Change any content or option without putting design or responsiveness to danger.
Flynt achieves better PageSpeed scores than popular WordPress Themes. Components are optimized by lazyloading images, specifying multiple dynamically generated image sizes, supporting webp, bundling CSS & JS assets and loading scripts in the footer.
Components are boilerplates that you want to customize at core level. Simply delete whole component folders that you don’t need. This will keep your shipped code base clean and manageable.
“Can I use this thing on that page?” – Yes you can! With the power of ACFs Flexible Content Field, website editors get the flexibility to easily drag & drop components into page layouts.
Stop worrying about content changes messing up the website design. Separate content from design and define a sane amount of options. Keep complexity low and build more components instead.
The open source starter theme comes with Base Components that can be easily customized. On top, we provide Premium Components that give you an even bigger head start for your personal and professional projects.
Free
Starter Theme & Base Components
$99
Premium Components
for Developers
$499
Premium Components
for Agencies
Flynt v1.4 comes with a pre built zip download, adds custom shortcodes, supports the new WP environment type and includes a bunch of fixes and optimisations.
First time Flynt user? This tutorial will walk you through a typical Flynt process. From setting up the theme, to the development workflow and creating custom components.
The biggest release since v1.0 is packed with loads of accessibility improvements, and comes with optimizations that make the Flynt developer experience more seamless.
Hi 👋, we are bleech, a Berlin based web development agency.
We’re 100% focused on developing custom designed WordPress websites for small and large enterprises.
In 2014, we started building Flynt and components quickly became the star of proposals, deliveries and approvals. Besides making our lives easier, Flynt is winning us projects by delivering on a simple promise: Edit and extend websites without worrying about breaking the design, responsiveness or performance.
If you are a freelancer, work at an agency or are about to build your own, Flynt can help you sell and deliver high quality websites faster as well. May it be as a technical boilerplate, or as a basis for your own component library.
