🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. AngularJs Plugins
  3. Animated search bar w/ Angular-Material

Animated search bar w/ Angular-Material

I've taken inspiration from @pixelass to create my own morphing search icon. I also added a little JavaScript to remove the header and make sure the search bar fills the entire navbar.

Free
Demo Tutorial

See the Pen by declanelcocks (@declanelcocks) on CodePen.

This awesome script developed by declanelcocks. Visit their official repository for more information and follow for future updates.

You May Also Like

Angular Pro/Con

Angular Auto-OS Button

AngularJS CSS Slide Animation

Angular Material PDF List

Product Page Layout with flexbox

Angular Material Collapsing Breadcrumb

Angular Scrollbar - ng-scrollbar example

Get JSON with Angular

GitHub_angular.js:

Promises with Angular Material's auto-complete/chips

Angular 2 Material UI - Sidenav

Angular Powered Blog

Angular Speech Recognition

Angular: Vimeo Thumbnail Tutorial

Angular Material Local Weather

Drag And Drop Image Upload Angular Base 64

Angular with 2-Stage Table Row Dismiss

Semi Circle Donut Charts

Angular JS Directive collapse/expand

Angular Drag and Drop With Controller

Simple AngularJS Graph

Angular Tree control

Angular Connect 4 & Simple AI

Angular Search Tree

Angular JS Chat

Angular Drag and Drop Tables

AngularJS: ng-animate example

JSON Tree Demo in Angular

Form.io Form Building and Rendering

Velocity, Velocity UI Pack & Angular ngShow

Vue.js CRUD application

Animated search bar w/ Angular-Material

Angular demo - search repos on github

Angular ui-sortable nested ng-repeat grid example

Angular Animated BB-8

Simple Angular + Bootstrap Error Messages

Angular Starter Codepen Template

angular-deckgrid - Like Pinterest Layout

Angular Swap Animation

md-pickers - date/time pickers for angular material

Angular Material Multi Level Menu

TMDB Angular AJAX

Angular Material "Chips & Autocomplete in Dialog" Example.

Angular CKEditor Example with custom directive and ng-ckeditor

Angular Multi-Selector

Delivery Card Animation

Angular Material SVG Icons

Angular Material Menu (wip)

angular-ui-grid enableFullRowSelection

Angular Tree Viewer

Custom Ionic Tabs And Nested State Navigation

Angular Radial Color Picker

Angular Material Time Picker (md-time-picker)

Angular Material Login

Angular Scrollspy

Angular Drag and Drop Nested List

angular-vs-repeat example

Simple ToDo app in Angularjs that saves to localstorage

Easy Ionic Side Menu Transitions

Angular Contact Form

WebGL Smoke

Angular BMR Calculator

Angular typewriter

Angular multitype select input

Google Maps Angular Directive

Angular UI Carousel in simple

Edit Profile with Angular

Drag and Drop Angular

Angular Material Datepicker validation issue

Angular Range Filter

jQuery Plugins

AngularJs Plugins