Cogent Core Poster

Cogent Core

✨步子哥 · 2026-02-12T15:03:40+00:00

Cogent Core Poster :root { --primary-color: #00ADD8; /* Go Cyan */ --secondary-color: #0ea5e9; --bg-color: #f0f9ff; --card-bg: #ffffff; --text-main: #0f172a; --text-secondary: #475569; --accent-gradient: linear-gradient(135deg, #00ADD8 0%, #00758d 100%); --code-bg: #1e293b; } * { box-sizing: border-box; } body { margin: 0; padding: 0; font-family: 'Noto Sans SC', "HarmonyOS Sans SC", sans-serif; background-color: #e0e7ff; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .poster-container { width: 720px; min-height: 1200px; /* Increased height for detailed content */ background: #ffffff; position: relative; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); display: flex; flex-direction: column; } /* Background Decoration */ .bg-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-image: radial-gradient(#e0f2fe 1px, transparent 1px); background-size: 24px 24px; opacity: 0.6; } .bg-shape { position: absolute; border-radius: 50%; filter: blur(60px); z-index: 0; } .shape-top { width: 500px; height: 500px; background: rgba(0, 173, 216, 0.15); top: -150px; right: -100px; } .shape-bottom { width: 400px; height: 400px; background: rgba(14, 165, 233, 0.1); bottom: -100px; left: -100px; } /* Main Content */ .content-wrapper { position: relative; z-index: 1; padding: 48px; display: flex; flex-direction: column; gap: 32px; flex-grow: 1; } /* Header */ header { text-align: center; } .main-title { font-size: 64px; font-weight: 900; background: var(--accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; letter-spacing: -2px; line-height: 1.1; font-family: 'Noto Sans SC', sans-serif; /* Simulating title font */ } .subtitle { display: inline-block; font-size: 22px; color: var(--text-main); font-weight: 700; margin-top: 12px; padding: 6px 20px; background: rgba(0, 173, 216, 0.1); border-radius: 30px; border: 1px solid rgba(0, 173, 216, 0.2); } /* Intro Card */ .intro-card { background: rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,0.5); border-radius: 20px; padding: 24px 32px; text-align: center; backdrop-filter: blur(10px); box-shadow: 0 8px 24px rgba(0,0,0,0.04); } .intro-text { font-size: 18px; line-height: 1.6; color: var(--text-secondary); margin: 0; } .intro-text strong { color: var(--primary-color); font-weight: 700; } /* Section Styles */ .section-header { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; } .section-icon { color: var(--primary-color); font-size: 28px; } .section-title { font-size: 24px; font-weight: 700; color: var(--text-main); } /* Features Grid */ .features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .feature-card { background: #fff; padding: 20px; border-radius: 16px; border: 1px solid #f1f5f9; box-shadow: 0 2px 8px rgba(0,0,0,0.03); display: flex; flex-direction: column; gap: 12px; transition: transform 0.2s; } .feature-icon-box { width: 48px; height: 48px; background: linear-gradient(135deg, #e0f7fa 0%, #e0f2fe 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; } .feature-icon-box i { color: var(--primary-color); font-size: 28px; } .feature-title { font-size: 18px; font-weight: 700; color: var(--text-main); } .feature-desc { font-size: 14px; color: var(--text-secondary); line-height: 1.5; } /* Tech Stack */ .tech-container { background: linear-gradient(to right, #f8fafc, #ffffff); border-radius: 20px; padding: 20px; display: flex; align-items: center; gap: 24px; border: 1px solid #e2e8f0; } .tech-image { width: 100px; height: 100px; object-fit: cover; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .tech-content h3 { margin: 0 0 8px 0; font-size: 20px; color: var(--text-main); } .tech-content p { margin: 0; font-size: 14px; color: var(--text-secondary); line-height: 1.5; } /* Usage Scenarios */ .scenarios-flex { display: flex; gap: 12px; overflow-x: auto; /* Allow horizontal scroll if needed, though flex-wrap is better for poster */ flex-wrap: wrap; } .scenario-tag { flex: 1; background: #fff; padding: 16px; border-radius: 12px; border-left: 4px solid var(--primary-color); box-shadow: 0 2px 6px rgba(0,0,0,0.02); min-width: 180px; } .scenario-title { font-size: 16px; font-weight: 700; margin-bottom: 4px; color: var(--text-main); } .scenario-desc { font-size: 13px; color: var(--text-secondary); } /* Code Block */ .code-section { background: var(--code-bg); border-radius: 16px; padding: 24px; color: #e2e8f0; font-family: 'Fira Code', 'Courier New', monospace; position: relative; box-shadow: 0 8px 20px rgba(0,0,0,0.15); } .code-header { position: absolute; top: 0; left: 0; right: 0; height: 6px; background: var(--accent-gradient); border-radius: 16px 16px 0 0; } .code-line { display: block; margin-bottom: 8px; font-size: 14px; line-height: 1.6; } .cmt { color: #64748b; } .cmd { color: #38bdf8; } .pth { color: #a3e635; } .arg { color: #fbbf24; } /* Footer */ .footer { margin-top: auto; text-align: center; border-top: 1px solid #f1f5f9; padding-top: 24px; } .footer-link { font-size: 16px; color: var(--primary-color); text-decoration: none; font-weight: 700; margin-bottom: 12px; display: block; } .tags-row { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } .tag-pill { font-size: 12px; padding: 4px 12px; background: #f1f5f9; color: #64748b; border-radius: 20px; } Cogent Core 一次编码，全平台运行 Cogent Core 是一个免费开源的强大框架，专为构建强大、快速、优雅的 2D 和 3D 应用而生。使用单一的 Go 代码库，即可让您的应用在 macOS, Windows, Linux, iOS, Android 和 Web 上无缝运行。 stars 核心优势 devices 全平台覆盖真正实现一套代码运行在桌面、移动端和网页平台，告别重复劳动。 speed 极致性能基于 WebGPU 构建，提供原生级的流畅渲染体验，轻松应对 3D 交互。 code Go 语言驱动继承 Go 的简洁高效与类型安全，代码可读性强，维护成本低。 dashboard_customize 丰富组件库内置按钮、图表、3D 视图、Markdown 渲染等高级功能，开箱即用。 architecture 技术基础 Go + WebGPU 强强联合结合 Go 语言的高效并发特性与 WebGPU 的现代图形能力，打造下一代高性能应用。官网本身即由 Cogent Core 构建并运行于 Web。 lightbulb 应用场景专业工具开发 IDE、图形编辑器、邮件客户端科学研究平台 3D 模型展示、神经科学模拟工具内容型应用文档站点、博客系统、知识库 terminal 快速开始 # 1. 完成官网安装指引后克隆仓库 git clone https://github.com/cogentcore/core.git cd core/examples/hello # 2. 运行示例应用 go run . cogentcore.org/core Open Source BSD-3 License Interactive Docs

一次编码，全平台运行

Cogent Core 是一个免费开源的强大框架，专为构建强大、快速、优雅的 2D 和 3D 应用而生。使用单一的 Go 代码库，即可让您的应用在 macOS, Windows, Linux, iOS, Android 和 Web 上无缝运行。

核心优势

全平台覆盖

真正实现一套代码运行在桌面、移动端和网页平台，告别重复劳动。

极致性能

基于 WebGPU 构建，提供原生级的流畅渲染体验，轻松应对 3D 交互。

Go 语言驱动

继承 Go 的简洁高效与类型安全，代码可读性强，维护成本低。

丰富组件库

内置按钮、图表、3D 视图、Markdown 渲染等高级功能，开箱即用。

技术基础

Go + WebGPU 强强联合

结合 Go 语言的高效并发特性与 WebGPU 的现代图形能力，打造下一代高性能应用。官网本身即由 Cogent Core 构建并运行于 Web。

应用场景

专业工具开发

IDE、图形编辑器、邮件客户端

科学研究平台

3D 模型展示、神经科学模拟工具

内容型应用

文档站点、博客系统、知识库

快速开始

# 1. 完成官网安装指引后克隆仓库git clone https://github.com/cogentcore/core.gitcd core/examples/hello# 2. 运行示例应用go run .