MetricsGraphics.js is a library optimized for visualizing and laying out time-series data. At under 50KB (minified), it provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression. The API is simple. All that’s needed to create a graphic is to specify a few default parameters and then, if…
gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js Requirements: http://underscorejs.org http://jquery.com http://jqueryui.com (Optional) http://knockoutjs.com
Purplecoat.js lets you create labeled overlays that can be triggered with a click. And you don’t need to write a single line of Javascript. Customizations – You can create multiple triggers: – You can also customize the overlay color via data-purplecoat-color:
This is a tutorial about drag and drop interaction from Codrops.Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged. You can allow to drag an item and then show some droppable area that stands for certain actions. This saves a lot of UI space and gives an interesting dynamic to interactions. There are many applicable…
Highest quality watercolor graphics & textures in one mega bundle! Watercolor style in graphic design is very popular these days so if you’re looking for some new and fresh elements, effects or textures, this Jumbo Deal is just for you! With almost 92% off and available for limited time only, you’ll need to grab this new 5in1 mega bundle while you can. With 33 items and bundles from 5 premium design shops is this bundle…
A CSS Framework and a Set of React Components that Implement Google’s Material Design.The Css Framework is built with Less and included handy things like resets, colors, and typography to help get you going. The best way to get started is check out git repo and download the code.Check out the document site, along with its live examples, are all built with react.It’s still a work in progress. The components of the material ui are:Buttons,Dialog,Dropdown…
This is our daily mobile app inspiration article for our loyal readers.Every day we are showcasing a mobile app design whether live on app stores or only designed as concept. Today’s mobile application inspiration CityHour is designed and developed by Alterplay Ltd. CityHour helps you arrange face-to-face meetings with other professionals around commonalities such as industry, location or shared objectives.CityHour quickly syncs with your LinkedIn profile to locate contacts both in and out of your…
Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google’s goal is to develop a system of design that allows for a unified user experience across all their products on any platform. So Materialize is a modern responsive front-end framework based on Material Design.Materialize simplifies life for developers and the users they serve.Materialize has 3 media queries for the 3…
Vivus is a little JavaScript class (little because it’s lightweight and have no dependency) to make drawing animation with SVGs in a webpage. Different animations are available, even scripting the entire SVG to do whatever you want. Every path element is drawn at the same time with a little delay at the start. This is the animation by default. Each line is drawn asynchronously. They all starts and finishes at the same time, this is…
Lumino is a clean, fresh admin panel template built on the Bootstrap framework and available for free on Medialoot. This fully responsive HTML5 template includes everything you need for your backend administration panel. Some of Lumino’s many features are a dashboard overview page, various widgets, responsive charts, advanced data tables, forms, ui elements and sample login page.