|
import streamlit as st |
|
|
|
|
|
st.sidebar.title("Suno") |
|
st.sidebar.button("Home") |
|
st.sidebar.button("Create") |
|
st.sidebar.button("Library") |
|
st.sidebar.button("Explore (BETA)") |
|
st.sidebar.markdown("---") |
|
st.sidebar.write("2360 credits") |
|
st.sidebar.button("Subscription") |
|
st.sidebar.button("What's New?") |
|
st.sidebar.button("Community") |
|
st.sidebar.button("Help") |
|
st.sidebar.button("About") |
|
|
|
|
|
st.title("Create") |
|
|
|
|
|
st.subheader("Custom Mode") |
|
custom_mode = st.checkbox("Custom Mode") |
|
|
|
st.subheader("Song Description") |
|
song_description = st.text_area("Song Description", "a futuristic anime song about a literal banana") |
|
|
|
instrumental = st.checkbox("Instrumental") |
|
|
|
version = st.selectbox("Version", ["v3", "v2", "v1"]) |
|
st.button("Create π΅") |
|
|
|
|
|
songs = [ |
|
{"title": "Dance Under The Moonlight", "description": "acoustic guitar flamenco dance beat kizomba soaring vocalist progressive house", "version": "v3"}, |
|
{"title": "The Tale of Yggdrasil", "description": "folk acoustic storytelling", "version": "v3"}, |
|
{"title": "The Song of Yggdrasil", "description": "tropical latin acoustic", "version": "v3"}, |
|
{"title": "The Song of Yggdrasil", "description": "tropical latin acoustic", "version": "v3"}, |
|
{"title": "Sacred Frequencies", "description": "progressive edm uplifting", "version": "v3"}, |
|
{"title": "Let's Get Jokin'", "description": "progressive house electronic dubstep", "version": "v3"}, |
|
{"title": "Jokes That Make You Dance", "description": "marching band progressive house dance", "version": "v3"}, |
|
{"title": "Joke Parade", "description": "progressive house dance 128bpm marching band bass drum dubstep", "version": "v3"}, |
|
{"title": "Joke Parade", "description": "progressive house dance 128bpm marching band bass drum dubstep", "version": "v3"}, |
|
{"title": "Laughing On The Dancefloor", "description": "128bpm progressive house dance", "version": "v3"}, |
|
] |
|
|
|
for i, song in enumerate(songs): |
|
st.image("https://via.placeholder.com/50", width=50) |
|
st.write(f"**{song['title']}**") |
|
st.write(song['description']) |
|
st.write(f"Version: {song['version']}") |
|
st.button("Extend", key=f"extend_{i}") |
|
st.checkbox("Public", key=f"public_{i}") |
|
st.button("π", key=f"thumbs_up_{i}") |
|
st.button("π", key=f"thumbs_down_{i}") |
|
|
|
|
|
st.sidebar.markdown("---") |
|
st.sidebar.write("Select a song to preview.") |
|
|
|
|
|
|
|
|
|
st.image("Suno.png") |
|
st.write('This example tests AIPP and GPT4o text and image prompts to take a screenshot and produce a one shot app using streamlit and python app. Prompt: Provide a development analysis of the layout of this html5 web app and create a streamlit python UI that duplicates exactly the layout features and text of each UI element.') |
|
|
|
|