So good, that we use them ourselves
Open Source DOM Components
Top quality, general purpose components. This is our gift back to the open source community. We hope you'll enjoy using these as much as we enjoyed creating them.
Corner Pocket
![](/img/components/corner-pocket/corner-pocket-500x250.jpg)
![](img/32x32/dom-components.png)
Website popup menu
Corner-pocket popup menu with default activation of the current page's menu item.
“Kanji” Designer Card
![](/img/components/kanji/kanji-500x250.jpg)
![](img/32x32/dom-components.png)
Discover and reveal text over image
Designer card with a horizontal title, a vertically transformed subtitle, and text revealed when the mouse is over the card's image.
The Lineup
![](/img/components/lineup/lineup-500x250.png)
![](img/32x32/dom-components.png)
All the usual suspects
A flexible pulldown menu using round icons as hyperlinks.
Nested Menu
![](/img/components/nested-menu/nested-menu-500x250.jpg)
![](img/32x32/dom-components.png)
Multi-column expandable dropdown
Navigation panel with items grouped into two levels.
Newton
![](/img/components/newton/newton-500x250.png)
![](img/32x32/dom-components.png)
Standing on the shoulders of giants
References to related documents, using standardized styling.
Reading Points
![](/img/components/reading-points/reading-points-500x250.jpg)
![](img/32x32/dom-components.png)
Reading time, percent, and points
Briefly display the experience points a visitor will gain when reading a document, then track the document percentage read, and the elapsed reading time.
Reading Summary
![](/img/components/reading-summary/reading-summary-500x250.jpg)
![](img/32x32/dom-components.png)
Display a visitor's reading history
A dialog summarizing the documents seen by the user, together with reading time, and experience points gained.
Shadowbox
![](/img/components/shadowbox/shadowbox-500x250.jpg)
![](img/32x32/dom-components.png)
A classy dialog box
Classic W3C web component for dialog boxes, with content either slotted from page elements or cloned from a declarative template.
Sitenav
![](/img/components/sitenav/sitenav-500x250.jpg)
![](img/32x32/dom-components.png)
Website pull-out navigation
Navigation menu with auto-scroll and default activation of the current page's menu item.
Xenotools
![](/img/components/xenotools/xenotools-500x250.png)
![](img/32x32/dom-components.png)