← All Wireframes
WF-05 Musicians
src/pages/musicians.astro · MusicianGrid.jsx · 1440 × 2080 px
MusicianGrid.jsx
MusicianCard
DetailPanel
client:load island
Two states: (A) portrait grid with filter bar · (B) detail side-panel open for John Gilmore
STATE A — GRID VIEW (musicians.astro + MusicianGrid.jsx)
SPACEWAYS OF SUN RA
Discography
Timeline
Videos
Musicians
Poetry
Films
Books
Magazines
IIIF
Home / Musicians
The Arkestra
Key members · Soloists · Collaborators
34 musicians
ERA
All
Chicago
NYC
Egypt/Philly
Post-Ra
INSTRUMENT
Reeds
Brass
Rhythm
Keys/Synth
Vocals
MusicianGrid.jsx filter bar
CORE MEMBERS
CORE
Sun Ra
Piano · Keys · Theremin
1950 – 1993 · All eras
CORE
John Gilmore
Tenor Sax · Clarinet
c.1955 – 1995 · Chicago → NYC → Philly
CORE
Marshall Allen
Alto Sax · EWI · Flute
1958 – present · Still leading Arkestra
CORE
June Tyson
Vocals · Violin · Performance
1968 – 1992 · NYC → Philly
Danny Ray Thompson
Baritone Sax · Flute
Late 1960s – 2010s
pinned core members
ALL MEMBERS
Pat Patrick
Baritone Sax · Alto Sax
Chicago · early 1950s–60s
Ronnie Boykins
Bass
c.1957 – mid-1960s
Clifford Jarvis
Drums
NYC · early-mid 1960s
Kwami Hadi
Trumpet
Late 1960s – 1970s
James Spaulding
Alto Sax · Flute
Chicago mid-1950s
Charles Davis
Baritone · Tenor Sax
Late 1950s – early 1960s
+ more members…
MusicianCard component · 6-col
STATE B — DETAIL PANEL OPEN (clicking a card slides in a right-side panel)
Arkestra Member
Esc
John Gilmore
Chicago
NYC
Philly
Tenor Saxophone · Clarinet
Active c.1955 – 1995
CORE
ERA ACTIVITY
Chicago
New York
Philadelphia
BIOGRAPHY
Sun Ra's closest musical partner and
principal tenor soloist. Present on most
major recordings from late Chicago through
NY and Philadelphia periods.
RELATED ALBUMS
♪
Jazz in
Silhouette
1959
Heliocentric
Worlds
1965
The Magic
City
1965
Nothing Is
1966
›
RELATED VIDEOS
Montreux 1976
Cairo 1971
MusicianDetailPanel.jsx · slide-in · focus-trap
width of each segment = relative years active in that era
Copyright 2026 Plencner Labs.
See the code on GitLab
Footer.astro
IMPLEMENTATION NOTES
Phase 4: MusicianGrid.jsx + detail panel · Phase 6: /musicians/[slug] detail pages · Phase 7: era stripe animation