
Akshay Joshi
App Feature Section API
Feature-focused section with visually rich cards highlighting key functionalities, benefits, and use cases in a clean, organized layout
Copy component
Download JSON

{"id":6879,"name":"app-feature-section-api","title":"App Feature Section API","date":"2026-03-19 07:29:28","date_formatted":"March 19, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/app-feature-section-api\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"dfb1f2","name":"section","parent":0,"children":["302986","49427f"],"settings":{"_cssGlobalClasses":["feature__section"]},"label":"Feature Section API"},{"id":"302986","name":"container","parent":"dfb1f2","children":["955e03","1a7ee5"],"settings":{"_cssGlobalClasses":["feature__header-container"]},"label":"Header Row"},{"id":"955e03","name":"block","parent":"302986","children":["1a347c","1b3e3d"],"settings":{"_cssGlobalClasses":["feature__header-left"]},"label":"Left Column"},{"id":"1a347c","name":"text-basic","parent":"955e03","children":[],"settings":{"text":"FEATURES","tag":"span","_cssGlobalClasses":["feature__badge"]},"label":"Badge"},{"id":"1b3e3d","name":"heading","parent":"955e03","children":[],"settings":{"text":"Everything your API needs","tag":"h2","_cssGlobalClasses":["feature__heading"]},"label":"Main Heading"},{"id":"1a7ee5","name":"block","parent":"302986","children":["b0ad70"],"settings":{"_cssGlobalClasses":["feature__header-right"]},"label":"Right Column"},{"id":"b0ad70","name":"text-basic","parent":"1a7ee5","children":[],"settings":{"text":"From schema to production in minutes. Every tool, every safeguard, every insight \u2014 in one platform.","tag":"p","_cssGlobalClasses":["feature__description"]},"label":"Description"},{"id":"49427f","name":"container","parent":"dfb1f2","children":["f62bb7","b44515"],"settings":{"_cssGlobalClasses":["feature__cards-container"]},"label":"Cards Row"},{"id":"f62bb7","name":"block","parent":"49427f","children":["816461","08dd56","dd5e01"],"settings":{"_cssGlobalClasses":["feature__card"]},"label":"Card 1 - Auto-Generated Docs"},{"id":"816461","name":"block","parent":"f62bb7","children":["29c12c"],"settings":{"_cssGlobalClasses":["feature__card-icon-wrap"]},"label":"Card 1 Icon Wrapper"},{"id":"29c12c","name":"icon","parent":"816461","children":[],"settings":{"icon":{"library":"themify","icon":"ti-pencil-alt"},"_cssGlobalClasses":["feature__card-icon"]},"label":"Icon Docs","themeStyles":[]},{"id":"08dd56","name":"heading","parent":"f62bb7","children":[],"settings":{"text":"Auto-Generated Docs","tag":"h3","_cssGlobalClasses":["feature__card-title"]},"label":"Card 1 Title"},{"id":"dd5e01","name":"text-basic","parent":"f62bb7","children":[],"settings":{"text":"Your API schema becomes beautiful, interactive documentation \u2014 automatically. Always in sync, never outdated.","tag":"p","_cssGlobalClasses":["feature__card-text"]},"label":"Card 1 Text"},{"id":"b44515","name":"block","parent":"49427f","children":["31750e","1d5007","2e5133"],"settings":{"_cssGlobalClasses":["feature__card"]},"label":"Card 2 - Instant SDK Generation"},{"id":"31750e","name":"block","parent":"b44515","children":["8215db"],"settings":{"_cssGlobalClasses":["feature__card-icon-wrap"]},"label":"Card 2 Icon Wrapper"},{"id":"8215db","name":"icon","parent":"31750e","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-barcode"},"_cssGlobalClasses":["feature__card-icon"]},"label":"Icon SDK","themeStyles":[]},{"id":"1d5007","name":"heading","parent":"b44515","children":[],"settings":{"text":"Instant SDK Generation","tag":"h3","_cssGlobalClasses":["feature__card-title"]},"label":"Card 2 Title"},{"id":"2e5133","name":"text-basic","parent":"b44515","children":[],"settings":{"text":"One click generates type-safe SDKs for TypeScript, Python, Go, Ruby, and more. Ship client libraries without writing them.","tag":"p","_cssGlobalClasses":["feature__card-text"]},"label":"Card 2 Text"}],"templateType":"section","global_classes":[{"id":"feature__section","name":"feature__section","settings":{"_background":{"color":{"hex":"#edf4f2"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_rowGap":"60"}},{"id":"feature__header-container","name":"feature__header-container","settings":{"_display":"flex","_direction":"row","_alignItems":"flex-end","_justifyContent":"space-between","_columnGap":"40","_widthMax":"100%","_width":"1240","_direction:tablet_portrait":"column","_alignItems:tablet_portrait":"flex-start"}},{"id":"feature__header-left","name":"feature__header-left","settings":{"_width":"55%","_rowGap":"16","_width:tablet_portrait":"100%"}},{"id":"feature__badge","name":"feature__badge","settings":{"_typography":{"font-size":"13","font-weight":"600","letter-spacing":"0.08em","text-transform":"uppercase","color":{"hex":"#2daa85"}},"_background":{"color":{"hex":"#d4ede7"}},"_padding":{"top":"6","bottom":"6","left":"14","right":"14"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_display":"inline-block"}},{"id":"feature__heading","name":"feature__heading","settings":{"_typography":{"font-family":"Inter","font-size":"58","font-weight":"800","line-height":"1.1","color":{"hex":"#0f1c18"}},"_typography:tablet_portrait":{"font-size":"44"},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"30"}}},{"id":"feature__header-right","name":"feature__header-right","settings":{"_width":"30%","_width:tablet_portrait":"100%"}},{"id":"feature__description","name":"feature__description","settings":{"_typography":{"font-size":"18","font-family":"Inter","font-weight":"400","line-height":"1.6","color":{"hex":"#6b7280"},"text-align":"right"},"_typography:tablet_portrait":{"text-align":"left"}}},{"id":"feature__cards-container","name":"feature__cards-container","settings":{"_display":"grid","_gridTemplateColumns":"repeat(2, 1fr)","_gridGap":"24","_widthMax":"100%","_width":"1240","_gridTemplateColumns:tablet_portrait":"repeat(1, 1fr)","_gridTemplateColumns:mobile_landscape":"repeat(1, 1fr)"}},{"id":"feature__card","name":"feature__card","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"32","bottom":"40","left":"32","right":"32"},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"2","blur":"12","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.06)"}},"_rowGap":"16","_display":"flex","_direction":"column","_cssCustom":".feature__card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.10); transform: translateY(-2px); } .feature__card { transition: box-shadow 0.3s ease, transform 0.3s ease; position: relative; }","_position":"relative"},"modified":1772824568,"user_id":1},{"id":"feature__card-icon-wrap","name":"feature__card-icon-wrap","settings":{"_background":{"color":{"hex":"#d4ede7"}},"_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_padding":{"top":"14","bottom":"14","left":"14","right":"14"},"_width":"52","_height":"52","_display":"flex","_alignItems":"center","_justifyContent":"center"}},{"id":"feature__card-icon","name":"feature__card-icon","settings":{"_typography":{"font-size":"22","color":{"hex":"#2daa85"}}}},{"id":"feature__card-title","name":"feature__card-title","settings":{"_typography":{"font-family":"Inter","font-size":"22","font-weight":"700","line-height":"1.3","color":{"hex":"#0f1c18"}},"_margin":{"top":"8"}}},{"id":"feature__card-text","name":"feature__card-text","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","line-height":"1.65","color":{"hex":"#6b7280"}}}}]}
Similar components


Akshay Joshi
App How It Works Section
How it works” section with step-by-step content presented in clear, easy-to-follow cards


Akshay Joshi
App Proof Section
Two-column layout section featuring a strong heading, card elements, and a clear call-to-action
