Terminal Hero
BlockHero
Two-column hero with a status line, headline, stats and an animated terminal that types out commands.
FlyntWP Component Library
Showcase
A rotating set of modular FlyntWP components reused across client builds — each one ACF-driven, accessible, and tuned for Core Web Vitals.
-
Heroes & Blocks -
Heroes & Blocks WebGL Shader Hero
BlockWebGLHeroFull-bleed hero with a chromatic RGB-wave WebGL shader, glass CTA and optional availability badge.
-
Heroes & Blocks About Block
BlockAboutBio with a numbered heading and a list of info rows (label, value, detail) with an accent option.
-
Heroes & Blocks Marquee
BlockMarqueeAn endlessly scrolling text band for skills, clients or slogans.
-
Grids & Listings Tech Stack Grid
GridTechStackJoined three-column panel of skill categories with tag chips and an optional full-width highlight row.
-
Grids & Listings Work Projects Grid
GridWorkProjectsFilterable portfolio grid with laptop + phone mockups, industry, location and "What I built" details.
-
Grids & Listings Application Showcase
GridApplicationShowcaseGrid of applications built, each with category, description and tech tags.
-
Grids & Listings Plugin Showcase
GridPluginShowcaseGrid of custom WordPress plugins with descriptions and tags.
-
Grids & Listings Video Gallery
GridVideoGalleryResponsive grid of videos from the Videos post type with lazy-loaded embeds.
-
Grids & Listings Component Showcase Grid
GridComponentShowcaseThis grid: filterable cards for every documented FlyntWP component, linking to live demos.
-
Lists & Timelines Work Experience Timeline
ListWorkExperiencePinned horizontal-scroll timeline of roles on desktop; a simple vertical list on mobile.
-
Lists & Timelines Certificates List
ListCertificatesNumbered list of courses and certificates, each linking to its credential.
-
Lists & Timelines Contact Links
ListContactLinksList of contact channels (email, LinkedIn, GitHub…) with label, value and link.
-
Interactive Showcase Scroll-Expand Media
ShowcaseScrollExpandHero media that grows from a small card to full screen as you scroll, then reveals body content.
-
Backgrounds & Effects Flow Field Background
BackgroundFlowFieldAmbient particle flow field fixed behind the whole site, tinted by the season palette.
-
Backgrounds & Effects Shader Mesh Background
BackgroundShaderMeshSlow-moving WebGL gradient mesh behind the site, coloured from the season palette.
-
Backgrounds & Effects Rotating Ball Background
BackgroundRotatingBallPoint-cloud sphere spinning behind the site, built from a Fibonacci sphere.
-
Backgrounds & Effects Plasma Ball Background
BackgroundPlasmaBallPlasma-globe effect with flickering electric filaments behind the site.
-
Backgrounds & Effects Glow Orb Background
BackgroundGlowOrbA single soft light drifting on a random walk behind the site — never visibly repeating.
-
Backgrounds & Effects Button Hover Effects
GlobalButtonFxSite-wide button hover effects: slide fill, magnetic lift, glow pulse, icon shift or 3D tilt.
-
Forms & UI Contact Form
FormContactAccessible contact form with honeypot spam protection and a package dropdown prefilled from the URL.
-
Forms & UI Share Buttons
ShareButtonsPrivacy-friendly share links for 11 networks, copy-link and the native share sheet.
-
Services Service Packages Grid
GridServicePackagesTwo-group pricing grid (retainers and builds) fed by the Services post type.
-
Services Services Header
BlockServicesHeaderCentered header for the services archive with eyebrow, heading, intro and two CTAs.
-
Services Service Landing Page
BlockServiceLandingFull landing page for one package: price card, inclusions, ideal-for, process, FAQ and structured data.
-
Services Service Call to Action
BlockServiceCtaClosing call-to-action panel with heading and one or two buttons, coloured per service group.
FlyntWP Component
Scroll to expand this demo
Scroll To Expand
Placeholder demo of the Showcase: Scroll-Expand Media component — scroll to grow the media to full-bleed, then reveal this text.