Jquery socialmix timeline

"All your feeds in a single timeline"

Demos


Main demo

Responsive layouts

Socialmix changes automatically to the best layout to fit in its container. Choose a demo and resize the page to show how it works.

Responsive Timeline
Responsive Grid

Social feeds

Mix all your feed in a single timeline. Google+, Facebook page posts and events, Twitter Timeline, Twitter Search, Youtube and Vimeo uploaded videos

Youtue + Vimeo

Custom feeds

Populate timeline with your feeds. Get data from JSON datasource, or from JS Array. Customize filters and cards to fit with your data.


Skins and i18n

Socialmix has three different skins. You can change skins or easily create your own skin.

(Less included)

KEY Features

Unlimited Social feed

  • Social networks feeds
  • JSON Data

Powerful filters

  • Social media filter
  • Date filter
  • Custom Tag filter

Responsive

  • Grid layout
  • Timeline layout
  • CrossBrowser

Customizable

  • Three skins
  • i18n
  • Less included

All Features

Social media feeds

  • Facebook page posts
  • Google Plus page posts
  • Twitter user timeline
  • Youtube uploaded videos
  • Vimeo uploaded video

JSON custom data

Load data from JSON files. Use your own JSON web service to populate Socialmix with data from your database.
Extend Json format and html template with your data.

Php scripts

Easy back-end installation allows you to hide all your social API-KEY and speed up response time using a cache. Just put your social API-KEY in the PHP setting file. (Php required only for social media feed ).

Responsive Timeline

One column, two columns or sidebar. Socialmix changes automatically to the best layout to fit in its container.

Responsive Grid

Responsive Grid Layout. Three column or for column Socialmix changes automatically to the best layout to fit in its container

Gutter and Margins

Use "gridCardMinWidth" , "timelineCardMargin" , "gridCardMargin" properties to change the timeline card density.

Powerful filters

Filter cards by date, custom tags or social media. Add custom tags to each feed or use auto generated dates and social media filters.

Three skins available

Socialmix has three different skins. You can change skins or easily create your own (.less included)

Translation & i18n

Translate all html texts and change date format and date locale in a single place.

CSS3 Animations

Choose between six card animations : fadeIn, slideInUp, slideInDown, fadeIn, fadeInUp,fadeInDown

Ligthbox

Integration with Magnific Popup responsive lightbox to show full screen image, gif and videos.