Gallery of Custom Element samples

Gallery of Custom Element samples.

Categories:AnalyticsDAMeCommerceEditorEmailsFormsIconsImagesOtherPersonalizationRecommendationsSearchTextUtilitiesVideo

CORE INTEGRATION

Algolia

Build a powerful search for your project using Algolia and Kentico Kontent.

KenticoTypeScript

CORE INTEGRATION

DAMImages

Bynder

The Bynder Image Selector allows to search images in Bynder DAM and use them in your website.

KenticoVanilla JS

CORE INTEGRATION

DAMImages

Cloudinary

The Cloudinary Image Selector allows to search images in Cloudinary DAM and use them in your project.

KenticoVanilla JS

CORE INTEGRATION

eCommerce

Magento

The Magento product selector is a selector connected to Magento instance which allows users to search and select a product from the Magento product catalog.

KenticoVanilla JS

CORE INTEGRATION

PersonalizationRecommendations

Recombee

Personalize your content recommendations with Recombee and Kentico Kontent.

KenticoTypeScript

CORE INTEGRATION

Emails

SendPulse

The SendPulse Mailing List Selector allows you to retrieve mailing lists from SendPulse.

KenticoVanilla JS

CORE INTEGRATION

eCommerce

Shopify

Shopify product selector is a selector connected to Shopify Storefront which allows users to search and select a product from Shopify product catalog.

KenticoVanilla JS

CORE INTEGRATION

eCommerce

Slatwall Commerce

Slatwall Commerce product selector is an advanced custom element which allows users to add one or multiple products from their product catalog to a Kontent CMS page by search, category, product type, and brand filters.

kontentReact

CORE INTEGRATION

Personalization

Uniform Optimize

Uniform connects your CMS with modern developer tools, CDNs and provide the fastest, most scalable way of running your site with personalization.

optimizeVue.js

CORE INTEGRATION

eCommerce

commercetools

commercetools product selector is a selector which allows users to search and select a product from their product catalog in commercetools.

KenticoVue.js

TextEditor

Ace Code Editor (Syntax Highlighter)

This custom element is an editable text area enhanced by the Ace Code Editor to provide a programmer-friendly environment for writing code examples. Offers a fine selection of programming languages to be highlighted.

MilanLundVanilla JS

EditorText

CKEditor 4

This custom element is based on the CKEditor 4 WYSIWYG text editor.

KenticoVanilla JS

Utilities

Color Picker

The Color picker allows user to choose a color from palette and sets it as a HEX string, e.g. '#ff0000' for red color, '#00ff00' for green, etc.

KenticoVanilla JS

Analytics

Content Insights

The Content Insights Element analyzes content from text and rich text elements and enriches your content with new content properties like reading time, readability score, sentiment, and configurable number of keywords. On top of that, the custom element offers suggestions on how to improve your content.

KenticoVue.js

Utilities

Content types selector

This custom element for Kentico Kontent gives editors a way to select content types from current project

Simply007Vanilla JS

Utilities

Country State Selector

The Country and State selector is a drop down selector which allows users to select country and state (if country has any).

ondrabusReact

eCommerce

Crystallize

The Crystallize product selector is a selector which allows users to search and select a product from Crystallize product catalog.

huluvu21Vanilla JS

Utilities

Date Picker

This is a simple calendar control based on jQuery UI DatePicker which lets you pick a date.

KenticoVanilla JS

Images

Flickr

The Flickr image selector

KenticoVanilla JS

Icons

Font Awesome Icon SVG Selector

Custom element allowing to pick Font Awesome icon. Custom element stores the value as icon's SVG.

Simply007Vanilla JS

Icons

Font Awesome Icon codename selector

Custom element allowing to pick Font Awesome icon. Custom element stores the value as icon's codename.

Simply007Vanilla JS

Forms

Formsite Forms
The Formsite Form selector allows to retrieve created forms in Formsite and use them on your website.

JKannekensVanilla JS

Utilities

Geolocation Leaflet
This custom element allows you to put a marker on a map and it automatically gets converted to latitude and longitude geo locations.

hzikVanilla JS

Images

Giphy
The Giphy Selector allows you to search images on Giphy and select one.

KenticoVanilla JS

Utilities

Google Places
This is a custom element for Kentico Kontent that allows users to easily get the geo-coordinates for a location using the Google Places API.

ChristopherJenningsVanilla JS

Utilities

HTML Inputs
This is a custom element for Kentico Kontent that allows you to define a group of HTML inputs that your editors can fill out one or more times. You can combine any number of HTML5 inputs into a single element -> text, textarea, color, date, time, number, radio, checkbox, password and range.

hzikVanilla JS

Utilities

Item selector
This element offers items from another project to be linked with your item

hzikVanilla JS

Utilities

Item synchronizer
This element allows you to sync items from one project to another

hzikVanilla JS

AnalyticsUtilities

Keyword Extractor
This custom element gives you a way to automatically generate keywords for an item based on the content in it.

KenticoVue.js

Other

Label
This custom element just shows its value with no option to edit it.

hzik

Utilities

Link checker
This custom element gets all links from all rich text elements on your item and checks whether they are live or not.

hzikVanilla JS

EditorText

Quill Rich Text Editor
This custom element is based on the Quill rich text editor. It stores content in JSON format, so it's omni-channel friendly.

hzikVanilla JS

Other

RegEx extension
With this custom element you can extend the Text element by a regular expression for its validation.

hzik

Icons

SVG Icon Selector
This is a custom element for Kentico Kontent that allows users to select an SVG icon from a list of provided icons.

KenticoVanilla JS

EditorText

SimpleMDE (Markdown Editor)
SimpleMDE is a markdown editor which allows users to write formatted text. In this sample element, you can find examples of setting dynamic height and reacting on the window ‘resize’ events. When the element is disabled, the editor is set to the read-only mode.

KenticoVanilla JS

EditorText

Summernote Rich Text Editor
This custom element is based on the Summernote rich text editor. It allows you to switch to the Source code mode to edit or see the HTML markup!

hzikVanilla JS

EditorText

TinyMCE Rich Text Editor
This custom element is based on the TinyMCE WYSIWYG text editor.

KenticoVanilla JS

EditorText

Toast UI Editor
This custom element is based on Toast UI Editor. It is a Markdown WYSIWYG Editor including GFM Standard + Chart & UML Extensible.

Simply007Vanilla JS

Utilities

Toggle Switch
This custom element provides a simple on/off toggle switch.

hzikVanilla JS

Other

URL slug history
Preserve the history of content item's URL slugs.

ondrabus

Utilities

Unique Textbox
This custom element checks whether your entered value is unique across all items in your project in specified element.

hzikVanilla JS

Other

Unique URL slug
The Unique URL slug custom element works same way as OOTB URL slug element and extends it by ensuring its uniqueness.

hzik

Images

Unsplash
This is a custom element for Kentico Kontent that allows users to search and select high-quality, royalty-free images from Unsplash.

ChristopherJenningsVue.js

Video

Vimeo preview
This custom element lets you to add and preview a Vimeo video. It extracts and stores the video id so it can later be used in the app.

matus666Vanilla JS

Video

Wistia video
Link your selected Wistia videos with your content through this custom element.

EnngageAngular

Video

YouTube preview
This custom element allows you to add various types of Youtube video URL, it extracts and stores the video id for your apps and shows the video.

hzikVanilla JS