HUB UI Example

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

Mewtwo

With shiny flag

Mewtwo

With typing

Mewtwo NormalGhost

With typing and label

Mewtwo My Fav Pokémon NormalGhost

Types

You can render a colored Type badge by writing [TYPE NAME] in the article content.

Weather

You can render weather badge on demand (there are multiple ways to render the same thing):

Tables

hub-table

You can make responsive, horizontally scrollable tables by wrapping them in hub-table shortcode:

Mewtwo	Mewtwo	Mewtwo	Mewtwo	Mewtwo	Mewtwo
Mewtwo	Mewtwo	Mewtwo	Mewtwo	Mewtwo	Mewtwo

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

Three columns

GO Icon

use this as 

go-icon name="Name from the table"

Regular contrast test

Regular test, not using any colored section nonsense:

10km Egg
12km Egg
2km Egg
5km Egg
7km Egg
Attack
Badge (Level 0)
Badge (Level 1)
Badge (Level 2)
Badge (Level 3)
Battle Friend
Battle Pass
Battle
Buddy
Camera
Candy XL
Candy
Charge TM
Charged TM
Coin
Daily Incense
Dragon Scale
Dynamax
Egg
Elite Charge TM
Elite Charged TM
Elite Fast TM
Elite Raid Egg
Event
Evolve
EX Raid
Fast TM
Fragment
Free Incubator
General
Gift
Gigantamax
Giovanni Radar
Glacial Lure
Golden Razz Berry
Great Ball
Great League
Hyper Potion
Incense
Incubator (Unlimited)
Incubator
Item Storage Upgrade
Item Storage
King’s Rock
Leader Radar
Location
Lucky Egg
Lunar Fusion Energy
Lure
Magnetic Lure
Master Ball
Master League
Max Particle
Max Potion
Max Revive
Max Stop
Mega Candy
Mega Legendary Raid Egg
Mega Raid Egg
Mega Raid
Metal Coat
Meteorite
Mossy Lure
Mystery Box
Nanab Berry
Photobomb
Pinap Berry
Poffin
Poke Ball
Poke Stop
PokeBall
Pokemon Encounter
Pokestop
Poké Ball
Poké Stop
PokéBall
Pokémon Storage Upgrade
Pokémon Storage
Postcards
Potion
Power Stop
Premier Ball
Premier League
Premium Battle Pass
Primal Alpha Energy
Primal Groudon Energy
Primal Kyogre Energy
Primal Omega Energy
Primal Raid Egg
Primal Raid
Professor Willow
Purified Gem
Raid Egg (1-Star)
Raid Egg (3-Star)
Raid Egg (5-Star)
Raid Pass
Raid
Rainy Lure
Rare Candy XL
Rare Candy
Rare XL Candy
Razz Berry
Remote Raid Pass
Research Box
Research
Revive
Rocket Radar
Safari Ball
Shadow Fragment
Shadow Raid
Shiny
Shop
Silver Pinap Berry
Sinnoh Stone
Solar Fusion Energy
Star Piece
Stardust
Sun Stone
Super Incubator
Super Potion
Super Rocket Radar
Team Change Medallion
Team Rocket
Ticket (Black)
Ticket (Blue)
Ticket (Gray)
Ticket (Green)
Ticket (Olive)
Ticket (Pink)
Trade
TradeBall
Trading
Transfer
Ultra Ball
Ultra League
Unova Stone
Up-grade
Upgrade
Walk
Walking
XL Candy
XP
Zygarde Cell
Zygarde Cube
Battle Icon Color
Combat Button
Combat Rank 00
Combat Rank 01
Combat Rank 02
Combat Rank 03
GBL Little Cup
GBL Little Cup Remix
GBL Retro Cup
Global League Pennant
Icon Blanche
Icon Blanche V2
Icon Candela
Icon Candela V2
Icon Spark
Icon Spark V2
Mono Cup
Shield Button
Catch 2022 Icon High
Catch Cup
Color Cup Icon
Combat Blanche Icon
Combat Candela Icon
Combat Rank 0
Combat Rank 1
Combat Rank 2
Combat Rank 3
Combat Spark Icon
Electric Cup
Element Cup Remix Icon
Element Cup
Fantasy Cup Icon
Fight 2022 Icon
Fight 2022 Remix Icon
Flying Cup
Fossil GBL Cup
GBL Evolution Cup
GO Fest Catch 2022 Icon
GO Tour Logo
Halloween Cup
Hisui Icon
Hoenn Cup Icon
Holiday League Icon
Great League
Master League
Ultra League
Weather Cup Icon
Willpower Cup Icon
Egg Incubator Timed
Gimmighoul coin
Beast Ball
Best Buddy Ribbon
Buddy Gift
Rocket Takeover
Party Raid
Mega Evolution
Adventure Box
Bronze Box
Bronze Box (New)
Dia de Muertos Box
Free Box
Community Day Box
Appraisal Star
Halloween Box
Syrupy Apple
Pass Point
Lucky Eggs
Poké Balls
Pokémon HOME Transporter
Egg Incubators
Pokémon HOME Logo
Coin Bag
Stamp Generic
Stamper Base
Stamper Icon
Safari Balls
Link Holder
Link Charge
Link Charges Bundle
Link Charges Bundle (Large)
Link Charges and Remote Pass Bundle
Link Charges and Remote Pass Bundle (Large)

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 Camera

Items

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
Egg Incubator Timed	1× Egg Incubator Timed
Gimmighoul coin	1× Gimmighoul coin
Beast Ball	1× Beast Ball
Best Buddy Ribbon	1× Best Buddy Ribbon
Buddy Gift	1× Buddy Gift
Rocket Takeover	1× Rocket Takeover
Party Raid	1× Party Raid
Mega Evolution	1× Mega Evolution
Adventure Box	1× Adventure Box
Bronze Box	1× Bronze Box
Bronze Box (New)	1× Bronze Box (New)
Dia de Muertos Box	1× Dia de Muertos Box
Free Box	1× Free Box
Community Day Box	1× Community Day Box
Appraisal Star	1× Appraisal Star
Halloween Box	1× Halloween Box
Syrupy Apple	1× Syrupy Apple
Pass Point	1× Pass Point
Lucky Eggs	1× Lucky Eggs
Poké Balls	1× Poké Balls
Pokémon HOME Transporter	1× Pokémon HOME Transporter
Egg Incubators	1× Egg Incubators
Pokémon HOME Logo	1× Pokémon HOME Logo
Coin Bag	1× Coin Bag
Stamp Generic	1× Stamp Generic
Stamper Base	1× Stamper Base
Stamper Icon	1× Stamper Icon
Safari Balls	1× Safari Balls
Link Holder	1× Link Holder
Link Charge	1× Link Charge
Link Charges Bundle	1× Link Charges Bundle
Link Charges Bundle (Large)	1× Link Charges Bundle (Large)
Link Charges and Remote Pass Bundle	1× Link Charges and Remote Pass Bundle
Link Charges and Remote Pass Bundle (Large)	1× Link Charges and Remote Pass Bundle (Large)

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
Heart
Legendary
Max Particles
Mighty
Postcard
Power Up
Sticker
Timer
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