WebAppers

/ best free open source web resources /

Shopify

Build Awesome User Interfaces with Flexbox Patterns

Posted · Category: Framework, License Free

Flexbox is awesome, it introduces many new concepts that can make it difficult to use. There are some interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end, and you can start using them in your own code right away.

flexbox-patterns

Requirements: –
Demo: http://www.flexboxpatterns.com/
License: License Free

Pagekit 1.0 – A Modern and Lightweight CMS

Posted · Category: Framework

Pagekit is a lightweight open source CMS built with Vue.js and Symfony components. It allows users to create beautiful websites and offers a modern codebase for interested web developers. Pagekit features a user friendly admin interface, static pages, a blog and beautiful themes and extensions, which can be installed directly from the included Marketplace.

Its clean and intuitive user interface is built with Vue.js, the new hot JavaScript framework you may already have heard of. Vue offers functionalities to easily create interactive interfaces and Pagekit utilizes its concept of web components to build a client library for reusable components.

pagekit

What looks good on the interface level, should also extend to a strong foundation. Extensibility is one of the core ideas of Pagekit. On the code level, pretty much everything is a Module object: a theme, an extension, a widget and the core functionality itself. This keeps code complexity to a minimum, as developers can work with the same concept in many different places.

Pagekit is extended through themes and extensions and manages them using the power of Composer. Install packages right from the browser, using the command line or by requiring them in your project definition. No need to distribute the package dependencies with your extensions. Pagekit will get and share the required libraries during the package’s installation.

Pagekit is an Open Source project and is published under MIT license. It’s hosted on GitHub and open for everyone to contribute.  Read the rest of this entry »

Hugo – Static HTML and CSS Website Generator Written in Go

Posted · Category: Framework

Hugo is a static HTML and CSS website generator written in Go. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website. Hugo relies on Markdown files with front matter for meta data. And you can run Hugo from any directory. This works well for shared hosts and other systems where you don’t have a privileged account.

Hugo renders a typical website of moderate size in a fraction of a second. A good rule of thumb is that each piece of content renders in around 1 millisecond. Hugo is designed to work well for any kind of website including blogs, tumbles and docs.

hugo

Requirements: –
Demo: http://gohugo.io/
License: Apache 2.0 License

Phoenix Framework – Productive. Reliable. Fast.

Posted · Category: Framework, MIT License

Phoenix framework is a productive web framework that does not compromise speed and maintainability. Phoenix brings back the simplicity and joy in writing modern web applications by mixing tried and true technologies with a fresh breeze of functional ideas. You can create rich, interactive experiences across browsers, native mobile apps, and embedded devices with our real-time streaming technology called Channels. Phoenix leverages the Erlang VM ability to handle millions of connections alongside Elixir’s beautiful syntax and productive tooling for building fault-tolerant systems.

phoenix-framework

Requirements: –
Demo: http://www.phoenixframework.org/
License: MIT License

Beautiful Graphics Framework for Material Design in Swift

Posted · Category: Framework, License Free

Material is a graphics and animation framework for Google’s Material Design. It is designed to allow the creativity of others to easily be expressed. It includes Fully Configurable UI Components, Base Material Layers & Material Views To Create New UI Components, Side Navigation View Controller, Navigation Bar View, Material Buttons, Material Card Views, Camera / Video , Extension With Extensive Functionality, Layout Library To Simplify AutoLayout, Animation Extension To Create Intricate Animations, Complete Material Color Library and Example Projects.

687474703a2f2f7777772e636f736d69636d696e642e696f2f4d4b2f4d6174657269616c496d61676543617264566965774261636b67726f756e64496d6167652e676966

Requirements: Swift
Demo: https://github.com/CosmicMind/Material
License: License Free

Build Your UI Toolkit with Fabricator

Posted · Category: Framework, MIT License

You can build your UI Toolkit with Fabricator. Fabricator is built on Node.js, a platform for building fast, scalable network applications. There are pre-built installers for each platform. You can also install with Homebrew via brew install node. You can organize your design system the way you want. Components, Structures, Elements, Atoms, Molecules, whatever – the taxonomy is up to you.

Generate a style guide from your toolkit code. Write documentation in markdown to make your toolkit easy for other developers to use. Uses gulp.js as a super-fast, highly-optimized build system to compress images, CSS, and JavaScript. Highly-portable local development environment with Handlebars and BrowserSync built-in for a fast, efficient workflow.

build-ui-toolkit

Requirements: –
Demo: http://fbrctr.github.io/
License: MIT License

Gizmo Microservice Toolkit by The New York Times

Posted · Category: Framework

At The New York Times, their development teams have been adopting the Go programming language over the last three years to build better back-end services. They use Go for a wide variety of tasks, but the most common use throughout the company is for building JSON APIs. As they started building more and more APIs, the pains of microservices started to become apparent.

Gizmo, is open source. Gizmo offers four packages to help developers quickly configure and build microservice APIs and pubsub daemons. The config package provides a set of common, composable structs for working with tools common to technology currently at The New York Times: MySQL, MongoDB, Oracle, AWS (SNS, SQS, S3), Kafka, Gorilla’s securecookie, Gizmo Servers.

new-york-times

Requirements: –
Demo: https://github.com/nytimes/gizmo
License: Apache License

Senna.js – A Blazing Fast Single Page Application Engine

Posted · Category: BSD License, Framework

Senna.js is a blazing-fast single page application engine that provides several low-level APIs that allows you to build modern web-based applications with only ~8 KB of JavaScript without any dependency. When using a single page app, sending a link to a friend should get them where we were. More than that, a search engine spider should be able to index that same content.

Forget hashbangs (#!), by using HTML5’s History API we can manipulate the user’s browser session history in JavaScript using pushState, replaceState and the popstate event. That way you can use browser’s back/forward buttons again. When some content is requested, it indicates to the user that something is happening. You can also define different kinds of CSS animations to use during state transitions. Once you load a certain surface this content can be cached in memory and be retrieved later on without any additional request.

senna

Requirements: –
Demo: http://sennajs.com/
License: BSD License

Toshi – Open Source Bitcoin Node in Ruby and PostgreSQL

Posted · Category: Framework, MIT License

Toshi is a complete implementation of the Bitcoin protocol, written in Ruby and backed by PostgreSQL. It provides a RESTful API that is ideal for building scalable web applications or analyzing blockchain data.

Toshi is designed to be fully compatible with Bitcoin Core. It performs complete transaction and block validation, and passes 100% of TheBlueMatt’s regression test suite. For much of the core protocol logic, Toshi makes use of the bitcoin-ruby library written and maintained by Julian Langschaedel.

Toshi was built at Coinbase, with the goal of replacing our core Bitcoin network infrastructure in the near future. It is currently in beta, and not recommended for production use until it has received sufficient testing from the Bitcoin community.

toshi

Requirements: bitcoin-ruby library
Demo: https://toshi.io/
License: MIT License

Lightweight, Unobtrusive, Style-agnostic Layers CSS

Posted · Category: Framework, MIT License

Layers CSS is Lightweight. Unobtrusive. Style-agnostic. Build your look on the web, not Twitter’s – and build it fluid. Layers CSS is a CSS framework aimed for practical use cases. It comes with a small footprint and zero bullshit.

  • Normalizations & sensible defaults
  • Fluid grid + progressively enhanced columns
  • Preserves native form styles by default
  • No px definitions
  • No colors, no borders, no rounded corners
  • No dependencies

layers-css

Requirements: –
Demo: http://eiskis.net/layers/
License: MIT License

Page 1 of 38123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons