Build your frontend or static project on a foundation that is designed to scale. Markup, style and logic are organized in a modular, extensible manner. Resources are structured, resulting in a tree-like file hierarchy that speeds up development through inheritance.
Platframe ships with a pre-configured build system, allowing you to focus on development while it takes care of the menial tasks. Provision a development server with live-reload, crank out a build that's optimized for production or extend its configuration to your needs.
Bundle your project's common functionality according to the component recipe. Let's cover the implementation steps of a typical component. We'll activate nav-1:
+nav-1()
nav-1()
import nav from 'navigation/1/_';
The architecture is designed to facilitate growth. Follow the recipe for structuring your frontend assets and scale seamlessly.
Markup, styles and scripts are modular. Reusable functionality is encapsulated, easing development and maintenance.
Platframe aims to increase efficiency in both development and production. Hit the ground running with a nimble platform.
With a modular architecture and minimal prescription, choose the amount of framework that best suit your needs.
Define document structure with Pug, a performant template engine with JS support and a flexible syntax allowing for terse, modular HTML.
Use Stylus for presentation - A CSS superset with unique syntactic flexibility and programmatic features for powerful abstractions.
Baked-in Babel support allows you to write next generation JavaScript today, allowing for better, more future-proof code.
Encapsulate discrete functionality with native JavaScript modules and Rollup will produce an optimized, production-ready bundle.
Workflow automation is handled by Gulp. Hit the ground running with the default configuration and modify it as you go.
Take advantage of support for SVG sprites. Choose between a symbol or a view-based sprite workflow, or use them side-by-side.