tweakcn README

The project's README from github.com/jnsahaj/tweakcn. As one markdown file: README.md.

tweakcn.com

Vercel OSS Program

Discord GitHub Repo stars X (formerly Twitter) URL

tweakcn is a powerful Visual Theme Editor for tailwind CSS & shadcn/ui components. It comes with Beautiful theme presets to get started, while aiming to offer advanced customisation for each aspect of your UI

tweakcn.com

Motivation

Websites made with shadcn/ui famously look the same. tweakcn is a tool that helps you customize shadcn/ui components visually, to make your components stand-out. The goal is to build a platform where a user can discover endless customization options and then have the ability to put their own twist on it.

Current Features

You can find the full feature list here: https://tweakcn.com/#features

Run Locally

IMPORTANT: For contributions, please see CONTRIBUTING.md.

Prerequisites

Installation

  1. Clone the repository:
git clone https://github.com/jnsahaj/tweakcn.git
cd tweakcn
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open http://localhost:3000 in your browser.

Contributors

Made with contrib.rocks.

Interested in Contributing?

Contributions are welcome! Please feel free to submit a Pull Request.

Star History

GitHub Star History for jnsahaj/tweakcn

tweakcn (jnsahaj/tweakcn)

Searching Database…

10.5K ·GitHub
Что это такое?tweakcn — это визуальный редактор тем для Tailwind CSS и компонентов shadcn/ui, работающий без программирования: вы меняете оформление интерфейса через графический редактор вместо того, чтобы вручную писать код темы, и можете начать с готовых пресетов.
Это сайт, которым пользуются в браузере, или библиотека, которую нужно устанавливать?Это веб-приложение: размещённая версия живёт на tweakcn.com, а при желании вы можете запустить его локально. В свой проект вы забираете готовую тему, а не сам редактор.
Как запустить его у себя на компьютере?Нужны Node.js 18+ и npm, yarn или pnpm. Склонируйте репозиторий, установите зависимости, запустите dev-сервер и откройте его в браузере — это приложение на Next.js, поэтому команда такая: npm run dev.
Он полезен только если в моём проекте уже используется shadcn/ui?По сути да — он создан для темизации компонентов shadcn/ui, стилизованных с помощью Tailwind CSS, поэтому рассчитан именно на этот стек. Для всего остального редактировать просто нечего.
Зачем автор создал этот проект?Потому что сайты, сделанные на shadcn/ui, как известно, все выглядят одинаково. Цель — платформа, где можно находить бесконечные варианты кастомизации и затем добавлять к ним что-то своё.
Там есть готовые темы или всё нужно придумывать самому?В комплекте есть красивые готовые пресеты тем для быстрого старта, при этом проект стремится предлагать тонкую настройку каждого аспекта вашего интерфейса.
Там внутри есть что-то на базе ИИ?В списке зависимостей есть SDK от Google для ИИ (@ai-sdk/google и @google/generative-ai), то есть приложение подключено к Google AI — но в README не описано, что именно делают эти функции.
Creator
jnsahaj
Size
89.4 MB
Stars
10.5K
Updated
CommitSep 03
Age
1y
Commits · 90 Days