stoic-web

2021 年为了赚钱离开了 teamLab，但是非常感谢 teamLab 的同事们对我的认可。 我非常喜欢 Stoic 这个评价，所以创建了这个项目。

https://twitter.com/ThaddeusJiang/status/1368857591967866883?s=20

Mission

• 让喜欢不同技术的开发者可以自由地使用自己喜欢的技术。

目标

TODO:

WIP

Goal: This project can act as useful guides.

Features:

• Popular Frontend technology, like Vite, Windi CSS.
• Japanese minimalism style, like MUJI.com.
• Created by a stoic developer.

UI Components

https://stoic-web-ui.netlify.app/

Demo

https://stoic-web.netlify.app/

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

# storybook
$ yarn storybook

# storybook build
$ yarn storybook:build

TODO:

• https://tailwindcss.com
• https://www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/css/images
• https://bulma.io/documentation/components/

Components

• Alert
• Button
• Image
• Label
• Navbar
• Progressbar
• Modal: bulma 的 Modal 很完美
• Breadcrumb
• Card 实现了一个简易版，增强
• Menu
• Pagination
• Panel
• Title 仅提供 h1 h2 h3, see: https://tailwindcss-typography.netlify.app/
• Tabs

Windi CSS Plugins

• Input: WindiCSS plugin
• Typography: WindiCSS plugin

OSS

• Tooltip / Popover / Dropdown

Example Pages

• Landing
• Profile
• Login
• Dashboard
• Settings

TODO:

Card

• card-header
  • card-header-title
  • card-header-icon
• card-image
• card-content
• card-footer
  • card-footer-item

https://bulma.io/documentation/components/card/