GitHub 中文社区
回车: Github搜索    Shift+回车: Google搜索
论坛
排行榜
趋势
登录

©2025 GitHub中文社区论坛GitHub官网网站地图GitHub官方翻译

  • X iconGitHub on X
  • Facebook iconGitHub on Facebook
  • Linkedin iconGitHub on LinkedIn
  • YouTube iconGitHub on YouTube
  • Twitch iconGitHub on Twitch
  • TikTok iconGitHub on TikTok
  • GitHub markGitHub’s organization on GitHub
集合主题趋势排行榜
#

Open Props

css logo

Open Props is a comprehensive design system of custom variables created by Adam Argyle that offers expertly crafted web design tokens for animations, borders, colors, shadows, and many more design elements that easily works in any project helping in the creation of beautiful and consistent UI.

It is compatible with tailwind and any frontend framework, is customizable, with predictable name conventions and provides a great and harmonious developer experience. Quite easy to integrate and incrementally adoptable, very much worth to check it out for quick prototyping and full fledge projects.

Also features options to import it from CDN, NPM or CLI, works with CSS-In-JS, CSS modules, PostCSS-JIT-Props, can be loaded from JS, has a very thoughtful normalize script with options to light/dark theming, has VScode and Sublime autocomplete...

Created by Adam Argyle

发布于 November 30, 2021

Repository
argyleink/open-props
Website
open-props.style
Wikipedia

相关主题

Tailwind CSSCSS 框架CSS ResetsMedia Queries
https://static.github-zh.com/github_avatars/felix-bohlin?size=40
felix-bohlin / ui

A CSS UI library exploring how next-gen HTML & CSS features can change the way we create components. Designed to be used by professional teams as well as tinkering hobbyists.

CSSHTMLOpen Propsui-librarycomponent-librarypopovercontainer-style-queriescolor-mixcontainer-queriescss-hascss-nestinglight-darkcss-scopedetails-contentinterpolate-sizestarting-style
CSS 286
19 天前
https://static.github-zh.com/github_avatars/david-haerer?size=40
david-haerer / chatapi

#大语言模型#💭 Chat with AI via API

alpinejsChatGPTOpen Propsopenai-apiPWA
HTML 31
8 个月前
https://static.github-zh.com/github_avatars/mobalti?size=40
mobalti / open-props-interfaces

A collection of customizable and responsive interfaces built with Open Props.

Open Propsui
HTML 24
5 个月前
https://static.github-zh.com/github_avatars/mobalti?size=40
mobalti / props-color-finder

A Progressive Web Application that helps users find the closest Open Props color.

color-pickerCSSOpen Props
TypeScript 13
3 个月前
https://static.github-zh.com/github_avatars/Johann-Goncalves-Pereira?size=40
Johann-Goncalves-Pereira / Revex

A Boilerplate to start a elm project with every thing you will need, like: SPA, Bundler, Css(things), compatibility and a way of deploying your site.

boilerplate-templateeditorconfigElmesbuildOpen PropsPostCSSSassSingle-page application (SPA)Tailwind CSSTypeScriptVite
Elm 6
1 年前
https://static.github-zh.com/github_avatars/PaoloGiraudi?size=40
PaoloGiraudi / good-enough-metronome

A metronome which is good enough

TypeScriptOpen Propssveltekit
Svelte 3
1 年前
https://static.github-zh.com/github_avatars/chideraike?size=40
chideraike / astro-landing-page

Simple landing page built with Astro

AstroOpen PropsNetlify
Astro 3
3 年前
https://static.github-zh.com/github_avatars/Hussseinkizz?size=40
Hussseinkizz / serato-css

A Modern Mini Framework Full Of Handy Utilities, Colors And Animations Inspired To Be Most Predictable And Community Driven. Based on Open Props!

CSSSass框架newJavaScriptOpen PropsOpen Source
SCSS 3
3 年前
https://static.github-zh.com/github_avatars/cbontems?size=40
cbontems / astroprops

#博客#An Astro blog theme styled with Open Props. Accessible, responsive and performant.

AstroblogOpen Propsstatic-sitetemplate
XSLT 2
2 年前
https://static.github-zh.com/github_avatars/lyqht?size=40
lyqht / keyboard-simulator

A mini game made for Advent of CSS 2021

AstroPreact.jsOpen Props
CSS 1
3 年前
https://static.github-zh.com/github_avatars/luncheon?size=40
luncheon / isaaccss

#UI框架#Inline-Style-as-a-Class CSS engine

CSSTailwind CSSCSS 框架css-generatorcss-in-jsinline-cssutility-classesinline-stylesOpen PropsPostCSSatomic-csswindicss
JavaScript 1
3 年前
https://static.github-zh.com/github_avatars/soiloui?size=40
soiloui / theme-switcher

Theme Switcher

parcelOpen Props
HTML 1
3 年前
https://static.github-zh.com/github_avatars/M141R?size=40
M141R / blog

#博客#My blog made using 11ty and open-props

HTMLCSSEleventyOpen Propsblog
HTML 1
3 年前
https://static.github-zh.com/github_avatars/aaronharinck?size=40
aaronharinck / portfolio-astro

Personal portfolio made with Astro

AstroJavaScriptOpen PropsPortfolioTypeScript
HTML 1
1 年前
https://static.github-zh.com/github_avatars/roryhen?size=40
roryhen / bookmark-landing-page

Marketing landing page. Built with Astro, Netlify Create, Open-props, & PostCSS.

astrojschallengenetlify-cmsOpen Props
Astro 1
3 个月前
https://static.github-zh.com/github_avatars/liezsm?size=40
liezsm / argao-delicacies-shop

This repository is for the simple e-commerce I made for selling the best food in my town using React and Redux toolkit for state management.

e-commerce-projectReactredux-toolkitSassOpen Props
JavaScript 1
3 年前
https://static.github-zh.com/github_avatars/leandroheliz?size=40
leandroheliz / ChatConFirebase

Chat Online Desarrollado en React con Firebase Auth.

ViteReactFirebaseOpen Props
JavaScript 1
3 年前
https://static.github-zh.com/github_avatars/jonasfroeller?size=40
jonasfroeller / Markdown-Blog

A SvelteKit Markdown-Blog. Technologies: HTML, CSS, JS, TS, PNPM, Svelte, Markdown, open-props, lucide, mdsvex, shiki, rehype, remark

markdown-blogOpen Propsremarkshiki
CSS 0
2 年前
https://static.github-zh.com/github_avatars/Brian-Pob?size=40
Brian-Pob / fake-browser

Chrome browser recreated with html and scss. Using Vite Vanilla + TS template.

CSSOpen PropsSassVite
HTML 0
2 年前
https://static.github-zh.com/github_avatars/mobalti?size=40
mobalti / nextjs-openprops-getstarted

A boilerplate for using Next.js App Dir with Open Props

NextOpen PropsReact
TypeScript 0
1 年前
loading...