Nothing UI Newtab

There's a good project called Material You New Tab which is basically a NewTab extension for chromium, it was good but not followed my liking. So impressed by newly brought Nothing Phone's UI known as NOTHING UI I made something my own.

Highlights

Sleek UI & UX

Built with Tailwind CSS, Framer motion, radix ui primitives & headless which offers fast & fluid experience.

Secured Data

Your data is not stored anywhere except your browser, you have 100% freedom what you do with it. Keep or delete.

TypeScript & Maintainability

Written in TypeScript, Zustand, and Tailwind utilities for enhanced maintainability and developer experience.

Open Source

This project is open source under AGPL-3.0 license, do whatever you want with it but keep it open source.

Features

  • Add, edit, and remove website links as desired.
  • Include a macOS-like dock for apps to enhance accessibility.
  • Display real-time weather information using the OpenWeatherMap API.
  • Toggle unwanted features such as docs, app drawer, AI tools, and more.
  • Add, edit, or remove search engines and AI tools with ease.
  • Adjust the wallpaper-changing interval for widgets.
  • Choose between monochrome or colorful icons for a personalized look.
  • Set custom icons for each saved website link.
  • Switch between digital and analog clock faces.
  • Toggle blur and monochrome effects for images.
  • Switch between Fahrenheit and Celsius temperature scales.
  • Toggle location name visibility for privacy.
  • Import and export data as JSON files.
  • Switch between light and dark themes for optimal viewing.

Technologies

  • React components galore, props drilling nightmares
  • Vite bundles apps faster than you type ‘npm’
  • Tailwindcss 47 classes per div, CSS who?