Skip to content
This repository has been archived by the owner on Sep 15, 2023. It is now read-only.

ThaddeusJiang/stoic-ui-vue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

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/

About

エノテカ、無印良品 website 用 UI components

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published