Skip to main content

SPFx Fantastic 40 Web Parts

SPFx Fantastic 40 Web Parts

Ref Link : https://github.com/OlivierCC/spfx-40-fantastics


Menu & Carousels & News Management

OverviewWeb PartDescription
News CarouselNews CarouselInsert a classical, responsive, cool & touch ready News Carousel. With this web part, you can add easily news focus in your SharePoint site. The users can easily navigate in news items, with buttons or with touch.
Tiles MenuTiles MenuThis Web Part allows you to very easily create a menu in form of tiles that is responsive and adapted for mobile. You can directly manage the items on your menu, with a title, an image and manage Visual rendering options.
3d carousel3D CarouselInsert a 3D Carousel in your SharePoint pages. With this Web Part, you can manage your menu items and create automatically a 3D carousel.
CoverflowCoverflowGenerates a Coverflow Apple like menu in your pages. Manage your menu items with title and picture and create a cool coverflow menu.
News SliderNews SliderInsert a News Slider Tiles control to your pages. In a few clicks you can create a slider with buttons allowing you to navigate horizontally in tiles. You can define your elements and customize the look and feel of your slider. This Web Part is responsive.
News TickerNews TickerInsert a simple horizontal News Ticker to display news as a simple ribbon. This web part is usefull if you want to display Breaking News BBC like information in your site

Social Tools

OverviewWeb PartDescription
Tweets FeedTweets FeedWith this Web Part, you can easily add a Twitter feed to any page. You have to specify the Twitter account you want to view messages, configure the Visual rendering, and twitter will be integrated into your site.
Social ShareSocial ShareA web part to insert social share buttons as Yammer, Linkedin, Twitter, Facebook and more than 100 other social providers thanks to the Addthis services.
RSS ReaderRSS ReaderA web part to insert a full client side RSS/Atom Feed in your SharePoint pages. You can easily integrated a topical or competitive intelligence stream into your pages to your favorite RSS feeds.
Social Photo StreamSocial Photo StreamA web part to insert a list of photo from populars photos sharing plateforms as Instagram, Pinterest, Flickr, Deviantart, Dribbble, & Picasa.

Maps, Charts & Graphs

OverviewWeb PartDescription
Vertical TimelineVertical TimelineA web part to generate a Facebook like vertical Timeline from SharePoint Calendar list items. For example, this Web Part is very convenient to build a synthetic view on your major project milestones. This Web Part uses CSS3 to optimize the user experience.
Pie ChartPie ChartInsert a Pie chart with a few clicks in your SharePoint page. You can edit the data, choose values, colors, legends and all the graphics. You can generate graphs to fixed sizes or responsive mode.
Bar ChartBar ChartTo generate a chart in the form of a vertical or horizontal diagram. You can simply edit the data of the chart, change the values, labels, or colors. Create simply and effectively elegant and effective dashboards for your employees.
Line ChartLine ChartA simple and effective Web Part to generate a line chart in a page. You can choose the points on the line, set the line and fill, color, etc. Convenient to view financial results for example.
Radar ChartRadar ChartOffer elegant and alternative views to your data with this Web part. With the radar chart, you can for example easily see comparisons between data.
Polar ChartPolar ChartA web part to insert a polar chart, modify the data and the render. Very easy & quick to use in a SharePoint page.

Images Galleries & Tools

OverviewWeb PartDescription
Tiles GalleryTiles GalleryFrom any library of images of your SharePoint site, generate a gallery of pictures in tiles mode. You can click on the images to open them in a web viewer in lightbox view. You can choose the appearance of your tiles, colors, texts, width, height, etc. Your tiles could be justified (classical tiles mode) or vertical (like Delve dashboard).
Grid GalleryGrid GalleryFrom any library of images of your SharePoint site, you can generate an image gallery with thumbnails that scroll automatically. You can click on an image to enlarge. This Web Pat is responsive.
PhotopilePhotopileFrom a SharePoint library, this Web Part generates a stack of photos on a table effect. This gives an aspect of photo gallery of Polaroid, for example. Click on the photos to enlarge to full screen.
Slider Gallery Slider GalleryThis Web Part allows you to view your photo galleries in the form of a slider between the images. Photos automatically scroll with the effect of your choice. The user can click on the arrows or use the touch features to navigate through the images. On click, the image is opened in full screen.
Simple CarouselSimple CarouselThe Web Part Simple Carousel allows you to browse a library of images in forms of thumbnails that scroll horizontally.
Image PuzzleImage PuzzleFrom an image of your SharePoint site, this Web Part will generate a puzzle effect. The image will be automatically cut into pieces, and the pieces are going to move next to the other before returning to the normal state of the image. Nice to add style to your page.
Image ColorImage ColorThis Web Part allows you to select an image and automatically apply a color effect. This Web Part uses libraries of CSS3 effects to color images.

Video & Audio

OverviewWeb PartDescription
Media PlayerMedia PlayerThis Web Part is an alternative player for videos or audio files. This player allows you to play video files in HTML5 mode, with streamed videos to different formats and also from Youtube or Vimeo. This player is elegant and also lets you add subtitles to videos in different languages.
Audio EqualizerAudio EqualizerInstead of the classic audio player, you can use a fun player with an equalizer. The equalizer adds an effect on music that drives your page and the user experience. You can configure your equalizer by modifying the columns, color, speed, etc.

Text Tools

OverviewWeb PartDescription
MarkdownMarkdownIf you like the Markdown (MD) syntax, this Web Part is made for you! With this Web Part, you can add a player of Markdown in your page and edit its content through a specialized Editor. It has never been as easy to use the power of Markdown in SharePoint.
Syntax HighlighterSyntax HighlighterWith this Web Part, you can copy and paste the code in a page and automatically benefit from a syntax highlighter to read the code. This Web Part supports many 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 and XML.
FckTextFck TextThis Web Part is a simple alternative text editor. Instead of the native SharePoint Editor, this Web Part uses the editor CKEditor, which is a popular and powerful JavaScript full HTML code editor. You can configure the type of integration (fixed or dynamic), or even the type of toolbar to edit your content.
TabsTabsYou can dynamically create sections to view your content in the form of tabs. In edit mode, you can directly modify the contents of each tab with a WYSIWYG editor and preview your Web Part in your page. The tabs are responsives and adapt with the size of the screen.
AccordionAccordionAs for the Web Part of the tabs, you can manage the content in the form of accordion sections. Add, edit or remove your tabs and change the content with the WYSIWYG editor.
Animated TextAnimated TextThis Web Part allows you to add a text with an animation. You can choose among a large number of animation (fade, resizing, time, rotation, etc.), choose do it, color, size, etc.
Text RotatorText RotatorThis Web Part allows you to display several sentences one after the other with a transition effect.
ArcTextArc TextWith this Web Part, you can add a text with effect of curve. You can editing your title appearance, and choose the degree of the curve.
TypeWritingTypeWritingInsert a text with a typwriter effect. It will simulate a mechanical or electromechanical machine for writing in characters similar to those produced by printer.

Tools



OverviewWeb PartDescription
Simple PollSimple PollInsert a simple poll (one question) based on a SharePoint survey list. This Web Part is perfect for simple surveys to insert on a homepage for example. Users can vote in 1 click and see the results in the form of a pie or bar chart.
Bing TranslatorBing TranslatorInsert a Bing Translator widget to automatically translate the current page in another language. This WebPart is going to add to your page a "Translate" button. When user click on this button, it can translate in-place and automatically the content of the page in the language of his choice.
MessageBarMessage BarInsert a message bar to your page, for example set a maintenance warning text, etc. Very convenient to share a simple and highly visible message to your visitors.
StockInfoStock InfoGenerates as graph picture the current stock value of a specified stock. With this Web Part, you can for example share the current stock price of your company on your homepage. This Web Part uses the Yahoo! Financial Services.
QRCodeQR CodeInsert a QR Code in your SharePoint pages and modify the associated text, size, etc. A QRCode is very handy for example to allow your users to access simply and quickly to a page on your Intranet from a smartphone.

Comments

Popular posts from this blog

Site Logo Not Changing on Web Part Pages

I tested and reproduced your issue in my local machine. Since the Web Part Pages would override the content in PlaceHolderPageTitleInTitleArea place holder, the site logo would not change automatically. So would you please try remove or comment the following control TitleBarWebPart: See the similar scenario and solution: http://emanonsolutions.blogspot.com/2010/02/left-navigation-webpart-pages.html Hope this can help.

Create a Custom Site Definition with Additional Content in SharePoint 2010 Using Visual Studio 2010

·          Web Templates ·          Site Definitions and Configurations ·          Deciding Between Custom Web Templates and Custom Site Definitions ·          Understanding Onet.xml Files ·          How to: Create a Custom Web Template ·          Overview of Creating Custom Site Definitions Site Template Configurator utility http://stefan-stanev-sharepoint-blog.blogspot.com/search/label/SharePoint%202010 Create a Custom Site Definition with Additional Content in SharePoint 2010 Using Visual Studio 2010 http://community.bamboosolutions.com/blogs/sharepoint-2010/archive/2010/11/11/sharepoint-2010-cookbook-how-to-create-a-custom-site-definition-with-additional-content-in-sharepoint-2010-using-visual-studio-2010.aspx http://blogs.msdn.com/b/allenwang/...