Blog

Slick Modular Web Components with Polymer

As a primarily back-end focused developer, I admit that sometimes I find user interface work pretty tedious, especially when I can’t get something to look or behave the way I feel it should. On large projects, stylesheets can get cluttered and I have a bad habit of throwing everything into a single “site.css” file that gets loaded into every page. I wind up with dozens of CSS classes and identifiers to make sure that each component of my website has its own specialized styling and doesn’t accidentally inherit the styles of something else. Usually, the look and feel of my site is at the mercy of whatever CSS library I’m using.

Fortunately, I’ve discovered a relatively new framework that takes a lot of headache out of front-end design. The framework is called Polymer: a JavaScript framework from Google that takes Web Components to a new level. Here are three features of Polymer that make it great:

1. Hundreds of plug-and-play elements
The Polymer Element Catalog has many useful open source elements that can be directly included in your source code once the Polymer framework has been installed, ranging from responsive and animated text fields and buttons, to elements which help you manage AJAX requests. The elements have declarative syntax, meaning that once you’ve included them in your project, they can be inserted directly into your HTML files just as easily as any of the native HTML elements. You can combine these elements with data bindings to pass values between components and validate forms without writing any JavaScript.

2. Custom elements
If you can’t find the right element to suit your needs, Polymer gives you the tools to build your own elements. Elements have encapsulated style, form and function, meaning you can detail specifically how an element is to look and behave. Polymer elements contain methods and properties that can be called from other elements in the DOM. This makes your components feel more like extensible objects, rather than simple UI elements.

3. Class-like inheritance
If you have a shared functionality or style among a number of elements, you definitely don’t want to repeat that code. Fortunately, Polymer allows you to inherit multiple styles and behaviors into elements. Instead of re-writing a particular function for each of your elements, you can instead write that function as a behavior, and have each element extend it. Similarly, if you wish for a family of custom elements to use the same CSS properties, you can import one or many custom style elements. These elements enable easy theming, allowing you to change the appearance of your application simply by swapping style elements.

For more information on Polymer, check out their Polycasts on YouTube as well as their Polymer Starter Kit.

Related Blogs
See All Blogs
A woman is sitting outside on a deck applying for a job on her laptop.
Blog
Jul 16, 2025

Land the Job and Impress Your Client (Using AI Smartly)

AI has completely changed the way people apply for jobs. Résumé templates, cover letter generators, and interview prep bots are just a prompt away. In this article by Senior Talent Acquisition Consultant Sarah Falzone, learn how to use AI to make sure your application stands out, not blends in.

Read More
A member of a product team collaborating with colleagues remotely.
Blog
Jul 9, 2025

How AI Helped Me Think Like a Designer Before I Had One

When a UX gap threatened to slow a critical user flow update, our product team had no choice but to adapt. In this article, Director of Product Brittany Langosch discusses how although there's no substitute for a talented designer, using AI tools like ChatPRD and V0 can support fast collaboration and clear decision-making in a pinch.

Read More
Snowflake logo
Blog
Jun 26, 2025

Snowflake Summit 2025 Announcements

Snowflake Summit 2025’s latest announcements made it clear: the path to genuine AI-driven impact hinges on frictionless access to data, the ability to act on it with clarity, and absolute confidence in its protection. Learn more about how they're making that happen for customers in this article.

Read More
A team in an office smiling.
Blog
Jun 25, 2025

How ChatPRD Helps Build Better Stories (and a Stronger Team)

When user stories are vague, it slows down delivery, trust, and momentum. This article by Senior Product Strategy Consultant Traci Metzger shows how she used a lightweight, AI-guided system (ChatPRD) to write clearer, developer-ready requirements that actually accelerated execution.

Read More
See All Blogs
noun-arrow-2025160 copy 2
noun-arrow-2025160 copy 2
See All Blogs