After my recent post where I went through all  samples in the SPFX web part repository. I’m now having a look at web parts that aren’t included in this repository.

Did you think that SPFx wasn’t ready to implement an intranet with? Think again!

Search-WP-SPFx

Developed by Elio Struyf, the Search web part is a web part that gives you similar functionality as we had before with the search web parts but now as a modern SPFx web part

Search visualizer result

 

SPFX 40 Fantastic Web Parts

Olivier Carpentier has done a great job with these 40(!) SPFx web parts

A lot of these web parts use use the JavaScript frameworks like unitegallery.js  and  chart.js within the client side framework.

News Carousel

The news carousel web parts renders a dynamic news slider carousel in your page.

news carousel

Tiles Menu

The tiles menu web part generates a dynamic clickable titles gallery in your web page.

tiles menu

3D Carousel

This web part adds a 3D carousel animation with picture, title and link.

3DCarousel

Coverflow

The coverflow renders a dynamic coverflow carousel.

tiles gallery

News Slider

The News Slider Web Part renders a simple news slider carousel to your page

News Slider

News Ticker

This web part generates a Twitter Feed on the page, based on the specified account

News Ticker

Tweet Feed

Tweets Feed

Social Share

This web part generates a social buttons toolbar in your page to recommand the currrent page to other users.

Social Share

RSS Reader

This web part generates a list of RSS content from a specified Feed Url.

RSS Reader

Social Photo Stream

This Web Part displays a list of photos from populars photos sharing plateforms as Instagram, Pinterest, Flickr, Deviantart, Dribbble, Picasa, Youtube & Newsfeed.

Social Photo Stream

Vertical Timeline

This web part generates a Facebook like vertical timeline. The timeline is built automatically from a SharePoint calendar list in the current site.

Vertical Timeline

Pie Chart

This web part insert a Pie Chart in your pages, and you can manage the pie settings as items, color, title, legends, etc.

Pie Chart

Bar Chart

This web part insert a Bar Chart in your pages, and you can manage the bar chart settings as items, color, title, legends, etc.

Bar Chart

Line Chart

This web part insert a Bar Chart in your pages, and you can manage the Line chart settings as items, color, title, legends, etc.

Line Chart

Radar Chart

This web part insert a Radar Chart in your pages, and you can manage the radar settings as items, color, title, legends, etc.

Radar Chart

Polar Chart

This web part insert a Polar Chart in your pages, and you can manage the polar settings as items, color, title, legends, etc.

Polar Chart

Tiles Gallery

The tiles gallery renders a dynamic images gallery as titles.

tiles gallery

Photo pile

With this Web Part, you can display the photos contained in a SharePoint Pictures Library as a cool image gallery that simulates a pile of photos scattered about on a surface. Thumbnail clicks remove photos from the pile, (enlarging them as if being picked up by the user), and once in view a secondary click returns the photo to the pile.

Photpile Web Part displayed in SharePoint Workbench

Slider Gallery

The slider gallery renders a dynamic slider on images.

slider gallery

Simple Carousel

The simple carousel Web Part renders a simple images pixs slideshow.

Simple carousel

Image Puzzle

The Image Puzzle Web Part is a SharePoint client side web part built with the SharePoint Framework (SPFx). With this Web Part, you can choose a picture from SharePoint librairies, and it will automatically apply a puzzle animation.

Image Puzzle

Image Color

With this Web Part, you can choose a picture from SharePoint libraries, and select a color effect to automatically applied on it.

Image Color

Media Player

With this web part  you can insert a video in your pages that is a HTML5 compatible video or audio files, a YouTube video or a vimeo video.

Media Player

Audio Equalizer

This web part generates an audio HTML5 player and will add an equalizer animation over the music.

Audio Equalizer

Markdown

This web part adds a markdown (md) content render with a dedicated MD editor in edit mode.

Markdown

Syntax Highlighter

This web part adds an automatic code syntax viewer with a lot of supported languages as ActionScript3, Bash/shell, ColdFusion, C#, C++, CSS, Delphi, Diff, Erlang, Groovy, JavaScript, Java, JavaFX, Perl, PHP, Plain Text, PowerShell, Python, Ruby, Scala, SQL, Visual Basic, XML.

Syntax Highlighter

Fck Text

This web part adds an WYSIWYG html editor based on the FCKEDITOR plugin.

FckText

Tabs

This web part helps to create a tab (you manage, add, delete, edit or move a tab dynamically) and the web part editor can easily modify the tabs content thanks a HTML editor (WYSIWYG). This tab control is responive, so the layout will adapt the render with the screen size.

Tabs

Accordion

This web part helps to create an accordion control (you manage, add, delete, edit or move a tab dynamically) and the web part editor can easily modify the tabs content thanks a HTML editor (WYSIWYG).

Accordion

 

Animated Text

This web part adds a text with an animated effect.

AnimatedText

Text Rotator

This web part displays a texts series as a rotation with a transition effect

Text Rotator

Arc Text

This web part adds a curved text effect to your titles.

ArcText

Type Writing

With this web part you can insert your text and configure an automatic type writing effect on your text. Very usefull to deliver important messages or just give a clean style to your text.

TypeWriting

 

Simple Poll

This web part generates a simple poll (one question) based on a SharePoint survey list.

Simple Poll

 

Bing Translator

This web part insert a Bing Translator widget in your pages. With this widget, the user can translate automatically all the content of the current page in a target language.

Bing Translator

Message Bar

This web part adds a Message Bar to your SharePoint pages, for example to display a warning or error message. With this web part you can preconfigure your messages, manage the icon, the text, the layout options and enable it when you need to display the message. This web part is very usefull to display a site maintenance status for example.

MessageBar

Stock Info

This web part generates a stock graph picture for a specified stock. This web part uses the Yahoo Financial service.

Stock Info

QR Code

This web part generates QR Codes in SharePoint pages. You can edit it and modify, text, with, height, etc.

QRCode

 

SPFx Weather Web Part

By one of the masters of SPFx I couldn’t leave Waldek Mastykarz’s web parts out. A lot of the samples in the SPFx repository also come from Waldek.

Weather Web Part displayed in SharePoint Workbench

 

Final comments

Did I miss any good examples that are out there. Please let me know and I’ll add them to this overview.

 

 

Advertisements