Giter Site home page Giter Site logo

leap-ai / ambience Goto Github PK

View Code? Open in Web Editor NEW
33.0 3.0 8.0 2.03 MB

Ambience is a Chrome extension that takes over your new tab and displays a stunning AI-generated wallpaper that changes every hour.

Home Page: https://chrome.google.com/webstore/detail/ambience-ai/ndgjbbjefciomenkpggaepmhbkhmapap

License: MIT License

JavaScript 12.34% TypeScript 77.68% CSS 9.14% HTML 0.84%
ai nextjs leap-api

ambience's Introduction

Ambience - AI Generated Wallpapers & Quotes Chrome Extension

Ambience Banner

Ambience is a Chrome extension that takes over your new tab and displays a stunning AI-generated wallpaper that changes every hour. Experience a fresh, captivating visual treat with each new tab, as Ambience utilizes the Leap API to generate breathtaking wallpapers.

This repository houses the open-source code for developers to fork and draw inspiration for building their chrome extensions or similar applications using the Leap API for image generation. It contains two apps:

  1. The Chrome extension app (client-side only, built with React and Webpack), which compiles into a zip containing the Chrome extension files.
  2. A Next.js API that manages image generation and stores the image URLs in a Supabase Database.

License: MIT ESLint React Next.js

Try It Live

Witness the charm of Ambience by installing it directly from the Chrome Store: Ambience AI Chrome Store

Read The Guide

Read the companion guide to this repo that explains how everything works step by step: Guide

Leap API: The creative force behind Ambience

Ambience harnesses the powerful Leap API to generate mesmerizing images on the fly. This suite of AI APIs brings life to every new tab, presenting you with vibrant, ever-changing wallpapers on the go.

Learn, Modify, and Innovate with AI

Explore the capabilities of the AI-powered image generation and learn from the code to modify and adapt it to your needs, or develop an entirely new application built on cutting-edge technology.

Getting Started

To create your own captivating wallpapers, follow these simple steps:

  1. Clone the repository:
git clone https://github.com/leap-api/ambience.git
  1. Run the Chrome extension:

    Enter the chrome-extension directory:

    cd chrome-extension
    

    Install dependencies:

    yarn
    

    Start the app:

    yarn start
    

    Build the app (combine it into a zip):

    yarn build
    
  2. Run the API:

    Enter the apis directory:

    cd apis
    

    Install dependencies:

    yarn
    

    Create a .env file in the apis directory and include these environment variables:

    SUPABASE_KEY=your_supabase_key
    SUPABASE_URL=your_supabase_url
    INSERT_IMAGE_WEBHOOK_URL=your_insert_image_webhook_url
    LEAP_API_KEY=your_leap_api_key
    OPENAI_API_KEY=your_openai_api_key
    

    Start the development server:

    yarn dev
    

To generate images every hour, the project uses Vercel Cron jobs to ping the generate-image endpoint in the APIs app.

Supabase Database and OpenAI for Quotes

Ambience uses Supabase for storing both images and quotes in a database. Every hour, a new image is generated by the Leap API, and a new inspirational quote is generated using OpenAI.

When an image generation succeeds, the Leap API calls the provided INSERT_IMAGE_WEBHOOK_URL with a payload that includes the generated images. The Next.js API then catches the payload and inserts the images into the Supabase database.

Contributing

We encourage collaboration and appreciate your contributions to Ambience. If you have suggestions for improvement or major modifications, please open an issue to discuss.

Resources and Support

License

Ambience is released under the MIT License.

ambience's People

Contributors

claudfuen avatar atbe avatar

Stargazers

NameRectified avatar Muntasim Fuad avatar Alex Lévy avatar Satyam avatar Sabin Tudor avatar FEI LIU avatar  avatar  avatar Tai avatar Mustson J. avatar Madhav Jha avatar Carter Hawks avatar Satyajit Chaudhary avatar AICodeHunt avatar Fazle Rabbi avatar Dipankar Pal avatar Param avatar Max avatar Minghao Xu avatar  avatar Himanshu Rawat  avatar LE PHUC H avatar Kamasah DIckson avatar MUHAMMAD TALHA avatar Daebowale avatar Kristiyan Dilov avatar Kaarthik Andavar avatar Nicolai Ivanov avatar Khoa avatar Lim Leong Kui avatar Brian Davis avatar  avatar Andrew Schmitz avatar

Watchers

 avatar  avatar Kamasah DIckson avatar

ambience's Issues

[FEATURE] add option for most visited websites

Description

The extension's amazing, the only thing missing are the most visited websites or pinned websites

It would be great to have an option in the settings to toggle this on/off.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.