# tina **Repository Path**: tinajs/tina ## Basic Information - **Project Name**: tina - **Description**: 一款轻巧的渐进式微信小程序框架 - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: https://tina.js.org/ - **GVP Project**: No ## Statistics - **Stars**: 150 - **Forks**: 33 - **Created**: 2018-03-12 - **Last Updated**: 2026-03-19 ## Categories & Tags **Categories**: weixin-lapp **Tags**: None ## README [![](https://github.com/tinajs/assets/raw/master/images/banners/title.png)](https://tina.js.org/) # Tina.js > 一款轻巧的渐进式微信小程序框架 [![npm](https://img.shields.io/npm/v/@tinajs/tina.svg?style=flat-square)](https://www.npmjs.com/package/@tinajs/tina) [![license](https://img.shields.io/github/license/tinajs/tina.svg?style=flat-square)](./LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg?style=flat-square)](https://discord.gg/YXxy8Wp) ## 特性 - :honeybee: 轻盈小巧 核心框架打包后仅 ![](http://img.badgesize.io/https://unpkg.com/@tinajs/tina/dist/tina.min.js?style=flat-square) 。 - :raising_hand: 极易上手 保留 MINA (微信小程序官方框架) 的大部分 API 设计；无论你有无小程序开发经验，都可以轻松过渡上手。 - :chart_with_upwards_trend: 渐进增强 我们已经为你准备好了 [状态管理器](https://tina.js.org/#/guide/state-management) (比如 Redux)、[Immutable.js](https://github.com/tinajs/tina-immutable)、[路由增强](https://tina.js.org/#/guide/router) 等扩展，当然你也可以 [自己编写一个新的插件](https://tina.js.org/#/guide/plugin)。 ## NPM 与单文件组件 结合我们为你准备的 [mina-webpack](https://github.com/tinajs/mina-webpack)，还能够为你的小程序项目带来： - :oden: Mina 单文件组件 / 页面 - :package: NPM（没错！除了一般的包，你还可以分享或下载独立的 Mina 组件） - :crystal_ball: 以及 Webpack 附带的其他能力，如 Babel、PostCSS、代码压缩等功能。 ## 一个简单的例子 [![](https://github.com/tinajs/assets/raw/master/images/screenshots/intro/app.png)](https://gist.github.com/imyelo/48872fc76468c86b1feb893a98a216fa#file-app-mina) [![](https://github.com/tinajs/assets/raw/master/images/screenshots/intro/home.png)](https://gist.github.com/imyelo/48872fc76468c86b1feb893a98a216fa#file-home-mina) ## 浏览更多示例 [浏览更多使用 Tina.js 的示例 :beginner:](https://tina.js.org/#/guide/examples) ## 文档 如果你已经熟悉传统的小程序开发，那么上手 tina 将会非常简单。 接下来，请前往 [:book: tina.js.org](https://tina.js.org) 查阅更详尽的指南。 ## Showcase |小程序码|项目| |-|-| |![wxcode](https://github.com/tinajs/assets/raw/master/images/showcases/hackernews-wxcode-172.png)|Hacker News 热点 :fire:
[https://github.com/tinajs/tina-hackernews](https://github.com/tinajs/tina-hackernews)| |![wxcode](https://github.com/tinajs/assets/raw/master/images/showcases/kuaizixun-wxcode-172.png)|快资讯
[@lizheming](https://github.com/lizheming)| |![wxcode](https://cdn.ruguoapp.com/jike-mp/wxcode-172.jpg)|即刻App
[@ruguoapp](https://github.com/ruguoapp)| |![wxcode](https://raw.githubusercontent.com/leadream/funny/master/calendar-movie/movielect-wxcode.jpg)|选个电影
[@leadream](https://github.com/leadream)| |![wxcode](https://static.kanfangjilu.com/common/weapp-code-tina-showcase-172.jpg)|小鹿选房
[fanggeek.com](http://fanggeek.com)| |![wxcode](https://assets.miniapp.neobaran.com/wallpaper/qrcode/tinajs?imageMogr2/thumbnail/176x)|魔性壁纸 😀
[neobaran.com](https://neobaran.com/#wallpaper)| |![wxcode](https://qktlite-1253493352.cos.ap-guangzhou.myqcloud.com/teacher/assets/images/hejiaoyu-yuzhitong-teacher.jpg)|和教育语智通 教师版
| |![wxcode](https://static.coolvox.com/gh_e3a14cef028c_258.jpg?x-oss-process=image/resize,m_fill,w_172)|库音 COOLVOX
[coolvox.com](https://coolvox.com/)| |![wxcode](https://chao.zhimg.com/wechat_mp/qrcode.jpeg?x-oss-process=image/resize,m_fill,w_172)|CHA蛋
[chaotag.com](https://www.chaotag.com/)| *你也已经在使用 Tina.js 了吗？[请在这里告诉我们 :muscle:。 ](https://github.com/tinajs/tina/edit/master/README.md)* ## License [![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Ftinajs%2Ftina.svg?type=small)](https://app.fossa.io/projects/git%2Bgithub.com%2Ftinajs%2Ftina?ref=badge_small) Apache-2.0 © [yelo](https://github.com/imyelo), 2017 - present [![](https://github.com/tinajs/assets/raw/master/images/banners/sponsored.png)](https://github.com/tinajs/tina)