9 Angular 2 Social Media Components

Obviously social media is taking over the world (is doesn’t have us developers yet! or does it?). Here are some social media plugins for angular2 including Facebook, Twitter Youtube, Tumblr, Dribble, Stumbleupon and many others. Pretty much every application you whether its web based or native mobile will have some sort of social sharing capability, if they are smart it will be built into the marketing of the product (but thats a different blog post). It’s just a random list of social components built with ng2 in mind so take what you will from it and if you like the post then use those little circle buttons to show your friends.

1. Angular 2 Social Medias Share Buttons

Angular 2 social medias share buttons
Angular 2 social medias share buttons

A module to easily implement share button within an angular 2 app. The buttons are expandable, and highly costumizable.

Code Demo

2. Angular 2 Flickr Search Full Stack Prototype

Angular 2 Flickr search Full Stack prototype
Angular 2 Flickr search Full Stack prototype

Small app in Angular pulling data from the flickr feed. A Full Stack prototype, using the following technologies:

Node JS v0.12.0
Bootstrap v3.3.2
Angular v1.3.15
Bower
Grunt
Heroku

Code Demo

3. Angular 2 Instagram Searcher

Angular 2 Instagram Searcher
Angular 2 Instagram Searcher

Basic example usage of factory method to make a request to the instagram api to get a certian amount of images with an Angular.js switchable grid.

Code Demo

4. Angular 2 YouTube Search Engine

Angular 2 YouTube Search Engine
Angular 2 YouTube Search Engine

A YouTube Search Engine built with Angular2 (compare with the React Version in the Tuber repo).

Technologies Used:
Angular2 (ES6)
Bootstrap
YouTube API

Code Demo

5. Angular 2 YouTube App

Angular 2 YouTube App
Angular 2 YouTube App

Small Youtube sample app built with Angular 2.

Tech stack & libraries:
Angular 2 with Typescript
Angular CLI
Bootstrap 4
ng2-pagination
Moment.js

Code Demo

6. Angular 2 Echoes YouTube Player

Angular 2 Echoes YouTube Player
Angular 2 Echoes YouTube Player

Echoes Player build with angular2

Echoes is a great youtube player developed by Oren Farhi. It’s fun & easy to listen or watch videos from youtube with Echoes. What if youtube was designed to be used as music player? This repository is an implementation of Echoes Player with angular 2 – It’s still a work in progress aimed at learning angular 2.

Echoes Player is also available as a Chrome Application

It can be regarded as the Media Player experience for youtube listening pleasure.

Code Demo

7. Angular 2 Pusher – Live Tweets

Angular 2 Pusher - Live Tweets
Angular 2 Pusher – Live Tweets

A client of the Pusher Datasource API that lets you search for tweets and view the results in realtime.

Code Demo

8. Angular 2 Dribbble clone

Angular 2 Dribbble clone
Angular 2 Dribbble clone

A minimal Angular2 playground using TypeScript and SystemJS loader

Code Demo

9. Angular 2 Random User Card

Angular 2 Random User Card
Angular 2 Random User Card

An example app built using Angular 2 (using the fantastic ng2-play by Pawel Kozlowski).

Code Demo

Sam is a passionate web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and reading.

Leave a Reply

Your email address will not be published. Required fields are marked *