🖼️ Text to 6 Unique Images Generator

\n \n \n {error && (\n

\n ⚠️ {error}\n

\n )}\n\n {isLoading &&

⏳ Generating unique images...

}\n \n

\n {images.map((imageUrl, index) => (\n

\n \n

\n ))}\n

\n \n

\n Each image is a unique interpretation of your prompt\n

\n \n \n View Source\n \n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: 'Arial, sans-serif',\n maxWidth: '800px',\n margin: '0 auto',\n padding: '20px',\n textAlign: 'center',\n },\n title: {\n color: '#333',\n marginBottom: '20px',\n fontSize: '2rem',\n },\n description: {\n color: '#666',\n fontStyle: 'italic',\n marginTop: '15px',\n },\n form: {\n display: 'flex',\n gap: '10px',\n marginBottom: '20px',\n flexWrap: 'wrap',\n justifyContent: 'center',\n },\n input: {\n flex: '1 1 300px',\n padding: '10px',\n fontSize: '16px',\n borderRadius: '5px',\n border: '1px solid #ddd',\n },\n button: {\n padding: '10px 15px',\n backgroundColor: '#4CAF50',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n transition: 'background-color 0.3s ease',\n },\n errorMessage: {\n backgroundColor: '#ffdddd',\n color: '#ff0000',\n padding: '10px',\n marginBottom: '15px',\n borderRadius: '5px',\n },\n loading: {\n color: '#666',\n fontSize: '1.2rem',\n },\n imageGrid: {\n display: 'grid',\n gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))',\n gap: '15px',\n },\n imageContainer: {\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n },\n image: {\n width: '100%',\n height: '250px',\n objectFit: 'cover',\n borderRadius: '8px',\n boxShadow: '0 4px 6px rgba(0,0,0,0.1)',\n },\n downloadButton: {\n marginTop: '10px',\n padding: '5px 10px',\n backgroundColor: '#2196F3',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n },\n sourceLink: {\n display: 'block',\n marginTop: '20px',\n color: '#666',\n textDecoration: 'none',\n fontSize: '0.9rem',\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n 6 Unique Images Generator\n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/Nandu/textToSixImageGenerator/code/main.tsx","extension","actionData","errors"]