Awesome UI

Curating awesome UI tools, resources.

Articles

• Web Design in 4 minutes
• Alpine & HTMX 服务器端渲染的复兴

Tools

• RGB to hex, hsl convert tool by Google
• screely - Instantly Turn a Screenshot into a Browser Mockup
• Logo generator - generate logo like stripe or hacker news

Command Tools

• Bootstrap npm starter

Free Resources

• Open source illustrations kit - Free illustrations images resource, #Free #Image #UI
• placeholder avatar
• 开源 emoji 库

Demos

• 体验 3D 互动 30 个使用 WebGL 技术的优秀网页设计案例

CSS 框架

• bulma
• tailwindcss
  • headwind vscode extension for sort class name
  • tailwindcss-forms
  • daisy ui
  • track awesome tailwind
  • kutty ui
  • tailwind landing page
• milligram - 极简主义 css
• headlessui
• Picocss - 语义化的 CSS 框架，极简
• Unocss - 工具 css，集成了 tailwind 等
• Tachyons - 另一个工具性 css 框架

React UI

• Mantine

CSS Tools

• theme-change - Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage

Realworld inspiration

• remotestories

Themes

• bootstrap themes