WebAppers

/ best free open source web resources /

Shopify

Open Source Lightning Design System by Salesforce

Posted · Category: CC License, Framework

Lightning Design System helps you create the world’s best enterprise app experiences. With the Design System you can build custom applications with a look and feel that is consistent with Salesforce core features — without reverse engineering our styles! Simply download our platform-agnostic CSS framework and get started today.

You can utilize the detailed guidelines to confidently design excellent apps that fit right into the Salesforce ecosystem. With the Design System, you get access to all of the Salesforce core visual and interaction design patterns so that you can follow established best practices and build apps that have a consistent look and feel with the Salesforce user experience.

lightning-design-system

Requirements: –
Demo: http://www.lightningdesignsystem.com/
License: Creative Commons License

Rucksack – A Little Bag of CSS Superpowers

Posted · Category: Framework, MIT License

Rucksack is a little bag of CSS superpowers. It makes CSS development fun again, with features the language should have come with out of the box. It’s built on PostCSS, it’s modular, it doesn’t add any bloat, and it’s lightening fast.

Integrating Rucksack into your workflow is easy. There are plugins for most build tools, and an npm module to integrate it manually or process your CSS directly on the command line. Since it’s built on the PostCSS ecosystem it plays nice with all other CSS pre and post processors, and can even integrate into Stylus directly.

rucksack

Requirements: CSS
Demo: http://simplaio.github.io/rucksack/
License: MIT License

GridLayout – Lightweight Grid System for Web Applications

Posted · Category: Framework, MIT License

GridLayout is a lightweight grid system for advanced horizontal and vertical web app layouts, with support for older browsers. If you need to create complex app layouts, similar to native ones, with support for older browsers. GridLayout is a ~1 KB (minified and gzipped) CSS file and a ~0.5 KB JavaScript file used only for Internet Explorer support. If you just support modern browsers, you’re probably better off using Flexbox. GridLayout is licensed under the MIT license.

grid-layout

Requirements: –
Demo: https://ghinda.net/gridlayout/
License: MIT License

jQuery.my – Complex Two-way Data Binding in Real Time

Posted · Category: Framework, License Free

jQuery.my is a plugin for real time two-way data binding. It mutates object given as data source, reflecting interactions between user and UI. Data bindings, facade appearance and CSS styling of an app are all defined using single manifest, which is standard javascript object. Manifests are JSONable.

jQuery.my recognizes both standard HTML controls and complex composites created using rich ui plugins. Controls built with jQuery UI, Select2, CodeMirror, Ace, Redactor, CLeditor, jQuery Mobile are supported out of the box. jQuery.my provides comprehensive validation, conditional formatting, complex dependencies, runtime form structure manipulation. $.my forms can run nested, each jQuery.my instance can be a composite control for parent form.

jquerymy-js

Requirements: jQuery Framework
Demo: http://jquerymy.com/
License: License Free

Open Source CMS Built on Node.js and MongoDB

Posted · Category: Framework, MIT License

Apostrophe is a design-driven, in-context CMS built on Node.js and MongoDB. It provides the tools to develop both simple and complex content-driven websites through simple templating and modular functionality. The editing experience is designed around the idea that content mangement should be easy, and therefore editors can create and manage their content right on the page itself.

Apostrophe is built on an accessible technology stack that focuses on ease of use as well as performance. Node.js provides an easy entry point for front-end Javascript developers and a playground for experienced back-end developers. The Nunjucks templating language allows for easily including data and editable content on any page. And MongoDB provides the necessary speed to serve Apostrophe’s content-driven pages.

apostrophe

Requirements: Node.js and MongoDB
Demo: http://apostrophenow.org/
License: MIT License

A Faster and Easier Way to Build Shopify Themes

Posted · Category: eCommerce, Framework, MIT License

Shopify Timber is a front-end framework which makes building Shopify themes quick and easy. It can be used by theme creators of any skill level for themes of any scope. Seasoned pros and newbies alike can benefit from the starter templates, liquid markup, modules, and CSS frameworks provided in Timber.

Shopify Timber has been tested to work in IE 8+, Safari, Chrome, Firefox, Opera, Safari for iOS, Chrome for Android, and the stock Android browser. Timber is built with Sass, but you don’t have to know it to use it. The compiling is all done on the Shopify server, so edit the .scss.liquid file just as you would CSS and watch the magic happen on your site.

Screen Shot 2015-07-29 at 12.50.37 pm

Requirements: Shopify
Demo: http://shopify.github.io/Timber/
License: MIT License

Bonsai.js – An Intuitive Graphics API and SVG Renderer

Posted · Category: Framework, MIT License

Bonsai is a lightweight graphics library with an intuitive graphics API and an SVG renderer. Bonsai’s main features include: Architecturally separated runner and renderer, iFrame, Worker and Node running contexts, Shapes, Paths, Assets (Videos, Images, Fonts, SubMovies), Keyframe and regular animation (easing functions too), Shape/path morphing and much more…

Screen Shot 2015-07-24 at 11.56.25 pm

Requirements: JavaScript Framework
Demo: http://bonsaijs.org/
License: MIT License

CSSPlus – Cross Browser Flexbox Layout Scaffolding

Posted · Category: Framework, MIT License

CSS Plus wants to provide a simple and fast way to make flexible layout based on flexbox modeling. This awesome css feature lets you specify a flexible container which the children can also be flexible and re-sized automatically when the size of the container changed. It supports Chrome 14, Internet Explorer 10, Firefox 6, Safari 4, Opera 12.10.

cssplus

Requirements: CSS
Demo: http://hictech.github.io/cssPlusWebsite/
License: MIT License

Lotus – An Open Source Framework for Ruby

Posted · Category: Framework, MIT License

Lotus is Open Source Software, which strives for simplicity, fewer DSLs, minimal conventions, more objects, zero monkey-patching and the separation of concerns between MVC layers. It suggests best practices, but it leaves all the freedom to you, the developer, to build your own architecture, with your own objects. Lotus is made of standalone frameworks (controllers, views, etc.) and each one is shipped as an independent gem to emphasize the separation of concerns.

lotus-framework

Requirements: –
Demo: http://lotusrb.org/
License: MIT License

Material Design Lite

Posted · Category: Framework

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation.

The MDL component library includes new versions of common user interface controls such as buttons, check boxes, and text fields, adapted to follow Material Design concepts. Material Design Lite also includes enhanced and specialized features like cards, column layouts, sliders, spinners, tabs, typography, and more. MDL is free to download and use, and may be used with or without any library or development environment (such as Material Design Lite). It is a cross-browser, cross-OS web developer’s toolkit that can be used by anyone who wants to write more productive, portable, and — most importantly — usable web pages.

material-design

Requirements: –
Demo: http://www.getmdl.io/
License: Apache License

Page 1 of 36123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons