The ethereum/meteor-package-elements repository is a JavaScript package designed to accelerate decentralized application (dapp) development by providing a collection of pre-built Meteor templates and components. The package is installed via the Meteor package manager with the command meteor add ethereum:elements and is intended to be used alongside the Ðapp styles package to create cohesive user interfaces for Ethereum-based applications.
The repository exposes several foundational UI components that developers can integrate directly into their dapps. It bundles the ethereum:tools package, which provides the EthTools utility, and the frozeman:template-var package, which offers TemplateVar.set() and TemplateVar.get() functions for reactive state management. These exposed packages are available on the client side by default, though developers can manually add ethereum:tools to the server side if needed.
The Identicon component displays visual representations of Ethereum addresses and supports three size variants through CSS classes: dapp-tiny, dapp-small, and dapp-medium, with a default size of 64 pixels. The component can optionally link to a provided URL. The Address Input element creates a text field paired with a dynamically updating identicon that changes as users type, with support for a dapp-large class for increased size and properties like autofocus and disabled. Values from this input are only set when the content is valid and can be retrieved reactively using TemplateVar.
The Data Textarea component restricts input to hexadecimal data only and similarly supports the dapp-large sizing class along with autofocus and disabled properties. Like the Address Input, it only sets values when content is valid and integrates with TemplateVar for reactive value retrieval.
The Select Account component renders a dropdown for choosing from an array of accounts, each requiring specific properties. It works particularly well with the ethereum:accounts package, which provides account data via EthAccounts.find().fetch(). The component supports a dapp-large class for sizing and includes an optional showAccountTypes property that displays a key icon for accounts with the type property set to account.
The Gas Price Selection element enables users to adjust transaction fees by modifying the gas price relative to a gas estimation value. It accepts gas estimations from web3.eth.estimateGas() or contract method estimations and displays the current medium gas price. Users can adjust fees up and down by a factor of approximately 1.8. The component can retrieve the adjusted gasInWei or gasPrice reactively and supports localization through the tap:i18n package, using TAPi18n.__('elements.selectGasPrice.high') and TAPi18n.__('elements.selectGasPrice.low') for text replacement.
The Modal component provides a flexible dialog system that can render content with or without routing. It supports closeable and class properties, and can navigate to a path on close when kadira:flow-router or iron:router packages are installed. The Modal Question variant displays text with OK and Cancel buttons, accepting callback functions for button presses. It can display custom templates instead of plain text and supports localization through tap:i18n for button labels using TAPi18n.__('buttons.ok') and TAPi18n.__('buttons.cancel').
A live demonstration of all these components is available at http://ethereum-elements.meteor.com, allowing developers to preview functionality before integration. The package is classified within the Ethereum, Meteor, blockchain, dapp development, and Web3 integration domains, positioning it as a specialized tool for building user interfaces in the Ethereum ecosystem.
