Tailwind CSS 主页

展示

语法

Screenshot of the Syntax Tailwind UI template. The header contains the CacheAdvance logo, a search bar, a theme toggle button, and a GitHub link. On the left side of the screen the hero section contains a large heading and smaller introduction paragraph, followed by two call-to-action buttons labelled 'Get started' and 'View on GitHub'. On the right side is a JavaScript code example. Underneath the hero is the page heading and two sidebars. On the left is the main site navigation and on the right is the current page table of contents.
技术
Tailwind CSS、Next.js、React
日期
网址
tailwindui.com/templates/syntax
访问网站

语法

一个由 Tailwind CSS 团队提供的强大的文档模板。

Syntax 是一个由 Tailwind CSS 团队设计和构建的精美文档模板，使用 Tailwind CSS 和 Next.js 构建。

将此模板用于您自己的网站 →

Screenshot of the Syntax Tailwind UI template. The header contains the CacheAdvance logo, a search bar, a theme toggle button, and a GitHub link. In the center of the screen is the main page content, with a heading, introduction paragraph, and four quick link blocks in a two-by-two grid layout. Each quick link has a stylized icon and short description. The content is flanked by two sidebars. On the left is the main site navigation and on the right is the current page table of contents.
入门指南，包含一个 2x2 网格，其中包含指向文档其他部分的链接。
Mobile screenshot of the Syntax Tailwind UI template main navigation. The navigation overlay extends from the left side of the screen and covers the site content. There is a close button and logo at the top of the overlay. The site pages listed top to bottom and are grouped into categories with headings.
Mobile screenshot of the Syntax Tailwind UI template. The header contains a menu button, the CacheAdvance logo, a search button, a theme toggle button, and a GitHub link. The hero section contains a large heading and smaller introduction paragraph, followed by two call-to-action buttons labelled 'Get started' and 'View on GitHub'. Underneath is a JavaScript code example.
Mobile screenshot of the Syntax Tailwind UI template. The header contains a menu button, the CacheAdvance logo, a search button, a theme toggle button, and a GitHub link. The main page content contains a heading, introduction paragraph, and quick link blocks. Each quick link has a stylized icon and short description.
在移动设备上浏览文档的样子。
Screenshot of the Syntax Tailwind UI template. The header contains the CacheAdvance logo, a search bar, a theme toggle button, and a GitHub link. In the center of the screen is the main page content, with a warning callout at the top and a JavaScript code example at the bottom. The content is flanked by two sidebars. On the left is the main site navigation and on the right is the current page table of contents.
入门指南中的一节，显示警告消息和代码片段的样子。