<commit_before>---
title: <bento-fit-text>Hello World!</bento-fit-text>
author: <NAME> · Bento Engineering · Google
date: 2021-12-07
read_time: 5
image: ./assets/img/posts/bento-announcement.png
excerpt: Hello World! Today we’re excited to fully launch the Bento components library.
layout: layouts/post.njk
tags: posts
permalink: blog/introducing-the-bento-components-library/index.html
---

{% image "./assets/img/posts/bento-announcement.png" , "Unboxing the Bento components library" %}

Hello World! Today we’re excited to launch our [Bento components](https://bentojs.dev). What are Bento components, you ask? They are performant components with great user experience baked into them! We hope you try them out and give us feedback!

Bento components are the result of a project by the AMP team that started [2 years](https://blog.amp.dev/2021/01/28/bento/) ago to address feedback from publishers. They offer similar performance benefits as AMP components, but provide much more flexibility, as they can be combined with any other library or framework. You can read more about Bento and the future of AMP on the official AMP blog.

<style>
  .demo-container {
    margin-top: 2rem;
    background: #ecf1f3;
  }
  .demo-container button {
    margin: auto;<commit_msg>add link to AMP blog<commit_after>---
title: <bento-fit-text>Hello World!</bento-fit-text>
author: <NAME> · Bento Engineering · Google
date: 2021-12-07
read_time: 5
image: ./assets/img/posts/bento-announcement.png
excerpt: Hello World! Today we’re excited to fully launch the Bento components library.
layout: layouts/post.njk
tags: posts
permalink: blog/introducing-the-bento-components-library/index.html
---

{% image "./assets/img/posts/bento-announcement.png" , "Unboxing the Bento components library" %}

Hello World! Today we’re excited to launch our [Bento components](https://bentojs.dev). What are Bento components, you ask? They are performant components with great user experience baked into them! We hope you try them out and give us feedback!

Bento components are the result of a project by the AMP team that started [2 years](https://blog.amp.dev/2021/01/28/bento/) ago to address feedback from publishers. They offer similar performance benefits as AMP components, but provide much more flexibility, as they can be combined with any other library or framework. You can read more about Bento and the future of AMP on the [official AMP blog](https://blog.amp.dev/2021/12/07/introducing-bento/).

<style>
  .demo-container {
    margin-top: 2rem;
    background: #ecf1f3;
  }
  .demo-container button {
    margin: auto;
{'fraction_non_alphanumeric': 0.09781357882623705, 'fraction_numerical': 0.019179133103183737, 'mean_word_length': 4.311608961303462, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 5, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '359446', 'n_tokens_mistral': 809, 'n_tokens_neox': 754, 'n_words': 307}