@ ciramaciel/ 组件- kit
销售站点组件——英雄、定价、特征分拆和页脚——以 反应和"曼汀",在一色相中,尖锐的美学.
安装
bun add @ciromaciel/components-kit
端点 : @mantine/core, (中文(简体) ), @mantine/hooks, (中文(简体) ), @tabler/icons-react, (中文(简体) ), react, (中文(简体) ),
react-dom。 。 。 . @mantine/charts 是可选的.
在应用程序入口处导入样式表一次 :
import '@ciromaciel/components-kit/style.css'
快开始
import { MantineProvider } from '@mantine/core'
import { theme, Hero, FeatureSplit, Pricing, FAQ, Footer } from '@ciromaciel/components-kit'
function App() {
return (
<MantineProvider theme={theme}>
<Hero
subtitle="Landing pages"
title="No code, no plugins."
description="Your landing page live in two minutes."
cta={{ label: 'Get started', href: '/signup' }}
/>
<FeatureSplit /* ... */ />
<Pricing /* ... */ />
<FAQ /* ... */ />
<Footer />
</MantineProvider>
)
}
组件由配置驱动:通过数据对象而不是嵌入JSX.
(原始内容存档于2013-10-12) (英语). Fundos: dois dongers de palco, um de superfície
(一作"活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活
| 脚本 | 曼汀语Name | 克拉罗 | 埃斯库罗 |
|---|---|---|---|
SECTION_BACKGROUNDS.white | gray.0 | #FFFFFF | #0B0F12 (o fundo da página) (西班牙语) |
SECTION_BACKGROUNDS.gray | gray.1 | #F9FAFB | #12181D |
帕尔科 (原始内容存档于2018-10-21) (英语). o fundo da página, a barra
包括página、o pachel de 、 o pachel 等
o rodapé, as páginas legais e a 404))的菜单。 奥斯
组件矩形 background="white" | "gray" e 解析相册
resolveBackground作为fixas ternam os dois吨.
欧 white 做曼汀语 无 tom de palco:没有埃斯库罗·埃莱 #1A2127页:1
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}超级爱奇艺 服务于风口浪花 风口浪花
手提箱:手提箱,摩代斯,给定后发箱,菜单悬索,
泡泡花,一个Caixa de um formulário dentro de uma faixa. 中国植物物种信息数据库. 车厢,使用
resolveCardBackground。 。 。 .
Uma 给 ou 模式 que é palco (o menula de um Cabeçalho) recebe a
类 rlg-stage时间轴: Paper 连线 white 爱丽华多,不要
爱斯提洛做元素, e 类 devolve o tom da página.
Por Quê:em 21/10/2026 o cartão fixo do Cabeçalho e a fixa da complete usavam 互联网档案馆的存檔,存档日期2013-12-20
bg="white",没有página最重吨(#0B0F12, (中文(简体) ), #12181D, (中文(简体) ),
#1A2127) (中文(简体) ). 农卡 bg="white" numa faixa, barra, rodapé ou página. 中国植物物种信息数据库.
构成部分
版式和结构 —— 说 Layout, (中文(简体) ), Header, (中文(简体) ), Navbar, (中文(简体) ), Footer, (中文(简体) ), Section。 。 。 .
推销科 —— 说 Hero, (中文(简体) ), SocialProof, (中文(简体) ), FeatureSplit, (中文(简体) ), FeaturesGrid, (中文(简体) ),
StatsGrid, (中文(简体) ), ProductGrid, (中文(简体) ), PlatformShelf, (中文(简体) ), Steps, (中文(简体) ), Comparison, (中文(简体) ),
CriteriaList, (中文(简体) ), Callout, (中文(简体) ), FounderCard。 。 。 .
改划 —— 说 Pricing, (中文(简体) ), FAQ, (中文(简体) ), Testimonials, (中文(简体) ), CTABanner, (中文(简体) ), SecondaryCTA, (中文(简体) ),
LeadForm, (中文(简体) ), TrustBadge, (中文(简体) ), SeloExclusivo。 。 。 .
状况和状态 —— 说 StatusBoard, (中文(简体) ), StatusIndicator, (中文(简体) ), AuthLoader, (中文(简体) ),
NotFound。 。 。 .
法律页面 —— 说 LegalPrivacy, (中文(简体) ), LegalTerms, (中文(简体) ), LegalSecurity。 。 。 .
初级 —— 说 SectionHeader, (中文(简体) ), MediaBlock, (中文(简体) ), CTAButton, (中文(简体) ), CodeBlock, (中文(简体) ),
Wordmark, (中文(简体) ), BrandLogo。 。 。 .
主题、 钩子和配置 —— 说 theme, (中文(简体) ), useServiceStatus, (中文(简体) ), SECTION_BACKGROUNDS, (中文(简体) ),
resolveBackground。 。 。 .
发展
bun install
bun run dev # demo
bun run build # build the library
链接
麻省理工学院 西罗·塞萨尔·马西埃尔