If you are a HubSpot COS Developer, you just got lucky.I recently did the COS work for a "Robotic Process Automation (RPA) Advisory" company in which I used some new "Libraries". I had super fun playing with them. I am excited to share with all of you these "Libraries".There are 5 such libraries that you may find useful. Not just HubSpot COS developers, even web developers working on other CMS' can also take advantage.The entire website of this RPA company was created in HubSpot. Below are the 5 libraries we used. 1. Fancybox3 2. Tippy.js 3. Owl Carousel 4. EasePack 5. MixItUpThese are 5 such Libraries that can make our work easier. Let's get to know them.
It is a HubSpot friendly library that provides a higher-order component. It uses React DOM to render tooltip content. Therefore, you can fully use it in your HubSpot COS development projects easily. It appears as a tooltip when we hover the mouse.Example
3. Owl carousel
Use Owl Carousel to add an image slideshow and a content slider to any page. And by editing its CSS we can customize its style.Example
This is an animation library made in JS, with which we can show the animation of "joint particles" in the background of any page or any section. Its animation shows when the mouse moves to the section.
This is a Library with which we can filter the content. There are many functions available in this:• Pagination• Dropdown filter• Short by• Search• Checkbox filter• Clear filter
See the Pen [MixItUp] - Advanced Filter Logic (Checkboxes & Search Input) by sameer thakur (@smr000) on CodePen.
If you have been using libraries, please feel free to share in the comments section. I would like to learn from you.If you would like to know more about my work on HubSpot COS, please look up the links below.