HomeDocsComponentsBlocksChartsThemes
Introduction
  • Introduction
  • Installation
  • Themes
  • Artwork
  • llms.txt
Components
  • Accordion
  • Alert
  • Alert Dialog
  • Amount
  • Aspect Ratio
  • Audio Player
  • Avatar
  • Avatar Upload
  • Badge
  • Banner
  • Breadcrumb
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Code Block
  • Collapsible
  • Color Picker
  • Combobox
  • Command
  • Context Menu
  • Copy Button
  • Countdown
  • Data Grid
  • Data Table
  • Date Picker
  • Date Range Picker
  • Description List
  • Device Mockup
  • Dialog
  • Direction
  • Dot Loader
  • Drawer
  • Dropdown Menu
  • Empty
  • Field
  • File Upload
  • Hover Card
  • Icon Tile
  • Input
  • Input Group
  • Input OTP
  • Item
  • Kanban
  • Kbd
  • Label
  • Menubar
  • Meter
  • Multi Select
  • Native Select
  • Navigation Menu
  • Number Field
  • Pagination
  • Password Strength
  • Phone Input
  • Popover
  • Progress
  • Progress Circle
  • Radio Group
  • Rating
  • Resizable
  • Responsive Dialog
  • Rich Text Editor
  • Scroll Area
  • Segmented Control
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Signature
  • Skeleton
  • Slider
  • Sortable
  • Spinner
  • Stat
  • Stepper
  • Switch
  • Table
  • Tabs
  • Tag Input
  • Terminal
  • Textarea
  • Time Field
  • Timeline
  • Toast
  • Toggle
  • Toggle Group
  • Tooltip
  • Tree
  • Typography
  • Video Player
  • Window Mockup
AI
  • Message Scroller
  • Message
  • Bubble
  • Marker
  • Attachment
  • Questionnaire
  • Composer
  • Reasoning
  • Tool Call
  • Approval Card
  • Citations
Blocks
  • Airtable
  • Airtable Kanban
  • ClickUp List
  • ClickUp Kanban
  • Repeatable Group
  • Command Palette
  • Sign In and Sign Up
  • Availability Scheduler
  • AI Chat
  • Action Bar
  • Notion
  • Banking
  • Lineup Builder
  • Sports Score
  • Strava
  • Sheets
  • Notices
  • Settings
  • Billing
Templates
  • Sign In Page
  • Upload Page
  • Agreement Sign
Utilities
  • motion
  • sounds
  • scroll-fade
  • shimmer
Another UI. Built on shadcn/ui with Phosphor icons.

Artwork

PreviousNext

Where the paintings in the templates come from, and how people and agents can find more like them.

The templates use 28 paintings that anyone can copy, change and sell with no permission and no fee. They are grouped by colour, so you can pick a set that suits your brand: warm, autumn, pastel, green, blue, night, snow, earth and storm. A credit is not required, but the templates show one anyway.

The Red Rigi by J. M. W. Turner
The Red RigiJ. M. W. Turner, 1842. Warm, red-rigiCommons
Sydney Heads by Conrad Martens
Sydney HeadsConrad Martens, c. 1850. Warm, sydney-headsCommons
Twilight in the Wilderness by Frederic Edwin Church
Twilight in the WildernessFrederic Edwin Church, 1860. Warm, twilight-in-the-wildernessCleveland
The Golden Hour by Samuel Palmer
The Golden HourSamuel Palmer, 1865. Warm, the-golden-hourCleveland
Flüelen, from the Lake of Lucerne by J. M. W. Turner
Flüelen, from the Lake of LucerneJ. M. W. Turner, 1845. Warm, fluelen-lake-lucerneCleveland
Harbor of Boston, with the City in the Distance by Fitz Henry Lane
Harbor of Boston, with the City in the DistanceFitz Henry Lane, c. 1846–47. Warm, harbor-of-bostonCleveland
Sunny Autumn Day by George Inness
Sunny Autumn DayGeorge Inness, 1892. Autumn, sunny-autumn-dayCleveland
View of Schroon Mountain, Essex County, New York, After a Storm by Thomas Cole
View of Schroon Mountain, Essex County, New York, After a StormThomas Cole, 1838. Autumn, schroon-mountainCleveland
An October Day in the White Mountains by John Frederick Kensett
An October Day in the White MountainsJohn Frederick Kensett, 1854. Autumn, october-white-mountainsCleveland
The Umbrian Valley, Italy by Frederick Gottwald
The Umbrian Valley, ItalyFrederick Gottwald, 1914. Pastel, umbrian-valleyCleveland
Malaga Harbor by Lawrence Blazey
Malaga HarborLawrence Blazey, c. 1926. Pastel, malaga-harborCleveland
View of Lake Pepin, Minnesota by Robert S. Duncanson
View of Lake Pepin, MinnesotaRobert S. Duncanson, 1862. Pastel, lake-pepinCleveland
One of the falls on the Apsley by Conrad Martens
One of the falls on the ApsleyConrad Martens, 1873. Green, apsley-fallsCommons
Corn Fields by Félix Vallotton
Corn FieldsFélix Vallotton, 1900. Green, corn-fieldsCleveland
Panoramic View of the Alps, Les Dents du Midi by Gustave Courbet
Panoramic View of the Alps, Les Dents du MidiGustave Courbet, 1877. Green, dents-du-midiCleveland
Seascape with Open Sky by Eugène Boudin
Seascape with Open SkyEugène Boudin, 1860. Blue, seascape-open-skyCleveland
Boats at Berck-sur-Mer by Édouard Manet
Boats at Berck-sur-MerÉdouard Manet, 1873. Blue, boats-at-berck-sur-merCleveland
The Cliffs at Beg-ar-Fry, Saint-Jean-du-Doigt by Maxime Maufra
The Cliffs at Beg-ar-Fry, Saint-Jean-du-DoigtMaxime Maufra, 1895. Blue, cliffs-at-beg-ar-fryCleveland
The Rocky Seashore by Maurice Prendergast
The Rocky SeashoreMaurice Prendergast, c. 1907–10. Blue, the-rocky-seashoreCleveland
Point Judith, Rhode Island by Martin Johnson Heade
Point Judith, Rhode IslandMartin Johnson Heade, 1867–68. Night, point-judithCleveland
Manana Islands by Frank Wilcox
Manana IslandsFrank Wilcox, 1925. Night, manana-islandsCleveland
Maine Coast by Rockwell Kent
Maine CoastRockwell Kent, 1907. Snow, maine-coastCleveland
Snow Storm in Vermont by Mary Altha Nims
Snow Storm in VermontMary Altha Nims, 1800s. Snow, snow-storm-in-vermontCleveland
Bingemma Valley, Malta by Edward Lear
Bingemma Valley, MaltaEdward Lear, 1854. Earth, bingemma-valleyCommons
Descent into the Plain of Granada by David Roberts
Descent into the Plain of GranadaDavid Roberts, 1834. Earth, plain-of-granadaCleveland
A Caravan in the Desert by Narcisse Berchère
A Caravan in the DesertNarcisse Berchère, c. 1860s. Earth, caravan-in-the-desertCleveland
Fir Trees and Storm Clouds by Albert Bierstadt
Fir Trees and Storm CloudsAlbert Bierstadt, c. 1870. Storm, fir-trees-and-storm-cloudsCleveland
Early Morning After a Storm at Sea by Winslow Homer
Early Morning After a Storm at SeaWinslow Homer, 1900–1903. Storm, morning-after-a-stormCleveland

Using them#

Each painting is a WebP, 1920 pixels wide at most, served from anotherui.dev by its id:

https://anotherui.dev/art/{id}.webp
https://anotherui.dev/art/twilight-in-the-wilderness.webp

In code, the list lives in components/blocks/artwork.ts, which installs with the Sign In Page template:

import { artworkById, artworkByPalette } from "@/components/blocks/artwork"
 
artworkByPalette("blue") // every blue painting
artworkById("point-judith") // one painting
 
<AuthPage palette="night" />

To host the files yourself, download them into public/art/. The src values already point there.

For agents, the full list with ids, colour groups, titles, artists, years, licences and source links is at anotherui.dev/art/index.json:

curl -s https://anotherui.dev/art/index.json | jq '.artwork[] | select(.palette == "blue") | {id, title, url}'

Where they came from#

  • Wikimedia Commons. The four watercolours by Turner, Conrad Martens and Edward Lear are public domain scans hosted on Wikimedia Commons. Each file page there lists the licence, the date and the collection that holds the original.
  • Cleveland Museum of Art. The other 24 come from the museum's Open Access collection, released under CC0. The museum marks a work CC0 only when it has cleared it for any use.

On Commons, check the licence on each file page before you use an image. Search results mix public domain files with Creative Commons ones that need a credit or have other rules. Cleveland's cc0=1 filter, below, does that check for you.

Finding more with an API#

Every source below is free. Only one needs a key. Each was checked on 13 October 2026. Cleveland is the easiest place to start: one filter keeps only CC0 works and the images download directly.

Wikimedia Commons#

The MediaWiki API searches files and returns the licence with each one. No key is needed, but send a User-Agent that says who you are.

curl -s -A "my-app/1.0 (you@example.com)" \
  "https://commons.wikimedia.org/w/api.php?action=query&format=json&generator=search&gsrnamespace=6&gsrsearch=watercolour%20valley%20filetype:bitmap&gsrlimit=20&prop=imageinfo&iiprop=url|extmetadata&iiurlwidth=1920" \
  | jq '.query.pages[]
    | select(.imageinfo[0].extmetadata.LicenseShortName.value == "Public domain")
    | {title, image: .imageinfo[0].thumburl}'
  • Keep the select line. Without it you also get Creative Commons files.
  • Ask for standard widths like 500, 960, 1280 or 1920. Other widths can return an error.

Cleveland Museum of Art#

No key. cc0=1 returns only works with no restrictions, and the image links download directly.

curl -s "https://openaccess-api.clevelandart.org/api/artworks/?q=watercolor%20landscape&cc0=1&has_image=1&limit=20" \
  | jq '.data[] | {title, creator: .creators[0].description, image: .images.web.url}'

Art Institute of Chicago#

No key. Filter with is_public_domain, then build the image link from image_id.

curl -gs -A "my-app/1.0" \
  "https://api.artic.edu/api/v1/artworks/search?q=watercolor%20landscape&query[term][is_public_domain]=true&fields=id,title,artist_title,image_id&limit=20" \
  | jq '.data[] | {title, artist: .artist_title, image: "https://www.artic.edu/iiif/2/\(.image_id)/full/843,/0/default.jpg"}'

The search works from a script. The image server showed a bot check to scripts when we tried, so open those links in a browser.

Openverse#

No key for light use. It searches many collections at once, Flickr and museums included. license=pdm,cc0 keeps only public domain and CC0 results.

curl -s "https://api.openverse.org/v1/images/?q=watercolor%20landscape&license=pdm,cc0&page_size=20" \
  | jq '.results[] | {title, creator, license, url}'

Others#

  • The Met. Single objects load from https://collectionapi.metmuseum.org/public/collection/v1/objects/{id} and include isPublicDomain and the image links. Its search endpoint returned an error when we tried it.
  • Smithsonian Open Access. https://api.si.edu/openaccess/api/v1.0/search needs a free key from api.data.gov. DEMO_KEY works for testing.
  • Rijksmuseum. https://data.rijksmuseum.nl/search/collection needs no key and returns Linked Art JSON.

MCP servers for agents#

These let an agent search for art without writing the requests above. They are community projects, not run by the museums or Wikimedia. The versions are the latest on npm on 13 October 2026.

wikimedia-image-search-mcp   1.0.2   Wikimedia Commons, with a filter for public domain and CC0
metmuseum-mcp                1.0.0   The Met's collection and Open Access images
mcp-openverse                0.1.1   Openverse, across many collections
art-mcp                      0.2.1   Wikidata and several museum APIs in one server

Add one to an MCP client config like this:

{
  "mcpServers": {
    "wikimedia-images": {
      "command": "npx",
      "args": ["-y", "wikimedia-image-search-mcp"]
    }
  }
}

None of these sources has its own CLI. curl and jq, as above, cover it.

Company logos#

Brand marks, like the Google, Apple and X buttons in Sign In and Sign Up, come from theSVG. It has over 7,000 logos, each in colour and mono versions.

pnpm add @thesvg/react
import Google from "@thesvg/react/google"
import Apple from "@thesvg/react/apple"
 
<Google className="size-5" />
<Apple variant="mono" className="size-5" />
  • Raw SVGs. https://thesvg.org/icons/{slug}/{variant}.svg, for example https://thesvg.org/icons/github/mono.svg.
  • For agents. There is an MCP server, @thesvg/mcp-server, and a CLI, @thesvg/cli.
  • Trademarks. The logos are free to use for pointing at a brand, like a sign in button. The trademarks still belong to each company.
RTLllms.txt

On This Page

Using themWhere they came fromFinding more with an APIWikimedia CommonsCleveland Museum of ArtArt Institute of ChicagoOpenverseOthersMCP servers for agentsCompany logos