Tonite Music App

Tonite is a conceptual design for a modern music streaming application, created to reimagine how users discover, listen, and interact with music. The project draws inspiration from existing platforms like Spotify but introduces a fresh visual identity and a user-first approach to improve the overall streaming experience.

Key Objectives

  • Deliver a smooth and engaging user experience (UX) for music discovery and playback.

  • Build a modern and vibrant visual identity that reflects the energy of music culture.

  • Ensure clear navigation and accessibility, making features easy to explore.

  • Highlight personalized listening, with playlists, recommendations, and artist profiles tailored to user preferences.

Live Site Preview

Live Site Preview

Client

No Client (Seeking For Collaboration)

Service Provided

Web Design, Web Development, Open Source Projects

thumbnail Image
thumbnail Image
thumbnail Image

The Goal:

The primary goal of AtomAI is to provide businesses with an intuitive and cutting-edge SaaS template, seamlessly blending advanced features with sleek design. Designed for AI-related startups and enterprises, AtomAI empowers users to create world-class websites with ease.

1

Image
Image

The Challenge:

AtomAI is built to help businesses launch powerful, AI-driven websites effortlessly. This modern SaaS template combines innovation with sleek design, offering advanced features tailored for AI startups and enterprises. With AtomAI, creating a world-class online presence has never been easier.

2

Image
Image

The Result

In conclusion, AtomAI stands as the ultimate solution for AI-focused businesses and startups seeking a modern, professional, and feature-rich SaaS template. With its intuitive design, seamless functionality, and flexibility, AtomAI empowers users to craft stunning, high-performance websites that captivate audiences and drive growth.

3

Image
Image

Recent Designs

See All Projects

See All Projects

thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image

Let's Connect

Let's Grow Together

Web Design

Starting from $1,999

Showcasing sleek, high-performance designs tailored for impact

Framer Development

Starting from $4,999

Building visually stunning, user-focused websites that elevate brands.

See All Projects

Contact Me Now

Image banner

Let's Connect

Let's Grow Together

Web Design

Starting from $1,999

Showcasing sleek, high-performance designs tailored for impact

Framer Development

Starting from $4,999

Building visually stunning, user-focused websites that elevate brands.

See All Projects

Contact Me Now

Image banner

Let's Connect

Let's Grow Together

Web Design

Starting from $1,999

Showcasing sleek, high-performance designs tailored for impact

Framer Development

Starting from $4,999

Building visually stunning, user-focused websites that elevate brands.

See All Projects

Contact Me Now

Image banner

Create a free website with Framer, the website builder loved by startups, designers and agencies.

// Framer Link Control Script // Paste this code into your Framer project's custom code section (Head or Body) (function() { 'use strict'; // Route mapping for your domain const MAIN_DOMAIN = 'https://ihirwe.art'; const FRAMER_DOMAIN = 'https://ihirweui.framer.website'; // Function to convert Framer URLs to your domain URLs function convertToMainDomain(url) { if (url.startsWith(FRAMER_DOMAIN)) { return url.replace(FRAMER_DOMAIN, MAIN_DOMAIN); } return url; } // Function to notify parent window of navigation function notifyParentNavigation(path) { if (window.parent && window.parent !== window) { window.parent.postMessage({ type: 'framer-navigation', path: path }, MAIN_DOMAIN); } } // Override all link clicks document.addEventListener('click', function(e) { const link = e.target.closest('a'); if (link && link.href) { // Check if it's an internal Framer link if (link.href.startsWith(FRAMER_DOMAIN) || link.href.startsWith('/')) { e.preventDefault(); let targetPath = link.href; if (targetPath.startsWith(FRAMER_DOMAIN)) { targetPath = targetPath.replace(FRAMER_DOMAIN, ''); } // Navigate within the iframe window.location.href = FRAMER_DOMAIN + targetPath; // Notify parent to update URL notifyParentNavigation(targetPath); } // Let external links work normally } }, true); // Disable right-click context menu on links to prevent "Open in new tab" document.addEventListener('contextmenu', function(e) { const link = e.target.closest('a'); if (link && (link.href.startsWith(FRAMER_DOMAIN) || link.href.startsWith('/'))) { e.preventDefault(); // Optional: Show custom context menu or notification console.log('Right-click disabled on internal links to maintain domain consistency'); } }); // Override middle-click (wheel click) on links document.addEventListener('mousedown', function(e) { if (e.button === 1) { // Middle mouse button const link = e.target.closest('a'); if (link && (link.href.startsWith(FRAMER_DOMAIN) || link.href.startsWith('/'))) { e.preventDefault(); // Navigate normally instead of opening new tab let targetPath = link.href; if (targetPath.startsWith(FRAMER_DOMAIN)) { targetPath = targetPath.replace(FRAMER_DOMAIN, ''); } window.location.href = FRAMER_DOMAIN + targetPath; notifyParentNavigation(targetPath); } } }); // Disable keyboard shortcuts that could open links in new tabs document.addEventListener('keydown', function(e) { const link = document.activeElement; if (link && link.tagName === 'A' && (link.href.startsWith(FRAMER_DOMAIN) || link.href.startsWith('/'))) { // Disable Ctrl+Click, Cmd+Click, Ctrl+Enter, etc. if ((e.ctrlKey || e.metaKey) && (e.key === 'Enter' || e.type === 'click')) { e.preventDefault(); let targetPath = link.href; if (targetPath.startsWith(FRAMER_DOMAIN)) { targetPath = targetPath.replace(FRAMER_DOMAIN, ''); } window.location.href = FRAMER_DOMAIN + targetPath; notifyParentNavigation(targetPath); } } }); // Notify parent of current page on load window.addEventListener('load', function() { const currentPath = window.location.pathname; notifyParentNavigation(currentPath); }); console.log('Framer Link Control: Initialized successfully'); })();