[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70864":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":39,"readmeContent":40,"aiSummary":41,"trendingCount":16,"starSnapshotCount":16,"syncStatus":42,"lastSyncTime":43,"discoverSource":44},70864,"pico","picocss\u002Fpico","picocss","Minimal CSS Framework for semantic HTML","https:\u002F\u002Fpicocss.com",null,"CSS",16655,502,81,93,0,12,29,80,36,110.6,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38],"css","css-framework","dark-mode","dark-theme","lightweight","minimal","minimalist","minimalistic","native-html","scss","scss-framework","semantic","2026-06-12 04:00:57","\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fpicocss.com\" target=\"_blank\">\n    \u003Cpicture>\n      \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fpicocss\u002Fpico\u002FHEAD\u002F.github\u002Flogo-dark.svg\">\n      \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fpicocss\u002Fpico\u002FHEAD\u002F.github\u002Flogo-light.svg\">\n      \u003Cimg alt=\"Pico CSS\" src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fpicocss\u002Fpico\u002FHEAD\u002F.github\u002Flogo-light.svg\" width=\"auto\" height=\"60\">\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n[![Github release](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fpicocss\u002Fpico?color=0172ad&logo=github&logoColor=white)](https:\u002F\u002Fgithub.com\u002Fpicocss\u002Fpico\u002Freleases\u002Flatest)\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@picocss\u002Fpico?color=0172ad)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@picocss\u002Fpico)\n[![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-%230172ad)](https:\u002F\u002Fgithub.com\u002Fpicocss\u002Fpico\u002Fblob\u002Fmaster\u002FLICENSE.md)\n[![X (formerly Twitter)](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Furl\u002Fhttps\u002Ftwitter.com\u002Fpicocss.svg?style=social&label=Follow%20%40picocss)](https:\u002F\u002Fx.com\u002Fpicocss)\n\n## Minimal CSS Framework for Semantic HTML\n\nA minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.\n\nWrite HTML, Add Pico CSS, and Voilà!\n\n## What’s new in v2?\n\nPico v2.0 features better accessibility, easier customization with SASS, a complete color palette, a new group component, and 20 precompiled color themes totaling over 100 combinations accessible via CDN.\n\n[Read more](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fv2)\n\n## A Superpowered HTML Reset\n\nWith just the right amount of everything, Pico is great starting point for a clean and lightweight design system.\n\n- Class-light and Semantic\n- Great Styles with Just CSS\n- Responsive Everything\n- Light or Dark Mode\n- Easy Customization\n- Optimized Performance\n\n## Table of contents\n\n- [Quick start](#quick-start)\n- [Class-less version](#class-less-version)\n- [Limitations](#limitations)\n- [Documentation](#documentation)\n- [Browser Support](#browser-support)\n- [Contributing](#contributing)\n- [Copyright and license](#copyright-and-license)\n\n## Quick start\n\nThere are 4 ways to get started with pico.css:\n\n### Install manually\n\n[Download Pico](https:\u002F\u002Fgithub.com\u002Fpicocss\u002Fpico\u002Farchive\u002Frefs\u002Fheads\u002Fmain.zip) and link `\u002Fcss\u002Fpico.min.css` in the `\u003Chead>` of your website.\n\n```html\n\u003Clink rel=\"stylesheet\" href=\"css\u002Fpico.min.css\">\n```\n\n### Usage from CDN\n\nAlternatively, you can use [jsDelivr CDN](https:\u002F\u002Fwww.jsdelivr.com\u002Fpackage\u002Fnpm\u002F@picocss\u002Fpico) to link pico.css.\n\n```html\n\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@picocss\u002Fpico@2\u002Fcss\u002Fpico.min.css\">\n```\n\n### Install with NPM\n\n```shell\nnpm install @picocss\u002Fpico\n```\n\nOr\n\n```shell\nyarn add @picocss\u002Fpico\n```\n\nThen, import Pico into your SCSS file with [@use](https:\u002F\u002Fsass-lang.com\u002Fdocumentation\u002Fat-rules\u002Fuse):\n\n```SCSS\n@use \"pico\";\n```\n\n### Install with Composer\n\n```shell\ncomposer require picocss\u002Fpico\n```\n\n### Starter HTML template\n\n```HTML\n\u003C!doctype html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Cmeta charset=\"utf-8\">\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    \u003Cmeta name=\"color-scheme\" content=\"light dark\">\n    \u003Clink rel=\"stylesheet\" href=\"css\u002Fpico.min.css\">\n    \u003Ctitle>Hello world!\u003C\u002Ftitle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cmain class=\"container\">\n      \u003Ch1>Hello world!\u003C\u002Fh1>\n    \u003C\u002Fmain>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n## Class-less version\n\nPico provides a `.classless` version.\n\nIn this version, `\u003Cheader>`, `\u003Cmain>`, and `\u003Cfooter>` inside `\u003Cbody>` act as containers to define a centered or a fluid viewport.\n\nUse the default `.classless` version if you need centered viewports:\n\n```html\n\u003Clink\n  rel=\"stylesheet\"\n  href=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@picocss\u002Fpico@2\u002Fcss\u002Fpico.classless.min.css\"\n\u002F>\n```\n\nOr use the `.fluid.classless` version if you need a fluid container:\n\n```html\n\u003Clink\n  rel=\"stylesheet\"\n  href=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@picocss\u002Fpico@2\u002Fcss\u002Fpico.fluid.classless.min.css\"\n>\n```\n\nThen just write pure HTML, and it should look great:\n\n```html\n\u003C!doctype html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Cmeta charset=\"utf-8\">\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    \u003Cmeta name=\"color-scheme\" content=\"light dark\">\n    \u003Clink\n      rel=\"stylesheet\"\n      href=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@picocss\u002Fpico@2\u002Fcss\u002Fpico.classless.min.css\"\n    >\n    \u003Ctitle>Hello, world!\u003C\u002Ftitle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cmain>\n      \u003Ch1>Hello, world!\u003C\u002Fh1>\n    \u003C\u002Fmain>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n## Limitations\n\nPico CSS can be used without custom CSS for quick or small projects. However, it’s designed as a starting point, like a “reset CSS on steroids”. As Pico does not integrate any helpers or utilities `.classes`, this minimal CSS framework requires SCSS or CSS knowledge to build large projects.\n\n[Read more](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fusage-scenarios)\n\n## Documentation\n\n**Getting started**\n\n- [Quick start](https:\u002F\u002Fpicocss.com\u002Fdocs)\n- [Version picker `New`](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fversion-picker)\n- [Color schemes](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fcolor-schemes)\n- [Class-less version](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fclassless)\n- [Conditional styling `New`](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fconditional)\n- [RTL](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Frtl)\n\n**Customization**\n\n- [CSS Variables](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fcss-variables)\n- [Sass](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fsass)\n- [Colors `New`](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fcolors)\n\n**Layout**\n\n- [Container](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fcontainer)\n- [Landmarks & section](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Flandmarks-section)\n- [Grid](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fgrid)\n- [Overflow auto `New`](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Foverflow-auto)\n\n**Content**\n\n- [Typography](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Ftypography)\n- [Link](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Flink)\n- [Button](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fbutton)\n- [Table](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Ftable)\n\n**Forms**\n\n- [Overview](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fforms)\n- [Input](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fforms\u002Finput)\n- [Textarea](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fforms\u002Ftextarea)\n- [Select](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fforms\u002Fselect)\n- [Checkboxes](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fforms\u002Fcheckboxes)\n- [Radios](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fforms\u002Fradios)\n- [Switch](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fforms\u002Fswitch)\n- [Range](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fforms\u002Frange)\n\n**Components**\n\n- [Accordion](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Faccordion)\n- [Card](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fcard)\n- [Dropdown](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fdropdown)\n- [Group `New`](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fgroup)\n- [Loading](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Floading)\n- [Modal](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fmodal)\n- [Nav](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fnav)\n- [Progress](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fprogress)\n- [Tooltip](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Ftooltip)\n\n**About**\n\n- [What’s new in v2?](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fv2)\n- [Mission](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fmission)\n- [Usage scenarios](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fusage-scenarios)\n- [Brand](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fbrand)\n- [Built With](https:\u002F\u002Fpicocss.com\u002Fdocs\u002Fbuilt-with)\n\n## Browser Support\n\nPico CSS is designed and tested for the latest stable Chrome, Firefox, Edge, and Safari releases. It does not support any version of IE, including IE 11.\n\n## Contributing\n\nIf you are interested in contributing to Pico CSS, please read our [contributing guidelines](https:\u002F\u002Fgithub.com\u002Fpicocss\u002Fpico\u002Fblob\u002Fmaster\u002F.github\u002FCONTRIBUTING.md).\n\n## Copyright and license\n\nLicensed under the [MIT License](https:\u002F\u002Fgithub.com\u002Fpicocss\u002Fpico\u002Fblob\u002Fmaster\u002FLICENSE.md).\n","PicoCSS 是一个专为语义化 HTML 设计的极简 CSS 框架。其核心功能包括支持响应式布局、提供明暗模式切换选项以及通过 SASS 进行高度可定制化的样式设计，同时保持了轻量级和简洁的特点。项目强调使用原生 HTML 元素来构建页面结构，无需额外添加类名即可实现美观的界面效果。非常适合用于快速搭建小型网站或需要高性能加载速度的应用场景中，如个人博客、静态文档站点等。",2,"2026-06-11 03:34:37","high_star"]