Category: RESOURCES

Material Design Lite for Ionic Framework brings Material Design to your Ionic based applications. This simple module will update Ionic Frameworks’s common components and directives to use Google’s Material Design (Lite) for the Android platform …

Sedna is an elegant and versatile one page website template that was implemented with the latest web technologies and with easy reusability in mind. The Sketch file is included as a bonus. Sedna is a …

Stretch is a super simple responsive CSS grid system. For now, it is a 12 column grid that can have any gutter size you want. Columns can be pushed and pulled to make manoeuvring content …

Angular Toasty is a simple standalone AngularJS module with extensive features that provides growl-style alerts and messages for your app. Current Features 3 Themes (Default, Material Design & Bootstrap 3) Global/Individual timeouts Shaking Toasts Toaster …

This is a handy snippet to create responsive CSS breadcrumbs or multi-step indicators with ease.It’s been created by Codyhouse. Since both breadcrumbs and multi-step indicators share a similar structure (a simple list of items),this is …

This is a perfect tutorial by Codyhouse.It’an animated page transition effect with a slide-in content animation triggered by a side tabbed navigation.Basically hover effect turns into a loading bar, that finally expands with new content. …

A simple content slider with depth-like zoom functionality for a predefined area in each slide. Each slide has a predefined zoom area that will be used to calculate the appropriate scale value for a fullscreen …

Animated Sign Up Flow is a pricing table that animates into a sign up form once the user selects a plan. In most cases, you’ll redirect your users to a sign up page. However, if …

We follow many designers and developers and of course websites that share or release resources to help design community. So, this is our weekly design news post where we share our favorite web design and …

This a morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify. You can create a experimental grid layout with “cards” where you’ll animate the card expansion with a …