diff --git a/core/lib/Drupal/Component/Attribute/Attribute.php b/core/lib/Drupal/Component/Attribute/Attribute.php
new file mode 100644
index 0000000..0d2db3b
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/Attribute.php
@@ -0,0 +1,350 @@
+<?php
+
+/**
+ * @file
+ * Contains \Drupal\Component\Attribute\Attribute.
+ */
+
+namespace Drupal\Component\Attribute;
+
+use Drupal\Component\Render\PlainTextOutput;
+use Drupal\Component\Render\MarkupInterface;
+
+/**
+ * Collects, sanitizes, and renders HTML attributes.
+ *
+ * To use, optionally pass in an associative array of defined attributes, or
+ * add attributes using array syntax. For example:
+ * @code
+ *  $attributes = new Attribute(array('id' => 'socks'));
+ *  $attributes['class'] = array('black-cat', 'white-cat');
+ *  $attributes['class'][] = 'black-white-cat';
+ *  echo '<cat' . $attributes . '>';
+ *  // Produces <cat id="socks" class="black-cat white-cat black-white-cat">
+ * @endcode
+ *
+ * $attributes always prints out all the attributes. For example:
+ * @code
+ *  $attributes = new Attribute(array('id' => 'socks'));
+ *  $attributes['class'] = array('black-cat', 'white-cat');
+ *  $attributes['class'][] = 'black-white-cat';
+ *  echo '<cat class="cat ' . $attributes['class'] . '"' . $attributes . '>';
+ *  // Produces <cat class="cat black-cat white-cat black-white-cat" id="socks" class="cat black-cat white-cat black-white-cat">
+ * @endcode
+ *
+ * When printing out individual attributes to customize them within a Twig
+ * template, use the "without" filter to prevent attributes that have already
+ * been printed from being printed again. For example:
+ * @code
+ *  <cat class="{{ attributes.class }} my-custom-class"{{ attributes|without('class') }}>
+ *  {# Produces <cat class="cat black-cat white-cat black-white-cat my-custom-class" id="socks"> #}
+ * @endcode
+ *
+ * The attribute keys and values are automatically escaped for output with
+ * Html::escape(). No protocol filtering is applied, so when using user-entered
+ * input as a value for an attribute that expects an URI (href, src, ...),
+ * UrlHelper::stripDangerousProtocols() should be used to ensure dangerous
+ * protocols (such as 'javascript:') are removed. For example:
+ * @code
+ *  $path = 'javascript:alert("xss");';
+ *  $path = UrlHelper::stripDangerousProtocols($path);
+ *  $attributes = new Attribute(array('href' => $path));
+ *  echo '<a' . $attributes . '>';
+ *  // Produces <a href="alert(&quot;xss&quot;);">
+ * @endcode
+ *
+ * The attribute values are considered plain text and are treated as such. If a
+ * safe HTML string is detected, it is converted to plain text with
+ * PlainTextOutput::renderFromHtml() before being escaped. For example:
+ * @code
+ *   $value = t('Highlight the @tag tag', ['@tag' => '<em>']);
+ *   $attributes = new Attribute(['value' => $value]);
+ *   echo '<input' . $attributes . '>';
+ *   // Produces <input value="Highlight the &lt;em&gt; tag">
+ * @endcode
+ *
+ * @see \Drupal\Component\Utility\Html::escape()
+ * @see \Drupal\Component\Render\PlainTextOutput::renderFromHtml()
+ * @see \Drupal\Component\Utility\UrlHelper::stripDangerousProtocols()
+ */
+class Attribute implements \ArrayAccess, \IteratorAggregate, MarkupInterface {
+
+  /**
+   * Stores the attribute data.
+   *
+   * @var \Drupal\Component\Attribute\AttributeValueBase[]
+   */
+  protected $storage = array();
+
+  /**
+   * Constructs a \Drupal\Component\Attribute\Attribute object.
+   *
+   * @param array $attributes
+   *   An associative array of key-value pairs to be converted to attributes.
+   */
+  public function __construct($attributes = array()) {
+    foreach ($attributes as $name => $value) {
+      $this->offsetSet($name, $value);
+    }
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function offsetGet($name) {
+    if (isset($this->storage[$name])) {
+      return $this->storage[$name];
+    }
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function offsetSet($name, $value) {
+    $this->storage[$name] = $this->createAttributeValue($name, $value);
+  }
+
+  /**
+   * Creates the different types of attribute values.
+   *
+   * @param string $name
+   *   The attribute name.
+   * @param mixed $value
+   *   The attribute value.
+   *
+   * @return \Drupal\Component\Attribute\AttributeValueBase
+   *   An AttributeValueBase representation of the attribute's value.
+   */
+  protected function createAttributeValue($name, $value) {
+    // If the value is already an AttributeValueBase object,
+    // return a new instance of the same class, but with the new name.
+    if ($value instanceof AttributeValueBase) {
+      $class = get_class($value);
+      return new $class($name, $value->value());
+    }
+    // An array value or 'class' attribute name are forced to always be an
+    // AttributeArray value for consistency.
+    if ($name == 'class' && !is_array($value)) {
+      // Cast the value to string in case it implements MarkupInterface.
+      $value = [(string) $value];
+    }
+    if (is_array($value)) {
+      // Cast the value to an array if the value was passed in as a string.
+      // @todo Decide to fix all the broken instances of class as a string
+      // in core or cast them.
+      $value = new AttributeArray($name, $value);
+    }
+    elseif (is_bool($value)) {
+      $value = new AttributeBoolean($name, $value);
+    }
+    // As a development aid, we allow the value to be a safe string object.
+    elseif ($value instanceof MarkupInterface) {
+      // Attributes are not supposed to display HTML markup, so we just convert
+      // the value to plain text.
+      $value = PlainTextOutput::renderFromHtml($value);
+      $value = new AttributeString($name, $value);
+    }
+    elseif (!is_object($value)) {
+      $value = new AttributeString($name, $value);
+    }
+    return $value;
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function offsetUnset($name) {
+    unset($this->storage[$name]);
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function offsetExists($name) {
+    return isset($this->storage[$name]);
+  }
+
+  /**
+   * Adds classes or merges them on to array of existing CSS classes.
+   *
+   * @param string|array ...
+   *   CSS classes to add to the class attribute array.
+   *
+   * @return $this
+   */
+  public function addClass() {
+    $args = func_get_args();
+    if ($args) {
+      $classes = array();
+      foreach ($args as $arg) {
+        // Merge the values passed in from the classes array.
+        // The argument is cast to an array to support comma separated single
+        // values or one or more array arguments.
+        $classes = array_merge($classes, (array) $arg);
+      }
+
+      // Merge if there are values, just add them otherwise.
+      if (isset($this->storage['class']) && $this->storage['class'] instanceof AttributeArray) {
+        // Merge the values passed in from the class value array.
+        $classes = array_merge($this->storage['class']->value(), $classes);
+        $this->storage['class']->exchangeArray($classes);
+      }
+      else {
+        $this->offsetSet('class', $classes);
+      }
+    }
+
+    return $this;
+  }
+
+  /**
+   * Sets values for an attribute key.
+   *
+   * @param string $attribute
+   *   Name of the attribute.
+   * @param string|array $value
+   *   Value(s) to set for the given attribute key.
+   *
+   * @return $this
+   */
+  public function setAttribute($attribute, $value) {
+    $this->offsetSet($attribute, $value);
+
+    return $this;
+  }
+
+  /**
+   * Removes an attribute from an Attribute object.
+   *
+   * @param string|array ...
+   *   Attributes to remove from the attribute array.
+   *
+   * @return $this
+   */
+  public function removeAttribute() {
+    $args = func_get_args();
+    foreach ($args as $arg) {
+      // Support arrays or multiple arguments.
+      if (is_array($arg)) {
+        foreach ($arg as $value) {
+          unset($this->storage[$value]);
+        }
+      }
+      else {
+        unset($this->storage[$arg]);
+      }
+    }
+
+    return $this;
+  }
+
+  /**
+   * Removes argument values from array of existing CSS classes.
+   *
+   * @param string|array ...
+   *   CSS classes to remove from the class attribute array.
+   *
+   * @return $this
+   */
+  public function removeClass() {
+    // With no class attribute, there is no need to remove.
+    if (isset($this->storage['class']) && $this->storage['class'] instanceof AttributeArray) {
+      $args = func_get_args();
+      $classes = array();
+      foreach ($args as $arg) {
+        // Merge the values passed in from the classes array.
+        // The argument is cast to an array to support comma separated single
+        // values or one or more array arguments.
+        $classes = array_merge($classes, (array) $arg);
+      }
+
+      // Remove the values passed in from the value array. Use array_values() to
+      // ensure that the array index remains sequential.
+      $classes = array_values(array_diff($this->storage['class']->value(), $classes));
+      $this->storage['class']->exchangeArray($classes);
+    }
+    return $this;
+  }
+
+  /**
+   * Checks if the class array has the given CSS class.
+   *
+   * @param string $class
+   *   The CSS class to check for.
+   *
+   * @return bool
+   *   Returns TRUE if the class exists, or FALSE otherwise.
+   */
+  public function hasClass($class) {
+    if (isset($this->storage['class']) && $this->storage['class'] instanceof AttributeArray) {
+      return in_array($class, $this->storage['class']->value());
+    }
+    else {
+      return FALSE;
+    }
+  }
+
+  /**
+   * Implements the magic __toString() method.
+   */
+  public function __toString() {
+    $return = '';
+    /** @var \Drupal\Component\Attribute\AttributeValueBase $value */
+    foreach ($this->storage as $name => $value) {
+      $rendered = $value->render();
+      if ($rendered) {
+        $return .= ' ' . $rendered;
+      }
+    }
+    return $return;
+  }
+
+  /**
+   * Returns all storage elements as an array.
+   *
+   * @return array
+   *   An associative array of attributes.
+   */
+  public function toArray() {
+    $return = [];
+    foreach ($this->storage as $name => $value) {
+      $return[$name] = $value->value();
+    }
+
+    return $return;
+  }
+
+  /**
+   * Implements the magic __clone() method.
+   */
+  public function __clone() {
+    foreach ($this->storage as $name => $value) {
+      $this->storage[$name] = clone $value;
+    }
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function getIterator() {
+    return new \ArrayIterator($this->storage);
+  }
+
+  /**
+   * Returns the whole array.
+   */
+  public function storage() {
+    return $this->storage;
+  }
+
+  /**
+   * Returns a representation of the object for use in JSON serialization.
+   *
+   * @return string
+   *   The safe string content.
+   */
+  public function jsonSerialize() {
+    return (string) $this;
+  }
+
+}
diff --git a/core/lib/Drupal/Component/Attribute/AttributeArray.php b/core/lib/Drupal/Component/Attribute/AttributeArray.php
new file mode 100644
index 0000000..085a0aa
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/AttributeArray.php
@@ -0,0 +1,106 @@
+<?php
+
+/**
+ * @file
+ * Contains \Drupal\Component\Attribute\AttributeArray.
+ */
+
+namespace Drupal\Component\Attribute;
+
+use Drupal\Component\Utility\Html;
+
+/**
+ * A class that defines a type of Attribute that can be added to as an array.
+ *
+ * To use with Attribute, the array must be specified.
+ * Correct:
+ * @code
+ *  $attributes = new Attribute();
+ *  $attributes['class'] = array();
+ *  $attributes['class'][] = 'cat';
+ * @endcode
+ * Incorrect:
+ * @code
+ *  $attributes = new Attribute();
+ *  $attributes['class'][] = 'cat';
+ * @endcode
+ *
+ * @see \Drupal\Component\Attribute\Attribute
+ */
+class AttributeArray extends AttributeValueBase implements \ArrayAccess, \IteratorAggregate {
+
+  /**
+   * Ensures empty array as a result of array_filter will not print '$name=""'.
+   *
+   * @see \Drupal\Component\Attribute\AttributeArray::__toString()
+   * @see \Drupal\Component\Attribute\AttributeValueBase::render()
+   */
+  const RENDER_EMPTY_ATTRIBUTE = FALSE;
+
+  /**
+   * {@inheritdoc}
+   */
+  public function offsetGet($offset) {
+    return $this->value[$offset];
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function offsetSet($offset, $value) {
+    if (isset($offset)) {
+      $this->value[$offset] = $value;
+    }
+    else {
+      $this->value[] = $value;
+    }
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function offsetUnset($offset) {
+    unset($this->value[$offset]);
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function offsetExists($offset) {
+    return isset($this->value[$offset]);
+  }
+
+  /**
+   * Implements the magic __toString() method.
+   */
+  public function __toString() {
+    // Filter out any empty values before printing.
+    $this->value = array_unique(array_filter($this->value));
+    return Html::escape(implode(' ', $this->value));
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function getIterator() {
+    return new \ArrayIterator($this->value);
+  }
+
+  /**
+   * Exchange the array for another one.
+   *
+   * @param array $input
+   *   The array input to replace the internal value.
+   *
+   * @return array
+   *   The old array value.
+   *
+   * @see ArrayObject::exchangeArray
+   */
+  public function exchangeArray($input) {
+    $old = $this->value;
+    $this->value = $input;
+    return $old;
+  }
+
+}
diff --git a/core/lib/Drupal/Component/Attribute/AttributeBoolean.php b/core/lib/Drupal/Component/Attribute/AttributeBoolean.php
new file mode 100644
index 0000000..29e35f9
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/AttributeBoolean.php
@@ -0,0 +1,48 @@
+<?php
+
+/**
+ * @file
+ * Contains \Drupal\Component\Attribute\AttributeBoolean.
+ */
+
+namespace Drupal\Component\Attribute;
+
+use Drupal\Component\Utility\Html;
+
+/**
+ * A class that defines a type of boolean HTML attribute.
+ *
+ * Boolean HTML attributes are not attributes with values of TRUE/FALSE.
+ * They are attributes that if they exist in the tag, they are TRUE.
+ * Examples include selected, disabled, checked, readonly.
+ *
+ * To set a boolean attribute on the Attribute class, set it to TRUE.
+ * @code
+ *  $attributes = new Attribute();
+ *  $attributes['disabled'] = TRUE;
+ *  echo '<select' . $attributes . '/>';
+ *  // produces <select disabled>;
+ *  $attributes['disabled'] = FALSE;
+ *  echo '<select' . $attributes . '/>';
+ *  // produces <select>;
+ * @endcode
+ *
+ * @see \Drupal\Component\Attribute\Attribute
+ */
+class AttributeBoolean extends AttributeValueBase {
+
+  /**
+   * {@inheritdoc}
+   */
+  public function render() {
+    return $this->__toString();
+  }
+
+  /**
+   * Implements the magic __toString() method.
+   */
+  public function __toString() {
+    return $this->value === FALSE ? '' : Html::escape($this->name);
+  }
+
+}
diff --git a/core/lib/Drupal/Component/Attribute/AttributeString.php b/core/lib/Drupal/Component/Attribute/AttributeString.php
new file mode 100644
index 0000000..44c5319
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/AttributeString.php
@@ -0,0 +1,36 @@
+<?php
+
+/**
+ * @file
+ * Contains \Drupal\Component\Attribute\AttributeString.
+ */
+
+namespace Drupal\Component\Attribute;
+
+use Drupal\Component\Utility\Html;
+
+/**
+ * A class that represents most standard HTML attributes.
+ *
+ * To use with the Attribute class, set the key to be the attribute name
+ * and the value the attribute value.
+ * @code
+ *  $attributes = new Attribute(array());
+ *  $attributes['id'] = 'socks';
+ *  $attributes['style'] = 'background-color:white';
+ *  echo '<cat ' . $attributes . '>';
+ *  // Produces: <cat id="socks" style="background-color:white">.
+ * @endcode
+ *
+ * @see \Drupal\Component\Attribute\Attribute
+ */
+class AttributeString extends AttributeValueBase {
+
+  /**
+   * Implements the magic __toString() method.
+   */
+  public function __toString() {
+    return Html::escape($this->value);
+  }
+
+}
diff --git a/core/lib/Drupal/Component/Attribute/AttributeValueBase.php b/core/lib/Drupal/Component/Attribute/AttributeValueBase.php
new file mode 100644
index 0000000..0b17627
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/AttributeValueBase.php
@@ -0,0 +1,75 @@
+<?php
+
+/**
+ * @file
+ * Contains \Drupal\Component\Attribute\AttributeValueBase.
+ */
+
+namespace Drupal\Component\Attribute;
+use Drupal\Component\Utility\Html;
+
+/**
+ * Defines the base class for an attribute type.
+ *
+ * @see \Drupal\Component\Attribute\Attribute
+ */
+abstract class AttributeValueBase {
+
+  /**
+   * Renders '$name=""' if $value is an empty string.
+   *
+   * @see \Drupal\Component\Attribute\AttributeValueBase::render()
+   */
+  const RENDER_EMPTY_ATTRIBUTE = TRUE;
+
+  /**
+   * The value itself.
+   *
+   * @var mixed
+   */
+  protected $value;
+
+  /**
+   * The name of the value.
+   *
+   * @var mixed
+   */
+  protected $name;
+
+  /**
+   * Constructs a \Drupal\Component\Attribute\AttributeValueBase object.
+   */
+  public function __construct($name, $value) {
+    $this->name = $name;
+    $this->value = $value;
+  }
+
+  /**
+   * Returns a string representation of the attribute.
+   *
+   * While __toString only returns the value in a string form, render()
+   * contains the name of the attribute as well.
+   *
+   * @return string
+   *   The string representation of the attribute.
+   */
+  public function render() {
+    $value = (string) $this;
+    if (isset($this->value) && static::RENDER_EMPTY_ATTRIBUTE || !empty($value)) {
+      return Html::escape($this->name) . '="' . $value . '"';
+    }
+  }
+
+  /**
+   * Returns the raw value.
+   */
+  public function value() {
+    return $this->value;
+  }
+
+  /**
+   * Implements the magic __toString() method.
+   */
+  public abstract function __toString();
+
+}
diff --git a/core/lib/Drupal/Component/Attribute/LICENSE.txt b/core/lib/Drupal/Component/Attribute/LICENSE.txt
new file mode 100644
index 0000000..94fb846
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/LICENSE.txt
@@ -0,0 +1,339 @@
+        GNU GENERAL PUBLIC LICENSE
+           Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+          Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+        GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+          NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+         END OF TERMS AND CONDITIONS
+
+      How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.
diff --git a/core/lib/Drupal/Component/Attribute/README.txt b/core/lib/Drupal/Component/Attribute/README.txt
new file mode 100644
index 0000000..8ab8ede
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/README.txt
@@ -0,0 +1,12 @@
+The Drupal Attribute Component
+
+Thanks for using this Drupal component.
+
+You can participate in its development on Drupal.org, through our issue system:
+https://www.drupal.org/project/issues/drupal
+
+You can get the full Drupal repo here:
+https://www.drupal.org/project/drupal/git-instructions
+
+You can browse the full Drupal repo here:
+http://cgit.drupalcode.org/drupal
diff --git a/core/lib/Drupal/Component/Attribute/TESTING.txt b/core/lib/Drupal/Component/Attribute/TESTING.txt
new file mode 100644
index 0000000..96650d5
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/TESTING.txt
@@ -0,0 +1,18 @@
+HOW-TO: Test this Drupal component
+
+In order to test this component, you'll need to get the entire Drupal repo and
+run the tests there.
+
+You'll find the tests under core/tests/Drupal/Tests/Component.
+
+You can get the full Drupal repo here:
+https://www.drupal.org/project/drupal/git-instructions
+
+You can find more information about running PHPUnit tests with Drupal here:
+https://www.drupal.org/node/2116263
+
+Each component in the Drupal\Component namespace has its own annotated test
+group. You can use this group to run only the tests for this component. Like
+this:
+
+$ ./vendor/bin/phpunit -c core --group Attribute
diff --git a/core/lib/Drupal/Component/Attribute/composer.json b/core/lib/Drupal/Component/Attribute/composer.json
new file mode 100644
index 0000000..37f594e
--- /dev/null
+++ b/core/lib/Drupal/Component/Attribute/composer.json
@@ -0,0 +1,17 @@
+{
+    "name": "drupal/core-attribute",
+    "description": "Collects, sanitizes, and renders HTML attributes.",
+    "keywords": ["drupal"],
+    "homepage": "https://www.drupal.org/project/drupal",
+    "license": "GPL-2.0+",
+    "require": {
+        "php": ">=5.5.9",
+        "drupal/core-render": "~8.2",
+        "drupal/core-utility": "~8.2"
+    },
+    "autoload": {
+        "psr-4": {
+            "Drupal\\Component\\Attribute\\": ""
+        }
+    }
+}
diff --git a/core/lib/Drupal/Core/Template/Attribute.php b/core/lib/Drupal/Core/Template/Attribute.php
index 945c5bc..f2b167b 100644
--- a/core/lib/Drupal/Core/Template/Attribute.php
+++ b/core/lib/Drupal/Core/Template/Attribute.php
@@ -2,344 +2,12 @@
 
 namespace Drupal\Core\Template;
 
-use Drupal\Component\Render\PlainTextOutput;
-use Drupal\Component\Render\MarkupInterface;
+use Drupal\Component\Attribute\Attribute as ComponentAttribute;
 
 /**
  * Collects, sanitizes, and renders HTML attributes.
  *
- * To use, optionally pass in an associative array of defined attributes, or
- * add attributes using array syntax. For example:
- * @code
- *  $attributes = new Attribute(array('id' => 'socks'));
- *  $attributes['class'] = array('black-cat', 'white-cat');
- *  $attributes['class'][] = 'black-white-cat';
- *  echo '<cat' . $attributes . '>';
- *  // Produces <cat id="socks" class="black-cat white-cat black-white-cat">
- * @endcode
- *
- * $attributes always prints out all the attributes. For example:
- * @code
- *  $attributes = new Attribute(array('id' => 'socks'));
- *  $attributes['class'] = array('black-cat', 'white-cat');
- *  $attributes['class'][] = 'black-white-cat';
- *  echo '<cat class="cat ' . $attributes['class'] . '"' . $attributes . '>';
- *  // Produces <cat class="cat black-cat white-cat black-white-cat" id="socks" class="cat black-cat white-cat black-white-cat">
- * @endcode
- *
- * When printing out individual attributes to customize them within a Twig
- * template, use the "without" filter to prevent attributes that have already
- * been printed from being printed again. For example:
- * @code
- *  <cat class="{{ attributes.class }} my-custom-class"{{ attributes|without('class') }}>
- *  {# Produces <cat class="cat black-cat white-cat black-white-cat my-custom-class" id="socks"> #}
- * @endcode
- *
- * The attribute keys and values are automatically escaped for output with
- * Html::escape(). No protocol filtering is applied, so when using user-entered
- * input as a value for an attribute that expects an URI (href, src, ...),
- * UrlHelper::stripDangerousProtocols() should be used to ensure dangerous
- * protocols (such as 'javascript:') are removed. For example:
- * @code
- *  $path = 'javascript:alert("xss");';
- *  $path = UrlHelper::stripDangerousProtocols($path);
- *  $attributes = new Attribute(array('href' => $path));
- *  echo '<a' . $attributes . '>';
- *  // Produces <a href="alert(&quot;xss&quot;);">
- * @endcode
- *
- * The attribute values are considered plain text and are treated as such. If a
- * safe HTML string is detected, it is converted to plain text with
- * PlainTextOutput::renderFromHtml() before being escaped. For example:
- * @code
- *   $value = t('Highlight the @tag tag', ['@tag' => '<em>']);
- *   $attributes = new Attribute(['value' => $value]);
- *   echo '<input' . $attributes . '>';
- *   // Produces <input value="Highlight the &lt;em&gt; tag">
- * @endcode
- *
- * @see \Drupal\Component\Utility\Html::escape()
- * @see \Drupal\Component\Render\PlainTextOutput::renderFromHtml()
- * @see \Drupal\Component\Utility\UrlHelper::stripDangerousProtocols()
+ * @deprecated in Drupal 8.2.0, will be removed before Drupal 9.0.0.
+ *   Use \Drupal\Component\Attribute\Attribute.
  */
-class Attribute implements \ArrayAccess, \IteratorAggregate, MarkupInterface {
-
-  /**
-   * Stores the attribute data.
-   *
-   * @var \Drupal\Core\Template\AttributeValueBase[]
-   */
-  protected $storage = array();
-
-  /**
-   * Constructs a \Drupal\Core\Template\Attribute object.
-   *
-   * @param array $attributes
-   *   An associative array of key-value pairs to be converted to attributes.
-   */
-  public function __construct($attributes = array()) {
-    foreach ($attributes as $name => $value) {
-      $this->offsetSet($name, $value);
-    }
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function offsetGet($name) {
-    if (isset($this->storage[$name])) {
-      return $this->storage[$name];
-    }
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function offsetSet($name, $value) {
-    $this->storage[$name] = $this->createAttributeValue($name, $value);
-  }
-
-  /**
-   * Creates the different types of attribute values.
-   *
-   * @param string $name
-   *   The attribute name.
-   * @param mixed $value
-   *   The attribute value.
-   *
-   * @return \Drupal\Core\Template\AttributeValueBase
-   *   An AttributeValueBase representation of the attribute's value.
-   */
-  protected function createAttributeValue($name, $value) {
-    // If the value is already an AttributeValueBase object,
-    // return a new instance of the same class, but with the new name.
-    if ($value instanceof AttributeValueBase) {
-      $class = get_class($value);
-      return new $class($name, $value->value());
-    }
-    // An array value or 'class' attribute name are forced to always be an
-    // AttributeArray value for consistency.
-    if ($name == 'class' && !is_array($value)) {
-      // Cast the value to string in case it implements MarkupInterface.
-      $value = [(string) $value];
-    }
-    if (is_array($value)) {
-      // Cast the value to an array if the value was passed in as a string.
-      // @todo Decide to fix all the broken instances of class as a string
-      // in core or cast them.
-      $value = new AttributeArray($name, $value);
-    }
-    elseif (is_bool($value)) {
-      $value = new AttributeBoolean($name, $value);
-    }
-    // As a development aid, we allow the value to be a safe string object.
-    elseif ($value instanceof MarkupInterface) {
-      // Attributes are not supposed to display HTML markup, so we just convert
-      // the value to plain text.
-      $value = PlainTextOutput::renderFromHtml($value);
-      $value = new AttributeString($name, $value);
-    }
-    elseif (!is_object($value)) {
-      $value = new AttributeString($name, $value);
-    }
-    return $value;
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function offsetUnset($name) {
-    unset($this->storage[$name]);
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function offsetExists($name) {
-    return isset($this->storage[$name]);
-  }
-
-  /**
-   * Adds classes or merges them on to array of existing CSS classes.
-   *
-   * @param string|array ...
-   *   CSS classes to add to the class attribute array.
-   *
-   * @return $this
-   */
-  public function addClass() {
-    $args = func_get_args();
-    if ($args) {
-      $classes = array();
-      foreach ($args as $arg) {
-        // Merge the values passed in from the classes array.
-        // The argument is cast to an array to support comma separated single
-        // values or one or more array arguments.
-        $classes = array_merge($classes, (array) $arg);
-      }
-
-      // Merge if there are values, just add them otherwise.
-      if (isset($this->storage['class']) && $this->storage['class'] instanceof AttributeArray) {
-        // Merge the values passed in from the class value array.
-        $classes = array_merge($this->storage['class']->value(), $classes);
-        $this->storage['class']->exchangeArray($classes);
-      }
-      else {
-        $this->offsetSet('class', $classes);
-      }
-    }
-
-    return $this;
-  }
-
-  /**
-   * Sets values for an attribute key.
-   *
-   * @param string $attribute
-   *   Name of the attribute.
-   * @param string|array $value
-   *   Value(s) to set for the given attribute key.
-   *
-   * @return $this
-   */
-  public function setAttribute($attribute, $value) {
-    $this->offsetSet($attribute, $value);
-
-    return $this;
-  }
-
-  /**
-   * Removes an attribute from an Attribute object.
-   *
-   * @param string|array ...
-   *   Attributes to remove from the attribute array.
-   *
-   * @return $this
-   */
-  public function removeAttribute() {
-    $args = func_get_args();
-    foreach ($args as $arg) {
-      // Support arrays or multiple arguments.
-      if (is_array($arg)) {
-        foreach ($arg as $value) {
-          unset($this->storage[$value]);
-        }
-      }
-      else {
-        unset($this->storage[$arg]);
-      }
-    }
-
-    return $this;
-  }
-
-  /**
-   * Removes argument values from array of existing CSS classes.
-   *
-   * @param string|array ...
-   *   CSS classes to remove from the class attribute array.
-   *
-   * @return $this
-   */
-  public function removeClass() {
-    // With no class attribute, there is no need to remove.
-    if (isset($this->storage['class']) && $this->storage['class'] instanceof AttributeArray) {
-      $args = func_get_args();
-      $classes = array();
-      foreach ($args as $arg) {
-        // Merge the values passed in from the classes array.
-        // The argument is cast to an array to support comma separated single
-        // values or one or more array arguments.
-        $classes = array_merge($classes, (array) $arg);
-      }
-
-      // Remove the values passed in from the value array. Use array_values() to
-      // ensure that the array index remains sequential.
-      $classes = array_values(array_diff($this->storage['class']->value(), $classes));
-      $this->storage['class']->exchangeArray($classes);
-    }
-    return $this;
-  }
-
-  /**
-   * Checks if the class array has the given CSS class.
-   *
-   * @param string $class
-   *   The CSS class to check for.
-   *
-   * @return bool
-   *   Returns TRUE if the class exists, or FALSE otherwise.
-   */
-  public function hasClass($class) {
-    if (isset($this->storage['class']) && $this->storage['class'] instanceof AttributeArray) {
-      return in_array($class, $this->storage['class']->value());
-    }
-    else {
-      return FALSE;
-    }
-  }
-
-  /**
-   * Implements the magic __toString() method.
-   */
-  public function __toString() {
-    $return = '';
-    /** @var \Drupal\Core\Template\AttributeValueBase $value */
-    foreach ($this->storage as $name => $value) {
-      $rendered = $value->render();
-      if ($rendered) {
-        $return .= ' ' . $rendered;
-      }
-    }
-    return $return;
-  }
-
-  /**
-   * Returns all storage elements as an array.
-   *
-   * @return array
-   *   An associative array of attributes.
-   */
-  public function toArray() {
-    $return = [];
-    foreach ($this->storage as $name => $value) {
-      $return[$name] = $value->value();
-    }
-
-    return $return;
-  }
-
-  /**
-   * Implements the magic __clone() method.
-   */
-  public function __clone() {
-    foreach ($this->storage as $name => $value) {
-      $this->storage[$name] = clone $value;
-    }
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function getIterator() {
-    return new \ArrayIterator($this->storage);
-  }
-
-  /**
-   * Returns the whole array.
-   */
-  public function storage() {
-    return $this->storage;
-  }
-
-  /**
-   * Returns a representation of the object for use in JSON serialization.
-   *
-   * @return string
-   *   The safe string content.
-   */
-  public function jsonSerialize() {
-    return (string) $this;
-  }
-
-}
+class Attribute extends ComponentAttribute {}
diff --git a/core/lib/Drupal/Core/Template/AttributeArray.php b/core/lib/Drupal/Core/Template/AttributeArray.php
index ce7186e..68465d2 100644
--- a/core/lib/Drupal/Core/Template/AttributeArray.php
+++ b/core/lib/Drupal/Core/Template/AttributeArray.php
@@ -2,100 +2,12 @@
 
 namespace Drupal\Core\Template;
 
-use Drupal\Component\Utility\Html;
+use Drupal\Component\Attribute\AttributeArray as ComponentAttributeArray;
 
 /**
  * A class that defines a type of Attribute that can be added to as an array.
  *
- * To use with Attribute, the array must be specified.
- * Correct:
- * @code
- *  $attributes = new Attribute();
- *  $attributes['class'] = array();
- *  $attributes['class'][] = 'cat';
- * @endcode
- * Incorrect:
- * @code
- *  $attributes = new Attribute();
- *  $attributes['class'][] = 'cat';
- * @endcode
- *
- * @see \Drupal\Core\Template\Attribute
+ * @deprecated in Drupal 8.2.0, will be removed before Drupal 9.0.0.
+ *   Use \Drupal\Component\Attribute\AttributeArray.
  */
-class AttributeArray extends AttributeValueBase implements \ArrayAccess, \IteratorAggregate {
-
-  /**
-   * Ensures empty array as a result of array_filter will not print '$name=""'.
-   *
-   * @see \Drupal\Core\Template\AttributeArray::__toString()
-   * @see \Drupal\Core\Template\AttributeValueBase::render()
-   */
-  const RENDER_EMPTY_ATTRIBUTE = FALSE;
-
-  /**
-   * {@inheritdoc}
-   */
-  public function offsetGet($offset) {
-    return $this->value[$offset];
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function offsetSet($offset, $value) {
-    if (isset($offset)) {
-      $this->value[$offset] = $value;
-    }
-    else {
-      $this->value[] = $value;
-    }
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function offsetUnset($offset) {
-    unset($this->value[$offset]);
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function offsetExists($offset) {
-    return isset($this->value[$offset]);
-  }
-
-  /**
-   * Implements the magic __toString() method.
-   */
-  public function __toString() {
-    // Filter out any empty values before printing.
-    $this->value = array_unique(array_filter($this->value));
-    return Html::escape(implode(' ', $this->value));
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function getIterator() {
-    return new \ArrayIterator($this->value);
-  }
-
-  /**
-   * Exchange the array for another one.
-   *
-   * @see ArrayObject::exchangeArray
-   *
-   * @param array $input
-   *   The array input to replace the internal value.
-   *
-   * @return array
-   *   The old array value.
-   */
-  public function exchangeArray($input) {
-    $old = $this->value;
-    $this->value = $input;
-    return $old;
-  }
-
-}
+class AttributeArray extends ComponentAttributeArray {}
diff --git a/core/lib/Drupal/Core/Template/AttributeBoolean.php b/core/lib/Drupal/Core/Template/AttributeBoolean.php
index cc94820..f20aae0 100644
--- a/core/lib/Drupal/Core/Template/AttributeBoolean.php
+++ b/core/lib/Drupal/Core/Template/AttributeBoolean.php
@@ -2,42 +2,12 @@
 
 namespace Drupal\Core\Template;
 
-use Drupal\Component\Utility\Html;
+use Drupal\Component\Attribute\AttributeBoolean as ComponentAttributeBoolean;
 
 /**
  * A class that defines a type of boolean HTML attribute.
  *
- * Boolean HTML attributes are not attributes with values of TRUE/FALSE.
- * They are attributes that if they exist in the tag, they are TRUE.
- * Examples include selected, disabled, checked, readonly.
- *
- * To set a boolean attribute on the Attribute class, set it to TRUE.
- * @code
- *  $attributes = new Attribute();
- *  $attributes['disabled'] = TRUE;
- *  echo '<select' . $attributes . '/>';
- *  // produces <select disabled>;
- *  $attributes['disabled'] = FALSE;
- *  echo '<select' . $attributes . '/>';
- *  // produces <select>;
- * @endcode
- *
- * @see \Drupal\Core\Template\Attribute
+ * @deprecated in Drupal 8.2.0, will be removed before Drupal 9.0.0.
+ *   Use \Drupal\Component\Attribute\AttributeBoolean.
  */
-class AttributeBoolean extends AttributeValueBase {
-
-  /**
-   * {@inheritdoc}
-   */
-  public function render() {
-    return $this->__toString();
-  }
-
-  /**
-   * Implements the magic __toString() method.
-   */
-  public function __toString() {
-    return $this->value === FALSE ? '' : Html::escape($this->name);
-  }
-
-}
+class AttributeBoolean extends ComponentAttributeBoolean {}
diff --git a/core/lib/Drupal/Core/Template/AttributeString.php b/core/lib/Drupal/Core/Template/AttributeString.php
index d4416bb..e2a34f2 100644
--- a/core/lib/Drupal/Core/Template/AttributeString.php
+++ b/core/lib/Drupal/Core/Template/AttributeString.php
@@ -2,30 +2,12 @@
 
 namespace Drupal\Core\Template;
 
-use Drupal\Component\Utility\Html;
+use Drupal\Component\Attribute\AttributeString as ComponentAttributeString;
 
 /**
  * A class that represents most standard HTML attributes.
  *
- * To use with the Attribute class, set the key to be the attribute name
- * and the value the attribute value.
- * @code
- *  $attributes = new Attribute(array());
- *  $attributes['id'] = 'socks';
- *  $attributes['style'] = 'background-color:white';
- *  echo '<cat ' . $attributes . '>';
- *  // Produces: <cat id="socks" style="background-color:white">.
- * @endcode
- *
- * @see \Drupal\Core\Template\Attribute
+ * @deprecated in Drupal 8.2.0, will be removed before Drupal 9.0.0.
+ *   Use \Drupal\Component\Attribute\AttributeString.
  */
-class AttributeString extends AttributeValueBase {
-
-  /**
-   * Implements the magic __toString() method.
-   */
-  public function __toString() {
-    return Html::escape($this->value);
-  }
-
-}
+class AttributeString extends ComponentAttributeString {}
diff --git a/core/lib/Drupal/Core/Template/AttributeValueBase.php b/core/lib/Drupal/Core/Template/AttributeValueBase.php
index a0280e6..890a328 100644
--- a/core/lib/Drupal/Core/Template/AttributeValueBase.php
+++ b/core/lib/Drupal/Core/Template/AttributeValueBase.php
@@ -1,70 +1,13 @@
 <?php
 
 namespace Drupal\Core\Template;
-use Drupal\Component\Utility\Html;
+
+use Drupal\Component\Attribute\AttributeValueBase as ComponentAttributeValueBase;
 
 /**
  * Defines the base class for an attribute type.
  *
- * @see \Drupal\Core\Template\Attribute
+ * @deprecated in Drupal 8.2.0, will be removed before Drupal 9.0.0.
+ *   Use \Drupal\Component\Attribute\AttributeValueBase.
  */
-abstract class AttributeValueBase {
-
-  /**
-   * Renders '$name=""' if $value is an empty string.
-   *
-   * @see \Drupal\Core\Template\AttributeValueBase::render()
-   */
-  const RENDER_EMPTY_ATTRIBUTE = TRUE;
-
-  /**
-   * The value itself.
-   *
-   * @var mixed
-   */
-  protected $value;
-
-  /**
-   * The name of the value.
-   *
-   * @var mixed
-   */
-  protected $name;
-
-  /**
-   * Constructs a \Drupal\Core\Template\AttributeValueBase object.
-   */
-  public function __construct($name, $value) {
-    $this->name = $name;
-    $this->value = $value;
-  }
-
-  /**
-   * Returns a string representation of the attribute.
-   *
-   * While __toString only returns the value in a string form, render()
-   * contains the name of the attribute as well.
-   *
-   * @return string
-   *   The string representation of the attribute.
-   */
-  public function render() {
-    $value = (string) $this;
-    if (isset($this->value) && static::RENDER_EMPTY_ATTRIBUTE || !empty($value)) {
-      return Html::escape($this->name) . '="' . $value . '"';
-    }
-  }
-
-  /**
-   * Returns the raw value.
-   */
-  public function value() {
-    return $this->value;
-  }
-
-  /**
-   * Implements the magic __toString() method.
-   */
-  abstract function __toString();
-
-}
+abstract class AttributeValueBase extends ComponentAttributeValueBase {}
diff --git a/core/tests/Drupal/Tests/Core/Template/AttributeTest.php b/core/tests/Drupal/Tests/Component/Attribute/AttributeTest.php
similarity index 86%
rename from core/tests/Drupal/Tests/Core/Template/AttributeTest.php
rename to core/tests/Drupal/Tests/Component/Attribute/AttributeTest.php
index 09ec989..16d47a2 100644
--- a/core/tests/Drupal/Tests/Core/Template/AttributeTest.php
+++ b/core/tests/Drupal/Tests/Component/Attribute/AttributeTest.php
@@ -1,18 +1,23 @@
 <?php
 
-namespace Drupal\Tests\Core\Template;
+/**
+ * @file
+ * Contains \Drupal\Tests\Component\Attribute\AttributeTest.
+ */
 
+namespace Drupal\Tests\Component\Attribute;
+
+use Drupal\Component\Attribute\Attribute;
+use Drupal\Component\Attribute\AttributeArray;
+use Drupal\Component\Attribute\AttributeString;
+use Drupal\Component\Render\MarkupInterface;
+use Drupal\Component\Render\MarkupTrait;
 use Drupal\Component\Utility\Html;
-use Drupal\Core\Render\Markup;
-use Drupal\Core\Template\Attribute;
-use Drupal\Core\Template\AttributeArray;
-use Drupal\Core\Template\AttributeString;
 use Drupal\Tests\UnitTestCase;
-use Drupal\Component\Render\MarkupInterface;
 
 /**
- * @coversDefaultClass \Drupal\Core\Template\Attribute
- * @group Template
+ * @coversDefaultClass \Drupal\Component\Attribute\Attribute
+ * @group Attribute
  */
 class AttributeTest extends UnitTestCase {
 
@@ -74,6 +79,7 @@ public function testRemove() {
 
   /**
    * Tests setting attributes.
+   *
    * @covers ::setAttribute
    */
   public function testSetAttribute() {
@@ -102,6 +108,7 @@ public function testSetAttribute() {
 
   /**
    * Tests removing attributes.
+   *
    * @covers ::removeAttribute
    */
   public function testRemoveAttribute() {
@@ -141,6 +148,7 @@ public function testRemoveAttribute() {
 
   /**
    * Tests adding class attributes with the AttributeArray helper method.
+   *
    * @covers ::addClass
    */
   public function testAddClasses() {
@@ -184,20 +192,30 @@ public function testAddClasses() {
 
     // Add an array of classes.
     $attribute->addClass(array('red', 'green', 'blue'));
-    $this->assertArrayEquals(array('banana', 'aa', 'xx', 'yy', 'red', 'green', 'blue'), $attribute['class']->value());
+    $this->assertArrayEquals(
+      array('banana', 'aa', 'xx', 'yy', 'red', 'green', 'blue'),
+      $attribute['class']->value()
+    );
 
     // Add an array of duplicate classes.
-    $attribute->addClass(array('red', 'green', 'blue'), array('aa', 'aa', 'banana'), 'yy');
+    $attribute->addClass(
+      array('red', 'green', 'blue'),
+      array('aa', 'aa', 'banana'),
+      'yy'
+    );
     $this->assertEquals('banana aa xx yy red green blue', (string) $attribute['class']);
   }
 
   /**
    * Tests removing class attributes with the AttributeArray helper method.
+   *
    * @covers ::removeClass
    */
   public function testRemoveClasses() {
     // Add duplicate class to ensure that both duplicates are removed.
-    $classes = array('example-class', 'aa', 'xx', 'yy', 'red', 'green', 'blue', 'red');
+    $classes = array(
+      'example-class', 'aa', 'xx', 'yy', 'red', 'green', 'blue', 'red',
+    );
     $attribute = new Attribute(array('class' => $classes));
 
     // Remove one class.
@@ -224,6 +242,7 @@ public function testRemoveClasses() {
 
   /**
    * Tests checking for class names with the Attribute method.
+   *
    * @covers ::hasClass
    */
   public function testHasClass() {
@@ -239,6 +258,7 @@ public function testHasClass() {
 
   /**
    * Tests removing class attributes with the Attribute helper methods.
+   *
    * @covers ::removeClass
    * @covers ::addClass
    */
@@ -251,12 +271,15 @@ public function testChainAddRemoveClasses() {
       ->removeClass(array('red', 'green', 'pink'))
       ->addClass(array('apple', 'lime', 'grapefruit'))
       ->addClass(array('banana'));
-    $expected = array('example-class', 'blue', 'apple', 'lime', 'grapefruit', 'banana');
+    $expected = array(
+      'example-class', 'blue', 'apple', 'lime', 'grapefruit', 'banana',
+    );
     $this->assertArrayEquals($expected, $attribute['class']->value(), 'Attributes chained');
   }
 
   /**
    * Tests the twig calls to the Attribute.
+   *
    * @dataProvider providerTestAttributeClassHelpers
    *
    * @covers ::removeClass
@@ -271,7 +294,7 @@ public function testTwigAddRemoveClasses($template, $expected, $seed_attributes
   }
 
   /**
-   * Provides tests data for testEscaping
+   * Provides tests data for testEscaping.
    *
    * @return array
    *   An array of test data each containing of a twig template string,
@@ -337,35 +360,48 @@ public function testIterate() {
    * Tests printing of an attribute.
    */
   public function testPrint() {
-    $attribute = new Attribute(array('class' => array('example-class'), 'id' => 'example-id', 'enabled' => TRUE));
+    $attribute = new Attribute(array(
+      'class' => array('example-class'),
+      'id' => 'example-id',
+      'enabled' => TRUE,
+    ));
 
     $content = $this->randomMachineName();
     $html = '<div' . (string) $attribute . '>' . $content . '</div>';
     $this->assertClass('example-class', $html);
     $this->assertNoClass('example-class2', $html);
 
-    $this->assertID('example-id', $html);
-    $this->assertNoID('example-id2', $html);
+    $this->assertId('example-id', $html);
+    $this->assertNoId('example-id2', $html);
 
     $this->assertTrue(strpos($html, 'enabled') !== FALSE);
   }
 
   /**
+   * Tests attribute values.
+   *
    * @covers ::createAttributeValue
+   *
    * @dataProvider providerTestAttributeValues
    */
   public function testAttributeValues(array $attributes, $expected) {
     $this->assertEquals($expected, (new Attribute($attributes))->__toString());
   }
 
+  /**
+   * Provides test data for testAttributeValues.
+   *
+   * @return array
+   *   An array of test data.
+   */
   public function providerTestAttributeValues() {
     $data = [];
 
     $string = '"> <script>alert(123)</script>"';
-    $data['safe-object-xss1'] = [['title' => Markup::create($string)], ' title="&quot;&gt; alert(123)&quot;"'];
+    $data['safe-object-xss1'] = [['title' => TestMarkup::create($string)], ' title="&quot;&gt; alert(123)&quot;"'];
     $data['non-safe-object-xss1'] = [['title' => $string], ' title="' . Html::escape($string) . '"'];
     $string = '&quot;><script>alert(123)</script>';
-    $data['safe-object-xss2'] = [['title' => Markup::create($string)], ' title="&quot;&gt;alert(123)"'];
+    $data['safe-object-xss2'] = [['title' => TestMarkup::create($string)], ' title="&quot;&gt;alert(123)"'];
     $data['non-safe-object-xss2'] = [['title' => $string], ' title="' . Html::escape($string) . '"'];
 
     return $data;
@@ -381,7 +417,7 @@ public function providerTestAttributeValues() {
    */
   protected function assertClass($class, $html) {
     $xpath = "//*[@class='$class']";
-    self::assertTrue((bool) $this->getXPathResultCount($xpath, $html));
+    self::assertTrue((bool) $this->getXpathResultCount($xpath, $html));
   }
 
   /**
@@ -394,7 +430,7 @@ protected function assertClass($class, $html) {
    */
   protected function assertNoClass($class, $html) {
     $xpath = "//*[@class='$class']";
-    self::assertFalse((bool) $this->getXPathResultCount($xpath, $html));
+    self::assertFalse((bool) $this->getXpathResultCount($xpath, $html));
   }
 
   /**
@@ -405,9 +441,9 @@ protected function assertNoClass($class, $html) {
    * @param string $html
    *   The HTML snippet to check.
    */
-  protected function assertID($id, $html) {
+  protected function assertId($id, $html) {
     $xpath = "//*[@id='$id']";
-    self::assertTrue((bool) $this->getXPathResultCount($xpath, $html));
+    self::assertTrue((bool) $this->getXpathResultCount($xpath, $html));
   }
 
   /**
@@ -418,9 +454,9 @@ protected function assertID($id, $html) {
    * @param string $html
    *   The HTML snippet to check.
    */
-  protected function assertNoID($id, $html) {
+  protected function assertNoId($id, $html) {
     $xpath = "//*[@id='$id']";
-    self::assertFalse((bool) $this->getXPathResultCount($xpath, $html));
+    self::assertFalse((bool) $this->getXpathResultCount($xpath, $html));
   }
 
   /**
@@ -434,7 +470,7 @@ protected function assertNoID($id, $html) {
    * @return int
    *   The number of results that are found.
    */
-  protected function getXPathResultCount($query, $html) {
+  protected function getXpathResultCount($query, $html) {
     $document = new \DOMDocument();
     $document->loadHTML($html);
     $xpath = new \DOMXPath($document);
@@ -452,3 +488,11 @@ public function testStorage() {
   }
 
 }
+
+/**
+ * Implementation of MarkupInterface to use in tests.
+ */
+class TestMarkup implements MarkupInterface, \Countable {
+  use MarkupTrait;
+
+}