WebAppers

/ best free open source web resources /

Shopify

Flarum – Open Source Forum Software Focus on Simplicity

Posted · Category: Chat, MIT License

Flarum is free, open-source forum software with a focus on simplicity. You can use Flarum to easily set up a discussion forum for your website. It’s forum software reimagined. Flarum looks and feels great out of the box. The user interface is streamlined so you can spend less time clicking and more time talking. You can keep on scrolling, without having to wait for the next page of posts to load. Flarum lets you scrub anywhere in a discussion quickly and easily. It remembers your position if you come back after navigating away.

There is a Floating Composer, you can read while you write. Flarum’s reply form slides up from the bottom of the page, so you can scroll up to read posts – and even visit other discussions – while you draft your reply. Flarum is fully responsive by default, and not just as an afterthought. The interface has been optimized for touch, with big buttons, smooth animations, and gestures aplenty.

flarum

Requirements: –
Demo: http://flarum.org/
License: MIT 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

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

TouchPoint.js – Visually Shows Taps for HTML Prototypes

Posted · Category: Demo Tour, MIT License

TouchPoint.js is a tiny (3.6kb minified) vanilla JavaScript library made for in-browser HTML prototyping (as part of the UX process) that visually shows where the user clicks/taps on-screen using CSS3 transforms and transitions.

TouchPoint is highly customizable, mobile ready and great for screencasting, screen recording, user testing and presentations. TouchPoint is customizable. There are a number of options that you have access to to customize the look for your needs. Performance should not be an issue because each individual TouchPoint element is dynamically created and then automatically removed from the DOM after being used.

touch-oint

Requirements: JavaScript Framework
Demo: https://github.com/jonahvsweb/touchpoint-js
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

Image Blur Plugin with 4kb Minified Size

Posted · Category: MIT License, Tools

Image Blur Plugin is an Ultra small plugin (4kb minified, 1.5kb gzipped) for Blurring images. This plugin utilizes SVG filter to blur the image if SVG is supported by the browser (all except IE), otherwise the plugin creates an IMG tag and applies a special IE-only filter in CSS. If you are using Velocity.js animation library, the plugin will automatically detect its presence and make fade in/fade out animations more performant, especially on mobile. If Velocity is not present on the page, jQuery’s “animate” is used.

image-blur-bar

Requirements: JavaScript Framework
Demo: http://msurguy.github.io/background-blur/
License: MIT License

Page 1 of 69123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons