15 Useful Modern Front-End Web Components

Here is list of useful modern front-end web components that can be integrated into your web applications. These components provide a quick and easy way for web developers to create custom user interface without having to start from scratch.

25 Awesome AngularJS Web UI Framework Components

Designing and implementing the UI of an application is an important part of the development process. Writing custom CSS style for each component from scratch can deliver a high level of customization, but also requires a large amount of resources. Sometimes it is better to use the existing UI frameworks. So here are some best UI frameworks based on AngularJS that provide ready to use UI components for the web.

18 Material Design CSS Frameworks

Google introduced Material Design last summer, and now about a year later it has introduced Material Design Lite, a web framework for bringing the design language to the Web. Here is collection of wide range of material design CSS frameworks so that you can keep up with the current design trends.

11 Awesome Bootstrap HTML CSS UI Kits

UI kits can save you time and money while drastically improving the look and feel of your design. Not only will you be able to differentiate yourself from the default Bootstrap styling, you can change the overall styling of your theme much more efficiently. So here are some awesome HTML CSS UI kits are based off Bootstrap and definitely worth checking out for your upcoming projects.

8 Free Open Source HTML5 Game Frameworks And Engines

Enough reasons to build games but most of it, it is very fun to do. Most people believe that HTML5 will replace Flash if it comes to online gaming. Mobile and social gaming are very hot right now. With HTML5 the possibilities on the web are very big also for the gaming industry. So here are some frameworks that will make it a lot easier to develop HTML5 games.


EaselJS comes with a MIT license and is a part of createJS suite which also contains TweenJS for tweening animations, SoundJS for playing sounds and PreloadJS for preloading your assets. It’s easy to learn and has good documentation with good number of tutorials available on the internet. As it’s inspired by flash/AS3, flash develpers will find it easier to adapt.



RPG.js is a HTML5 Game Framework focused on building 2.5D Zelda Bitmap-based Role Playing Games. The framework uses EaselJS a utility knife of sorts for working with the HTML5 Canvas Element.



Panda.js looks like a neat JS Game Engine featuring a Canvas/WebGL Renderer, Physics engine, Particle engine, Tweening, Sound Manager, etc. It also plays nice with mobile/touch interfaces.


Isogenic Game Engine

If you’re building an isometric RPG, this is the game engine for you. It comes with just about everything to support a realtime multiplayer game on the client side and backend (node.js) with both sides running the same codebase.



PuzzleScript is a simple, open-source game engine by Stephen “increpare” Lavelle that allows you to easily create turn-based puzzle games using a unique scripting language. The engine is HTML5-based and games can be built and shared (along with their source code) straight from your browser. The graphics, which are composed of 5×5 tiles, are also designed within the editor, in the same manner that levels are defined.



Cocos2d-HTML5 is a port of the popular Cocos2d (and Cocos2d-iphone). It is primarily used for mobile-first games.



LibGdx is the most simple to learn of the frameworks, and is in a way the most complete: it supports Particle Systems, Tile Maps, Box2D, 3D objects, Fonts, UI elements, among other things… And it is the most optimized OpenGL framework/wrapper you will find anywhere.



Pixi.js is a devoted 2D rendering engine that taps into the power afforded by webGL with Canvas fallback. This means that people can create content once and serve the same code to all platforms.