60个开发者不容错过的免费资源库

古城微笑少年丶 2023-07-13 03:37 93阅读 0赞

文章作者Juan Pablo Sarmiento收集了60个较为实用、高效的工具资源库，可以帮助开发者快速创建各种Web App和移动App。这些资源的特点是：简单、便捷、免费、高效、功能多。当你独自一人需要在短期内构建一个产品的时候，这些起关键作用的工具定会给你留下更深刻的印象。（以下是编译内容）

下面所列举的就是近期比较受欢迎的资源集合：

**1、[Mmenu][]：**这个jQuery插件能够为移动网站创造出灵活的、类似App的滑动菜单。

[![521d983cb25aa.jpg][]][521d983cb25aa.jpg]

**2、[Fabric textures][]：**这5个布料纹理的背景可以以JPG的格式免费下载。

[![521d984872d05.jpg][]][521d984872d05.jpg]

**3、[Fitgrd][]：**这是一个轻量级的、看起来很酷的响应式网格资源。

[![521d985a7bd04.jpg][]][521d985a7bd04.jpg]

**4、[Horizontal menu][]：**这是一个水平的滑出式菜单，还带有一个基于网格的子菜单。

[![521d987364234.jpg][]][521d987364234.jpg]

**5、[Upload form][]：**这是一个微型的Ajax上传表单。

[![521d988bd290c.jpg][]][521d988bd290c.jpg]

**6、[Minimalistic][]（免费供个人使用）：**Minimalistic是一个小型的WordPress主题，带有很好用的绘画技巧模板。

[![521d989c2d50b.jpg][]][521d989c2d50b.jpg]

**7、[Mobile application UI kit][]：**这个移动App UI工具包可供PSD格式下载。

[![521d98fde102d.jpg][]][521d98fde102d.jpg]

**8、[Flat icon set][]：**几乎没有人会嫌平面图标集太多用不完吧，这里有很多，随你选。

[![521d98d4dfa9d.jpg][]][521d98d4dfa9d.jpg]

**9、[Flatilicious icons][]：**毫不掩饰的说，这里的icon数量是最多的，最多的，最多的。

[![521d991260cf7.jpg][]][521d991260cf7.jpg]

**10、[Fries][]：**在这里，可以使用HTML、CSS和JavaScript来创建Android类型的UI。

[![521d992a2c3ca.jpg][]][521d992a2c3ca.jpg]

**11、[Linecons][]：**这里包含48个完全可伸缩矢量图标。

[![521d995922b84.jpg][]][521d995922b84.jpg]

**12、[Windows][]：**这是一个jQuery插件，用在全屏滚动窗口上。

[![521d997037714.jpg][]][521d997037714.jpg]

**13、[Slider][]：**这是一个很有用的、免费的滑块，带有流畅的滑动背景。

[![521d998218e50.jpg][]][521d998218e50.jpg]

**14、[Transit][]：**超级顺当的CSS转换效果，还可以随意的切换为jQuery。

[![521d9994c21d1.jpg][]][521d9994c21d1.jpg]

**15、[FastCache][]：**很明显，这曾经是最快的PHP对象缓存系统。

[![521d99a7abfdf.jpg][]][521d99a7abfdf.jpg]

**16、[Beag][]：**这是一套高效实用的移动App UI组件。

[![521d99b8a9b1f.jpg][]][521d99b8a9b1f.jpg]

**17、[Mixitup][]：**这是一个CSS3和jQuery过滤器，另外也是一个分类插件。

[![521d99ccf13e2.jpg][]][521d99ccf13e2.jpg]

**18、[Pricing table][]：**它是一个为设计师和开发者准备的定价表。

[![521d99e14a77a.jpg][]][521d99e14a77a.jpg]

**19、[Cesium][]：**这是一款JavaScript类库，用于在Web浏览器上创建3D地球。

[![521d99f33c963.jpg][]][521d99f33c963.jpg]

**20、[Bootstrap magic][]：**使用这一资源就可以创建你自己的Twitter Bootstrap主题。

[![521d9a0594d86.jpg][]][521d9a0594d86.jpg]

**21、[Map icons designer][]：**这些都是Google地图上的图标，适用于各种地图App。

[![521d9a1917d14.jpg][]][521d9a1917d14.jpg]

**22、[Transparent UI kit][]：**这是一个在PSD里的分层UI工具包。

[![521d9a2ae3d1f.jpg][]][521d9a2ae3d1f.jpg]

**23、[Topcoat][]：**这是一个CSS工具包用于创建轻便的Web Apps。

[![521d9a3ccde5a.jpg][]][521d9a3ccde5a.jpg]

**24、[Controls settings][]：**一个较为实用的PSD平面控制面板。

[![521d9a4e0fd52.jpg][]][521d9a4e0fd52.jpg]

**25、[CSS modal][]：**这是一个用纯CSS语言创建的模拟动态下的建设者。

[![521d9a6031131.jpg][]][521d9a6031131.jpg]

**26、[Sassaparilla][]：**这是利用一个较快的方式来启动响应式设计项目的资源。

[![521d9a786c6b1.jpg][]][521d9a786c6b1.jpg]

**27、[Beach UI][]：**这是一种PSD形式的微型UI工具包。

[![521d9a8bf1f84.jpg][]][521d9a8bf1f84.jpg]

**28、[Retina-ready menu][]：**这是一个响应式的触摸屏菜单，带有供不同浏览器使用的三种布局。

[![521d9aa5d7feb.jpg][]][521d9aa5d7feb.jpg]

**29、[Flexisel][]：**这是一个响应式的旋转木马jQuery插件。

[![521d9aff38154.jpg][]][521d9aff38154.jpg]

**30、[W2UI library][]：**作为连接jQuery插件的组件，它的主要设计目的是用在前段技术上的。

[![521d9b0d55d39.jpg][]][521d9b0d55d39.jpg]

**31、[Dark Accordion][]：**这是一个以PSD文件形式具有现代风格的导航菜单。

[![521d9b2096dab.jpg][]][521d9b2096dab.jpg]

**32、[Skel.js][]：**一个用于创建响应式站点的前端框架。

[![521d9b3203a91.jpg][]][521d9b3203a91.jpg]

**33、[Magnific Popup][]：**它是一个响应式的jQuery光箱特效插件。

[![521d9b435e8bf.jpg][]][521d9b435e8bf.jpg]

**34、[Nice Less buttons][]：**这是一个用CSS语言制作的按钮组集。

[![521d9b5ab65e6.jpg][]][521d9b5ab65e6.jpg]

**35、[Multipurpose website template][]：**多用途的、设计精美的PSD。

[![521d9b6d7818f.jpg][]][521d9b6d7818f.jpg]

**36、[Two.js][]：**这是一个2D绘图API。

[![521d9b81a2a37.jpg][]][521d9b81a2a37.jpg]

**37、[Flat UI login form][]：**这是一个流行的登录和注册表单格式。

[![521d9b95de0e5.jpg][]][521d9b95de0e5.jpg]

**38、[Ecommerce flat][]：**这是一个PSD格式的、扁平的商业电子UI工具包。

[![521d9ba9142ae.jpg][]][521d9ba9142ae.jpg]

**39、[Brand identity][]：**它是一个分层的PSD，用于呈现出商标和标识设计。

[![521d9bbc0a430.jpg][]][521d9bbc0a430.jpg]

**40、[Animation fill code][]：**这是一个为CSS关键帧动画添加必要代码的App。

[![521d9bd043da6.jpg][]][521d9bd043da6.jpg]

**41、[Countable.js][]：**这个脚本可以添加实时段落，文字和字符数到一个html元素。

[![521d9bf6228b7.jpg][]][521d9bf6228b7.jpg]

**42、[Github Archiveroom][]：**可以在3D形式下探索Github档案文件。

[![521d9c1629b0d.jpg][]][521d9c1629b0d.jpg]

**43、[iPhone 5 flat][]：**这是一个扁平结构的iPone 5实物模型。

[![521d9c296901e.jpg][]][521d9c296901e.jpg]

**44、[HoverMenu][]：**这是个较为简单的可访问菜单，在你网页的任何地方都可以使用。

[![521d9c3c5bf82.jpg][]][521d9c3c5bf82.jpg]

**45、[SLY][]：**这是一个JavaScript类库，只可以向一个方向滚动。

[![521d9c4d91202.jpg][]][521d9c4d91202.jpg]

**46、[Flatstrap][]：**这是一个引导程序的外表形式，使用了扁平设计技术。

[![521d9c62042be.jpg][]][521d9c62042be.jpg]

**47、[Packery][]：**一个用于解决装箱布局的JavaScript插件。

[![521d9c74ed32a.jpg][]][521d9c74ed32a.jpg]

**48、[Snaps theme][]：**一个用于WordPress的免费组合主题。

[![521d9c876ae8b.jpg][]][521d9c876ae8b.jpg]

**49、[Easy responsive tabs][]：**这是一个用来优化水平或垂直标签的jQuery插件。

[![521d9cca70efd.jpg][]][521d9cca70efd.jpg]

**50、[CSS social share button][]：**这是一个扁平式的社交工具提示按钮。

[![521d9cd74aa8e.jpg][]][521d9cd74aa8e.jpg]

**51、[Knockout][]：**使用Knockout可以简化动态的JavaScript UI运行MVVM图案的过程。

[![521d9ceab7fc6.jpg][]][521d9ceab7fc6.jpg]

**52、[Magazine mockup][]：**这是一个PSD模板，是展示工程项目的理想选择。

[![521d9d02702e2.jpg][]][521d9d02702e2.jpg]

**53、[Weather icons][]：**PSD格式的气象图标组合，相当有实用性。

[![521d9d1652681.jpg][]][521d9d1652681.jpg]

**54、[Flat icons set][]：**这是另外一个图标组集，以.png文件的格式传输。

[![521d9d2aee2f3.jpg][]][521d9d2aee2f3.jpg]

**55、[Social media icon set][]：**免费的社交媒体图标组集。

[![521d9da137154.jpg][]][521d9da137154.jpg]

**56、[Simple icons][]：**这也是一个免费的图标组集。

[![521d9dbb83c22.jpg][]][521d9dbb83c22.jpg]

**57、[Icon hover effects][]：**圆形图标悬浮效果，可以和CSS转换。

[![521d9dce5a77e.jpg][]][521d9dce5a77e.jpg]

**58、[Percentage bars][]：**使用CSS技术构建的扁平化风格的百分比滚动条。

[![521d9de085303.jpg][]][521d9de085303.jpg]

**59、[Twitter UI][]：**这是一个用CSS和HTML构建的Twitter用户UI。

[![521d9df3d21fd.jpg][]][521d9df3d21fd.jpg]

**60、[Music widget][]：**这是一个带有一些简单动画的扁平窗口音乐播放器。

[![521d9e0a8aafb.jpg][]][521d9e0a8aafb.jpg]

[Mmenu]: http://mmenu.frebsite.nl/
[521d983cb25aa.jpg]: http://cms.csdnimg.cn/article/201308/28/521d983cb25aa.jpg
[Fabric textures]: http://www.blugraphic.com/2013/05/19/high-resolution-fabric-textures-pack-1/
[521d984872d05.jpg]: http://cms.csdnimg.cn/article/201308/28/521d984872d05.jpg
[Fitgrd]: http://www.fitgrd.com/
[521d985a7bd04.jpg]: http://cms.csdnimg.cn/article/201308/28/521d985a7bd04.jpg
[Horizontal menu]: http://tympanus.net/codrops/2013/05/17/horizontal-slide-out-menu/
[521d987364234.jpg]: http://cms.csdnimg.cn/article/201308/28/521d987364234.jpg
[Upload form]: http://tutorialzine.com/2013/05/mini-ajax-file-upload-form/
[521d988bd290c.jpg]: http://cms.csdnimg.cn/article/201308/28/521d988bd290c.jpg
[Minimalistic]: http://www.themeshock.com/minimalistic-white-wordpress-theme/
[521d989c2d50b.jpg]: http://cms.csdnimg.cn/article/201308/28/521d989c2d50b.jpg
[Mobile application UI kit]: http://www.cssauthor.com/free-mobile-application-ui-kit-psd/
[521d98fde102d.jpg]: http://cms.csdnimg.cn/article/201308/28/521d98fde102d.jpg
[Flat icon set]: http://www.pixeden.com/media-icons/flat-design-icons-set-vol1
[521d98d4dfa9d.jpg]: http://cms.csdnimg.cn/article/201308/28/521d98d4dfa9d.jpg
[Flatilicious icons]: http://freebiesbug.com/psd-freebies/flatilicious-48-free-flat-icons
[521d991260cf7.jpg]: http://cms.csdnimg.cn/article/201308/28/521d991260cf7.jpg
[Fries]: http://jaunesarmiento.me/fries/
[521d992a2c3ca.jpg]: http://cms.csdnimg.cn/article/201308/28/521d992a2c3ca.jpg
[Linecons]: http://favbulous.com/web-ui/1216/linecons-icon-set
[521d995922b84.jpg]: http://cms.csdnimg.cn/article/201308/28/521d995922b84.jpg
[Windows]: http://nick-jonas.github.io/windows/
[521d997037714.jpg]: http://cms.csdnimg.cn/article/201308/28/521d997037714.jpg
[Slider]: http://css-tricks.com/slider-with-sliding-backgrounds/
[521d998218e50.jpg]: http://cms.csdnimg.cn/article/201308/28/521d998218e50.jpg
[Transit]: http://ricostacruz.com/jquery.transit/
[521d9994c21d1.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9994c21d1.jpg
[FastCache]: http://www.phpfastcache.com/
[521d99a7abfdf.jpg]: http://cms.csdnimg.cn/article/201308/28/521d99a7abfdf.jpg
[Beag]: http://www.pixeden.com/mobile-apps/beag-simple-ui-app-kit
[521d99b8a9b1f.jpg]: http://cms.csdnimg.cn/article/201308/28/521d99b8a9b1f.jpg
[Mixitup]: http://mixitup.io/
[521d99ccf13e2.jpg]: http://cms.csdnimg.cn/article/201308/28/521d99ccf13e2.jpg
[Pricing table]: http://www.cssflow.com/snippets/pricing-table
[521d99e14a77a.jpg]: http://cms.csdnimg.cn/article/201308/28/521d99e14a77a.jpg
[Cesium]: http://cesium.agi.com/
[521d99f33c963.jpg]: http://cms.csdnimg.cn/article/201308/28/521d99f33c963.jpg
[Bootstrap magic]: http://pikock.github.io/bootstrap-magic/index.html
[521d9a0594d86.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9a0594d86.jpg
[Map icons designer]: http://www.webiconset.com/map-icons/
[521d9a1917d14.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9a1917d14.jpg
[Transparent UI kit]: http://www.blugraphic.com/2013/05/11/transparent-ui-kit-psd/
[521d9a2ae3d1f.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9a2ae3d1f.jpg
[Topcoat]: http://dribbble.com/shots/1047882-Presentation-Controls-Settings
[521d9a3ccde5a.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9a3ccde5a.jpg
[Controls settings]: http://topcoat.io/
[521d9a4e0fd52.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9a4e0fd52.jpg
[CSS modal]: http://drublic.github.io/css-modal/
[521d9a6031131.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9a6031131.jpg
[Sassaparilla]: http://sass.fffunction.co/
[521d9a786c6b1.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9a786c6b1.jpg
[Beach UI]: http://dajzafree.net/2013/05/beach-ui-2/
[521d9a8bf1f84.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9a8bf1f84.jpg
[Retina-ready menu]: http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/
[521d9aa5d7feb.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9aa5d7feb.jpg
[Flexisel]: http://9bitstudios.github.io/flexisel/
[521d9aff38154.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9aff38154.jpg
[W2UI library]: http://w2ui.com/web/home
[521d9b0d55d39.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9b0d55d39.jpg
[Dark Accordion]: http://www.premiumpixels.com/freebies/accordion-style-navigation-psd/
[521d9b2096dab.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9b2096dab.jpg
[Skel.js]: http://skeljs.org/
[521d9b3203a91.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9b3203a91.jpg
[Magnific Popup]: http://dimsemenov.com/plugins/magnific-popup/
[521d9b435e8bf.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9b435e8bf.jpg
[Nice Less buttons]: http://cssdeck.com/labs/cool-button
[521d9b5ab65e6.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9b5ab65e6.jpg
[Multipurpose website template]: http://www.cssauthor.com/multipurpose-website-template-psd/
[521d9b6d7818f.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9b6d7818f.jpg
[Two.js]: http://jonobr1.github.io/two.js/
[521d9b81a2a37.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9b81a2a37.jpg
[Flat UI login form]: http://cssdeck.com/labs/flat-ui-login-form
[521d9b95de0e5.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9b95de0e5.jpg
[Ecommerce flat]: http://www.graphicsfuel.com/2013/05/ecommerce-flat-ui-kit-vol-1-psd/
[521d9ba9142ae.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9ba9142ae.jpg
[Brand identity]: http://www.blugraphic.com/2013/05/17/brand-identity-mock-up-template-psd/
[521d9bbc0a430.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9bbc0a430.jpg
[Animation fill code]: http://animationfillcode.com/
[521d9bd043da6.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9bd043da6.jpg
[Countable.js]: http://radlikewhoa.github.io/Countable/
[521d9bf6228b7.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9bf6228b7.jpg
[Github Archiveroom]: http://archiveroom.net/
[521d9c1629b0d.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9c1629b0d.jpg
[iPhone 5 flat]: http://www.pixeden.com/psd-mock-up-templates/iphone-5-psd-flat-design-mockup
[521d9c296901e.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9c296901e.jpg
[HoverMenu]: https://github.com/alexcheuk/hovermenu
[521d9c3c5bf82.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9c3c5bf82.jpg
[SLY]: http://darsa.in/sly/
[521d9c4d91202.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9c4d91202.jpg
[Flatstrap]: http://littlesparkvt.com/flatstrap/index.html
[521d9c62042be.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9c62042be.jpg
[Packery]: http://packery.metafizzy.co/
[521d9c74ed32a.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9c74ed32a.jpg
[Snaps theme]: http://graphpaperpress.com/themes/snaps/
[521d9c876ae8b.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9c876ae8b.jpg
[Easy responsive tabs]: http://webtrendset.com/demo/easy-responsive-tabs/Index.html
[521d9cca70efd.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9cca70efd.jpg
[CSS social share button]: http://cssdeck.com/labs/css-social-share-button
[521d9cd74aa8e.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9cd74aa8e.jpg
[Knockout]: http://knockoutjs.com/index.html
[521d9ceab7fc6.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9ceab7fc6.jpg
[Magazine mockup]: http://eamejia.com/store/
[521d9d02702e2.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9d02702e2.jpg
[Weather icons]: http://dribbble.com/shots/1023451-Weather-Icon-PSD
[521d9d1652681.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9d1652681.jpg
[Flat icons set]: http://dribbble.com/shots/1076502-Flat-Icons-Freebie
[521d9d2aee2f3.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9d2aee2f3.jpg
[Social media icon set]: http://onlinefreetips.com/2013/05/30/free-social-media-icon-set/
[521d9da137154.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9da137154.jpg
[Simple icons]: http://simpleicons.org/
[521d9dbb83c22.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9dbb83c22.jpg
[Icon hover effects]: http://tympanus.net/codrops/2013/05/30/simple-icon-hover-effects/
[521d9dce5a77e.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9dce5a77e.jpg
[Percentage bars]: http://cssdeck.com/labs/percentage-bar
[521d9de085303.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9de085303.jpg
[Twitter UI]: http://codepen.io/marceloag/pen/fDmtq
[521d9df3d21fd.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9df3d21fd.jpg
[Music widget]: http://freebiesbug.com/psd-freebies/music-widget-with-lyrics-psd/
[521d9e0a8aafb.jpg]: http://cms.csdnimg.cn/article/201308/28/521d9e0a8aafb.jpg