实例介绍
【实例简介】
tailwind模板
【实例截图】
【核心代码】
tailwind-starter-kit-main
├── CHANGELOG.md
├── Dashboard Page
│ ├── README.md
│ ├── angular-dashboard-page
│ │ ├── README.md
│ │ ├── angular.json
│ │ ├── browserslist
│ │ ├── e2e
│ │ │ ├── protractor.conf.js
│ │ │ ├── src
│ │ │ │ ├── app.e2e-spec.ts
│ │ │ │ └── app.po.ts
│ │ │ └── tsconfig.json
│ │ ├── karma.conf.js
│ │ ├── package.json
│ │ ├── src
│ │ │ ├── app
│ │ │ │ ├── app-routing.module.ts
│ │ │ │ ├── app.component.html
│ │ │ │ ├── app.component.ts
│ │ │ │ ├── app.module.ts
│ │ │ │ ├── components
│ │ │ │ │ ├── bar-chart
│ │ │ │ │ │ ├── bar-chart.component.html
│ │ │ │ │ │ └── bar-chart.component.ts
│ │ │ │ │ ├── line-chart
│ │ │ │ │ │ ├── line-chart.component.html
│ │ │ │ │ │ └── line-chart.component.ts
│ │ │ │ │ ├── navbar
│ │ │ │ │ │ ├── navbar.component.html
│ │ │ │ │ │ └── navbar.component.ts
│ │ │ │ │ ├── notification-dropdown
│ │ │ │ │ │ ├── notification-dropdown.component.html
│ │ │ │ │ │ └── notification-dropdown.component.ts
│ │ │ │ │ ├── sidebar
│ │ │ │ │ │ ├── sidebar.component.html
│ │ │ │ │ │ └── sidebar.component.ts
│ │ │ │ │ └── user-dropdown
│ │ │ │ │ ├── user-dropdown.component.html
│ │ │ │ │ └── user-dropdown.component.ts
│ │ │ │ └── pages
│ │ │ │ └── dashboard
│ │ │ │ ├── dashboard.component.html
│ │ │ │ └── dashboard.component.ts
│ │ │ ├── apple-icon.png
│ │ │ ├── assets
│ │ │ │ └── img
│ │ │ │ └── team-1-800x800.jpg
│ │ │ ├── environments
│ │ │ │ ├── environment.prod.ts
│ │ │ │ └── environment.ts
│ │ │ ├── favicon.ico
│ │ │ ├── index.html
│ │ │ ├── main.ts
│ │ │ ├── polyfills.ts
│ │ │ ├── styles.css
│ │ │ └── test.ts
│ │ ├── tsconfig.app.json
│ │ ├── tsconfig.json
│ │ ├── tsconfig.spec.json
│ │ └── tslint.json
│ ├── html-dashboard-page
│ │ ├── README.md
│ │ ├── assets
│ │ │ └── img
│ │ │ ├── apple-icon.png
│ │ │ ├── favicon.ico
│ │ │ └── team-1-800x800.jpg
│ │ └── dashboard.html
│ ├── react-dashboard-page
│ │ ├── README.md
│ │ ├── gulpfile.js
│ │ ├── jsconfig.json
│ │ ├── package.json
│ │ ├── public
│ │ │ ├── apple-icon.png
│ │ │ ├── favicon.ico
│ │ │ ├── index.html
│ │ │ ├── manifest.json
│ │ │ └── robots.txt
│ │ └── src
│ │ ├── assets
│ │ │ └── img
│ │ │ └── team-1-800x800.jpg
│ │ ├── components
│ │ │ ├── BarChart.js
│ │ │ ├── LineChart.js
│ │ │ ├── Navbar.js
│ │ │ ├── NotificationDropdown.js
│ │ │ ├── Sidebar.js
│ │ │ └── UserDropdown.js
│ │ ├── index.js
│ │ └── views
│ │ └── Dashboard.js
│ └── vuejs-dashboard-page
│ ├── README.md
│ ├── babel.config.js
│ ├── package.json
│ ├── public
│ │ ├── apple-icon.png
│ │ ├── favicon.ico
│ │ └── index.html
│ └── src
│ ├── App.vue
│ ├── assets
│ │ └── img
│ │ └── team-1-800x800.jpg
│ ├── components
│ │ ├── BarChart.vue
│ │ ├── LineChart.vue
│ │ ├── Navbar.vue
│ │ ├── NotificationDropdown.vue
│ │ ├── Sidebar.vue
│ │ └── UserDropdown.vue
│ ├── main.js
│ └── views
│ └── Dashboard.vue
├── LICENSE.md
├── Landing Page
│ ├── README.md
│ ├── angular-landing-page
│ │ ├── README.md
│ │ ├── angular.json
│ │ ├── browserslist
│ │ ├── e2e
│ │ │ ├── protractor.conf.js
│ │ │ ├── src
│ │ │ │ ├── app.e2e-spec.ts
│ │ │ │ └── app.po.ts
│ │ │ └── tsconfig.json
│ │ ├── karma.conf.js
│ │ ├── package.json
│ │ ├── src
│ │ │ ├── app
│ │ │ │ ├── app-routing.module.ts
│ │ │ │ ├── app.component.html
│ │ │ │ ├── app.component.ts
│ │ │ │ ├── app.module.ts
│ │ │ │ ├── components
│ │ │ │ │ ├── footer
│ │ │ │ │ │ ├── footer.component.html
│ │ │ │ │ │ └── footer.component.ts
│ │ │ │ │ └── navbar
│ │ │ │ │ ├── navbar.component.html
│ │ │ │ │ └── navbar.component.ts
│ │ │ │ └── pages
│ │ │ │ └── landing
│ │ │ │ ├── landing.component.html
│ │ │ │ └── landing.component.ts
│ │ │ ├── assets
│ │ │ │ └── img
│ │ │ │ ├── apple-icon.png
│ │ │ │ ├── favicon.ico
│ │ │ │ ├── team-1-800x800.jpg
│ │ │ │ ├── team-2-800x800.jpg
│ │ │ │ ├── team-3-800x800.jpg
│ │ │ │ └── team-4-470x470.png
│ │ │ ├── environments
│ │ │ │ ├── environment.prod.ts
│ │ │ │ └── environment.ts
│ │ │ ├── index.html
│ │ │ ├── main.ts
│ │ │ ├── polyfills.ts
│ │ │ ├── styles.css
│ │ │ └── test.ts
│ │ ├── tsconfig.app.json
│ │ ├── tsconfig.json
│ │ ├── tsconfig.spec.json
│ │ └── tslint.json
│ ├── html-landing-page
│ │ ├── README.md
│ │ ├── assets
│ │ │ └── img
│ │ │ ├── apple-icon.png
│ │ │ ├── favicon.ico
│ │ │ ├── team-1-800x800.jpg
│ │ │ ├── team-2-800x800.jpg
│ │ │ ├── team-3-800x800.jpg
│ │ │ └── team-4-470x470.png
│ │ └── landing.html
│ ├── next-landing-page
│ │ ├── README.md
│ │ ├── assets
│ │ │ ├── img
│ │ │ │ ├── team-1-800x800.jpg
│ │ │ │ ├── team-2-800x800.jpg
│ │ │ │ ├── team-3-800x800.jpg
│ │ │ │ └── team-4-470x470.png
│ │ │ └── styles
│ │ │ ├── index.css
│ │ │ └── main.scss
│ │ ├── components
│ │ │ ├── Footer.tsx
│ │ │ ├── Layout.tsx
│ │ │ └── Navbar.tsx
│ │ ├── next-env.d.ts
│ │ ├── next.config.js
│ │ ├── package.json
│ │ ├── pages
│ │ │ ├── _app.tsx
│ │ │ └── index.tsx
│ │ ├── postcss.config.js
│ │ ├── tailwind.config.js
│ │ └── tsconfig.json
│ ├── react-landing-page
│ │ ├── README.md
│ │ ├── gulpfile.js
│ │ ├── jsconfig.json
│ │ ├── package.json
│ │ ├── public
│ │ │ ├── apple-icon.png
│ │ │ ├── favicon.ico
│ │ │ ├── index.html
│ │ │ ├── manifest.json
│ │ │ └── robots.txt
│ │ └── src
│ │ ├── assets
│ │ │ └── img
│ │ │ ├── team-1-800x800.jpg
│ │ │ ├── team-2-800x800.jpg
│ │ │ ├── team-3-800x800.jpg
│ │ │ └── team-4-470x470.png
│ │ ├── components
│ │ │ ├── Footer.js
│ │ │ └── Navbar.js
│ │ ├── index.js
│ │ └── views
│ │ └── Landing.js
│ └── vuejs-landing-page
│ ├── README.md
│ ├── babel.config.js
│ ├── package.json
│ ├── public
│ │ ├── apple-icon.png
│ │ ├── favicon.ico
│ │ └── index.html
│ └── src
│ ├── App.vue
│ ├── assets
│ │ └── img
│ │ ├── team-1-800x800.jpg
│ │ ├── team-2-800x800.jpg
│ │ ├── team-3-800x800.jpg
│ │ └── team-4-470x470.png
│ ├── components
│ │ ├── Footer.vue
│ │ └── Navbar.vue
│ ├── main.js
│ └── views
│ └── Landing.vue
├── Login Page
│ ├── README.md
│ ├── angular-login-page
│ │ ├── README.md
│ │ ├── angular.json
│ │ ├── browserslist
│ │ ├── e2e
│ │ │ ├── protractor.conf.js
│ │ │ ├── src
│ │ │ │ ├── app.e2e-spec.ts
│ │ │ │ └── app.po.ts
│ │ │ └── tsconfig.json
│ │ ├── karma.conf.js
│ │ ├── package.json
│ │ ├── src
│ │ │ ├── app
│ │ │ │ ├── app-routing.module.ts
│ │ │ │ ├── app.component.html
│ │ │ │ ├── app.component.ts
│ │ │ │ ├── app.module.ts
│ │ │ │ ├── components
│ │ │ │ │ ├── footer
│ │ │ │ │ │ ├── footer.component.html
│ │ │ │ │ │ └── footer.component.ts
│ │ │ │ │ └── navbar
│ │ │ │ │ ├── navbar.component.html
│ │ │ │ │ └── navbar.component.ts
│ │ │ │ └── pages
│ │ │ │ └── login
│ │ │ │ ├── login.component.html
│ │ │ │ └── login.component.ts
│ │ │ ├── apple-icon.png
│ │ │ ├── assets
│ │ │ │ └── img
│ │ │ │ ├── github.svg
│ │ │ │ ├── google.svg
│ │ │ │ └── register_bg_2.png
│ │ │ ├── environments
│ │ │ │ ├── environment.prod.ts
│ │ │ │ └── environment.ts
│ │ │ ├── favicon.ico
│ │ │ ├── index.html
│ │ │ ├── main.ts
│ │ │ ├── polyfills.ts
│ │ │ ├── styles.css
│ │ │ └── test.ts
│ │ ├── tsconfig.app.json
│ │ ├── tsconfig.json
│ │ ├── tsconfig.spec.json
│ │ └── tslint.json
│ ├── html-login-page
│ │ ├── README.md
│ │ ├── assets
│ │ │ └── img
│ │ │ ├── apple-icon.png
│ │ │ ├── favicon.ico
│ │ │ ├── github.svg
│ │ │ ├── google.svg
│ │ │ └── register_bg_2.png
│ │ └── login.html
│ ├── react-login-page
│ │ ├── README.md
│ │ ├── gulpfile.js
│ │ ├── jsconfig.json
│ │ ├── package.json
│ │ ├── public
│ │ │ ├── apple-icon.png
│ │ │ ├── favicon.ico
│ │ │ ├── index.html
│ │ │ ├── manifest.json
│ │ │ └── robots.txt
│ │ └── src
│ │ ├── assets
│ │ │ └── img
│ │ │ ├── github.svg
│ │ │ ├── google.svg
│ │ │ └── register_bg_2.png
│ │ ├── components
│ │ │ ├── FooterSmall.js
│ │ │ └── Navbar.js
│ │ ├── index.js
│ │ └── views
│ │ └── Login.js
│ └── vuejs-login-page
│ ├── README.md
│ ├── babel.config.js
│ ├── package.json
│ ├── public
│ │ ├── apple-icon.png
│ │ ├── favicon.ico
│ │ └── index.html
│ └── src
│ ├── App.vue
│ ├── assets
│ │ └── img
│ │ ├── github.svg
│ │ ├── google.svg
│ │ └── register_bg_2.png
│ ├── components
│ │ ├── Footer.vue
│ │ └── Navbar.vue
│ ├── main.js
│ └── views
│ └── Login.vue
├── Profile Page
│ ├── README.md
│ ├── angular-profile-page
│ │ ├── README.md
│ │ ├── angular.json
│ │ ├── browserslist
│ │ ├── e2e
│ │ │ ├── protractor.conf.js
│ │ │ ├── src
│ │ │ │ ├── app.e2e-spec.ts
│ │ │ │ └── app.po.ts
│ │ │ └── tsconfig.json
│ │ ├── karma.conf.js
│ │ ├── package.json
│ │ ├── src
│ │ │ ├── app
│ │ │ │ ├── app-routing.module.ts
│ │ │ │ ├── app.component.html
│ │ │ │ ├── app.component.ts
│ │ │ │ ├── app.module.ts
│ │ │ │ ├── components
│ │ │ │ │ ├── footer
│ │ │ │ │ │ ├── footer.component.html
│ │ │ │ │ │ └── footer.component.ts
│ │ │ │ │ └── navbar
│ │ │ │ │ ├── navbar.component.html
│ │ │ │ │ └── navbar.component.ts
│ │ │ │ └── pages
│ │ │ │ └── profile
│ │ │ │ ├── profile.component.html
│ │ │ │ └── profile.component.ts
│ │ │ ├── apple-icon.png
│ │ │ ├── assets
│ │ │ │ └── img
│ │ │ │ └── team-2-800x800.jpg
│ │ │ ├── environments
│ │ │ │ ├── environment.prod.ts
│ │ │ │ └── environment.ts
│ │ │ ├── favicon.ico
│ │ │ ├── index.html
│ │ │ ├── main.ts
│ │ │ ├── polyfills.ts
│ │ │ ├── styles.css
│ │ │ └── test.ts
│ │ ├── tsconfig.app.json
│ │ ├── tsconfig.json
│ │ ├── tsconfig.spec.json
│ │ └── tslint.json
│ ├── html-profile-page
│ │ ├── README.md
│ │ ├── assets
│ │ │ └── img
│ │ │ ├── apple-icon.png
│ │ │ ├── favicon.ico
│ │ │ └── team-2-800x800.jpg
│ │ └── profile.html
│ ├── react-profile-page
│ │ ├── README.md
│ │ ├── gulpfile.js
│ │ ├── jsconfig.json
│ │ ├── package.json
│ │ ├── public
│ │ │ ├── apple-icon.png
│ │ │ ├── favicon.ico
│ │ │ ├── index.html
│ │ │ ├── manifest.json
│ │ │ └── robots.txt
│ │ └── src
│ │ ├── assets
│ │ │ └── img
│ │ │ └── team-2-800x800.jpg
│ │ ├── components
│ │ │ ├── Footer.js
│ │ │ └── Navbar.js
│ │ ├── index.js
│ │ └── views
│ │ └── Profile.js
│ └── vuejs-profile-page
│ ├── README.md
│ ├── babel.config.js
│ ├── package.json
│ ├── public
│ │ ├── apple-icon.png
│ │ ├── favicon.ico
│ │ └── index.html
│ └── src
│ ├── App.vue
│ ├── assets
│ │ └── img
│ │ └── team-2-800x800.jpg
│ ├── components
│ │ ├── Footer.vue
│ │ └── Navbar.vue
│ ├── main.js
│ └── views
│ └── Profile.vue
├── README.md
├── compiled-tailwind.css
├── compiled-tailwind.min.css
├── images
│ ├── dashboard.jpg
│ ├── landing.jpg
│ ├── login.jpg
│ └── profile.jpg
├── tailwind.css
└── tailwind.min.css
135 directories, 325 files
标签: tailwind css
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论