WebAppers

/ best free open source web resources /

Shopify

Scrollanim – Create Stunning Scroll Animations

Posted · Category: MIT License, Tools

Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere. It’s open-source (MIT), free and easy to use Oh, and it’s 9KB. Also, this is possible to add the animations using the JavaScript API. Scrolanim has many CSS3 animations to use. No JavaScript animations, better performance. Works on desktop and portable devices perfectly. Scrollanim controls all elements with an extra care. You can attach events to almost all possible positions of an element on the page.

scrollanim

Requirements: CSS3 & JavaScript
Demo: http://scrollanim.kissui.io/
License: MIT License

Lerna – A Tool for Managing JavaScript Projects

Posted · Category: Tools

Splitting up large codebases into separate independently versioned packages is extremely useful for code sharing. However, making changes across many repositories is messy and difficult to track, and testing across repositories gets complicated really fast.

To solve these (and many other) problems, some projects will organize their codebases into multi-package repostories (sometimes called monorepos). Projects like Babel, React, Angular, Ember, Meteor, Jest, and many others develop all of their packages within a single repository. Lerna is a tool that optimizes the workflow around managing multi-package repositories with git and npm.

lerna

Requirements: –
Demo: https://lernajs.io/
License: MIT License

Create Complex Layouts with Tailor WordPress Plugin

Posted · Category: GPL License, Tools

Tailor makes it easier than ever to create beautiful and complex websites. You can create complex layouts by simply dragging and dropping elements relative to one another; customize with minimal clicks. Even elaborate layouts will respond appropriately to the screen size on which they are viewed. Your website will look great on any device. Best of all, Tailor has been released to the WordPress community as a free and open-source plugin.

tailor

Requirements: –
Demo: http://gettailor.com/
License: GPL License

Build Scalable Newsfeeds & Activity Steams with Stream

Posted · Category: License Free, Tools

Stream is the API for scalable feeds for you to build scalable newsfeeds & activity streams. Whether you want to build a feed like Twitter, Instagram, Spotify or Facebook’s we have you covered. Stream handles the storage technology for the feed and you keep full control over the user experience and design. Aggregated feeds, ranked feeds, analytics and personalization all help you improve your app’s engagement, retention and conversion.

Stream is created by the authors of Stream Framework, the most widely used open source solution for building scalable newsfeeds. Your data is always yours. Stream allows you to write backups to an S3 bucket of your choosing. This gives you the freedom to move to an in-house solution when you want to.

stream

Requirements: –
Demo: https://getstream.io/
License: License Free

Messaging Design Kit for Sketch

Posted · Category: License Free, Tools

Messaging Design Kit is a design kit for Sketch, containing everything you need to craft beautiful and functional rich messaging experiences. You can quickly assemble and modify a fully rendered messaging experience using Sketch symbols. There are 84 carefully crafted icons, made especially for in-app messaging user interfaces. And also, there is a unique series of rich messaging cards, to create hybrid conversational interfaces powered by Layer.

messaging-design-kit

Requirements: –
Demo: https://layer.com/messaging-design-kit
License: License Free

Open Source Software for Developing World Hospitals

Posted · Category: MIT License, Tools

HospitalRun is an open source project, aimed at delivering modern software for healthcare facilities in the developing world. It utilizes modern browser-based software design and a user-friendly interface to create an intuitive system. It is also architected to deal with the issues of Internet reliability in a developing world context and is designed to allow records to be securely carried outside of the hospital for mobile clinic activities.

hospital-run

Requirements: Ember Application
Demo: http://hospitalrun.io/
License: MIT License

CSS Purge is Saving the Web 1KB at a Time

Posted · Category: License Free, Tools

CSS Purge is saving the web 1kb at a time. You may not know, but your CSS is getting out of control, it may even have a mind of its own. The specificity war is happening right now and you might not even know it. Is your file always getting bigger? Are you adding stuff to the end of the file? You are showing symptoms of CSSitis. May be linked to Divitis, you can get it treated, but you have to act fast. Users time should be the highest priority. More code, more potential bugs, more time fixing things. A product should be fast, systematic and maintainable.

purge-css

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

Min – A Smarter, Faster & Open Source Web Browser

Posted · Category: Tools

Min is a smarter, faster web browser. It includes features such as: Information from DuckDuckGo in the searchbar, Built-in ad and tracker blocking, Fuzzy search, Full-text search for bookmarks, Reading list, Tabs improvements (tabs open to the right, and fade out when inactive). Min lets you decide whether you want to see ads or not. And when you’re using a slow or expensive internet connection, it lets you block scripts and images, so pages load faster and use less data.

min

Requirements: –
Demo: https://minbrowser.github.io/min/
License: Apache 2.0 License

SmoothState.js – Transitions without Hard Cuts and White Flashes

Posted · Category: MIT License, Tools

We’ve accepted the jankiness of page loads as a quirk of the web even though there is no technical reason for it. SmoothState.js lets you add transitions to eliminate the hard cuts and white flashes of page loads that deface the beauty of the user experience.

Javascript SPA frameworks, sometimes referred to as MVC frameworks, are a common way to solve this issue. However, these frameworks often lose the benefits of unobtrusive code, such as resilience to errors, performance, and accessibility. smoothState.js lets you start adding transitions that eliminate the hard cuts of page loads to improve the beauty of the experience. It does this with:

Progressive enhancement – a technique that exemplifies the principles universal design

  • jQuery – a library a great many of us are familiar with
  • history.pushState() – a method that lets us maintain browsing expectations
  • Ajax – a way for us to request and store pages on the user’s device without refreshing the page

SmoothState.js will unobtrusively enhance your website’s page loads to behave more like a single-page application framework. This allows you to add page transitions and create a nicer experince for your users.

jquery-smoothstate

Requirements: –
Demo: http://smoothstate.com/
License: MIT License

Material Kit – Free Bootstrap UI Kit for Google Material Design

Posted · Category: License Free, Tools

Material Kit is a Free Bootstrap UI Kit with a fresh, new design inspired by Google’s material design. You asked for it, so we built it. It’s a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project.

Material Kit makes use of light, surface and movement. It uses a deliberate color choice, edge-to-edge imagery and large scale typography. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right.

Material Kit is based on the Github Repo from Fez who did an amazing job creating the backbone for the material effects, animations and transitions. Big thanks to his team for their forward thinking efforts.

material-kit

Requirements: –
Demo: http://demos.creative-tim.com/material-kit/index.html
License: License Free

Page 1 of 54123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons