Hello and welcome to GO Hub’s UI sample sheet. You will find examples of shortcodes (things with [ and ]) that you can use to render different UI elements in your articles.
Pokémon link
Note: if you use the expanded form (the one ending with [/pokemon-link]), then all opening tags need to be closed with it as well.
Normal
MewtwoWith shiny flag
MewtwoWith typing
Mewtwo NormalGhostWith typing and label
Mewtwo My Fav Pokémon NormalGhostTypes
You can render a colored Type badge by writing [TYPE NAME] in the article content.
Normal Fire …Weather
You can render weather badge on demand (there are multiple ways to render the same thing):
Sunny | Sunny |
Sunny | Rainy |
Rainy | Cloudy |
Partly Cloudy | Partly Cloudy |
Windy | Windy |
Snow | Snow |
Fog | Fog |
Tables
hub-table
You can make responsive, horizontally scrollable tables by wrapping them in hub-table shortcode:
Pokémon list
hub-pokemon-list will arrange your Pokémon in a 3-per-row list of Pokémon
Colored sections
hub-colored-section is used to create a section with background color. You can define two different propreties: background color (using HTML codes for colors) and font color (same HTML codes). You can use any valid HTML color, including pretty names (yellow, white, green, etc…)
Different UI elements will try to render themselves as best as they can inside colored sections.
Content grid
If the hub-pokemon-list doesn’t serve your need, you can use hub-content-grid. This shortcode will render its hub-content-grid-item in a column grid, and you can define if you want 2, 3 or 4 columns.
It is often combined with hub-colored-section to create an interesting effect.
Two columns
Nov 29 – Dec 13
- Great League
- Great League Remix
Dec 13 – Dec 27
- Ultra League
- Ultra League Remix
- Holiday Cup (begins Dec 16)
Dec 27 – Jan 10
- Master League*
- Master League Classic*
- Holiday Cup (ends Dec 31)*
Three columns
Nov 29 – Dec 13
- Great League
- Great League Remix
Dec 13 – Dec 27
- Ultra League
- Ultra League Remix
- Holiday Cup (begins Dec 16)
Dec 27 – Jan 10
- Master League*
- Master League Classic*
- Holiday Cup (ends Dec 31)*
Poke-item
poke-item can be used to render an item icon. It supports custom amount, multiplier and modifier text. Here are the supported items and usage examples:
Examples
1× Camera 1× special Camera 30× Pokémon Snap Camera 30 pieces of Prof. Willow's CameraItems
Camera | 1× Camera |
Meltan Box | 1× Meltan Box |
Coin | 1× Coin |
Incense | 1× Incense |
Daily Incense | 1× Daily Incense |
Poffin | 1× Poffin |
Lucky Egg | 1× Lucky Egg |
EXP | 1× EXP |
XP | 1× XP |
Experience | 1× Experience |
Stardust | 1× Stardust |
Star Piece | 1× Star Piece |
Mega Energy | 1× Mega Energy |
Charge TM | 1× Charge TM |
Elite Charge TM | 1× Elite Charge TM |
Fast TM | 1× Fast TM |
Elite Fast TM | 1× Elite Fast TM |
Daily Free Pass | 1× Daily Free Pass |
Remote Raid Pass | 1× Remote Raid Pass |
Premium Raid Pass | 1× Premium Raid Pass |
Raid Pass | 1× Raid Pass |
EX Raid Pass | 1× EX Raid Pass |
Super Rocket Radar | 1× Super Rocket Radar |
Rocket Radar | 1× Rocket Radar |
Lure | 1× Lure |
Glacial Lure | 1× Glacial Lure |
Mossy Lure | 1× Mossy Lure |
Magnetic Lure | 1× Magnetic Lure |
Rainy Lure | 1× Rainy Lure |
Razz Berry | 1× Razz Berry |
Golden Razz Berry | 1× Golden Razz Berry |
Nanab Berry | 1× Nanab Berry |
Pinap Berry | 1× Pinap Berry |
Silver Pinap Berry | 1× Silver Pinap Berry |
Poké Ball | 1× Poké Ball |
PokéBall | 1× PokéBall |
Poke Ball | 1× Poke Ball |
PokeBall | 1× PokeBall |
Premier Ball | 1× Premier Ball |
Great Ball | 1× Great Ball |
Ultra Ball | 1× Ultra Ball |
Master Ball | 1× Master Ball |
Potion | 1× Potion |
Super Potion | 1× Super Potion |
Hyper Potion | 1× Hyper Potion |
Max Potion | 1× Max Potion |
Revive | 1× Revive |
Max Revive | 1× Max Revive |
Dragon Scale | 1× Dragon Scale |
Metal Coat | 1× Metal Coat |
Sun Stone | 1× Sun Stone |
Unova Stone | 1× Unova Stone |
Sinnoh Stone | 1× Sinnoh Stone |
King’s Rock | 1× King's Rock |
Upgrade | 1× Upgrade |
Candy | 1× Candy |
Rare Candy | 1× Rare Candy |
Rare XL Candy | 1× Rare XL Candy |
Mega Candy | 1× Mega Candy |
Incubator | 1× Incubator |
Free Incubator | 1× Free Incubator |
Super Incubator | 1× Super Incubator |
Egg 2 km | 1× Egg 2 km |
Egg 5 km | 1× Egg 5 km |
Egg 7 km | 1× Egg 7 km |
Egg 10 km | 1× Egg 10 km |
Egg 12 km | 1× Egg 12 km |
Flat-icon
flat-icon can be used to render a flat icon for a particular bonus. These bonuses / items are supported:
Attack | |
Battle | |
Battle Friend | |
Buddy | |
Candy | |
Candy XL | |
Egg | |
Event | |
Evolve | |
General | |
Gift | |
Incense | |
Incubator | |
Location | |
Lucky Egg | |
Lure | |
Mystery Box | |
Photobomb | |
Pokemon Encounter | |
Pokestop | |
Raid | |
Raid Pass | |
Research | |
Shop | |
Stardust | |
StarPiece | |
Team Rocket | |
Trade | |
TradeBall | |
Transfer | |
Walking | |
XP |
Bonus Card
Usually, using flat-icon is not the best way to express a bonus, so here’s where bonus-card goes into play, as it allows users to add some text.
Attack |
Your text goes here
|
Battle |
Your text goes here
|
Battle Friend |
Your text goes here
|
Buddy |
Your text goes here
|
Candy |
Your text goes here
|
Candy XL |
Your text goes here
|
Egg |
Your text goes here
|
Event |
Your text goes here
|
Evolve |
Your text goes here
|
General |
Your text goes here
|
Gift |
Your text goes here
|
Incense |
Your text goes here
|
Incubator |
Your text goes here
|
Location |
Your text goes here
|
Lucky Egg |
Your text goes here
|
Lure |
Your text goes here
|
Mystery Box |
Your text goes here
|
Photobomb |
Your text goes here
|
Pokemon Encounter |
Your text goes here
|
Pokestop |
Your text goes here
|
Raid |
Your text goes here
|
Raid Pass |
Your text goes here
|
Research |
Your text goes here
|
Shop |
Your text goes here
|
Stardust |
Your text goes here
|
StarPiece |
Your text goes here
|
Team Rocket |
Your text goes here
|
Trade |
Your text goes here
|
TradeBall |
Your text goes here
|
Transfer |
Your text goes here
|
Walking |
Your text goes here
|
XP |
Your text goes here
|
Hub list
Stacking bonuses one on top of the other is a common UI need, so hub-list is the go-to way for that.
For Pokémon
For bonuses
- Your text goes here
- Your text goes here
- Your text goes here