๐โโ๏ธ Made by @thekitze
- ๐ซ React Academy - Interactive React and GraphQL workshops
- ๐ Twizzy - A standalone app for Twitter DM
- ๐ป Sizzy - A tool for testing responsive design on multiple devices at once
๐ A tool for visually organizing, creating and managing JavaScript projects.
It doesn't matter if it's a frontend or a backend app or what framework it's using. If it has a package.json
, it belongs here.
๐ธ Support on Open Collective
๐ฆ Follow updates on Twitter
- Organize and group apps
- Generate new apps
- Search apps
- Quick actions
- Kill a port
- Project dashboard
- Search project files
- Run scripts
- Manage dependencies
- Apply plugins
- Generate new files
- Import existing projects
- Manage and organize projects in groups
- Collapse, rename or delete groups
- Mark a project with a red border if it's not using Git yet
- Open the project in Finder
- Open the project in your editor of choice (configurable in Settings)
- Quick preview of package.json
- Open the GitHub/Bitbucket/GitLab page for the project
- Start the project
- Remove the project from the dashboard
- Easily search all of your projects by pressing
Cmd + Shift + P
- Choosing a project will navigate to the project dashboard
- Expect more Alfred-like functionality soon
- Generate a new app using a popular cli
- Supports React, Vue, Angular, Gatsby, React Native, Expo, etc.
- Configure advanced options for each generator
- For times when something annoying is running on a port and the process just can't be killed
Note: This feature must be enabled from the Settings first
- Index and display a list of all of the folders and files in a project
- Click a file to quickly preview it
- Press
Cmd + Shift + N
to quickly navigate and preview a file
- See a list of all the scripts and run them with a press of a button
- Run multiple scripts at once
- The scripts run in an integrated Terminal that supports multiple tabs so you can see the output, or you can minimize it if you don't care
- See two separate lists of the project dependencies and dev dependencies
- Easily install a dependency and specify a version
- Move a dependency to dev dependencies and vice-versa
- Update the version of a dependency to the latest version
- Plugins have the ability to install new dependencies, remove dependencies, modify scripts, remove and add new files to a project
- Right now the following plugins are available: - Storybook: Installs storybook and adds the needed files to the project - Plop: Adds the
plop
generator to the project. It also adds a defaultplop-templates
folder, aplopfile.js
. - Add .env: Adds an.env
file to the project. Soon this file will be editable through UI. - Rewire: Installsreact-app-rewired
and adds a defaultconfig-overrides.js
file
Note: plugins will be separated from the repo soon so anyone can publish their own plugin
- Automatically detect a
plopfile.js
and quickly generate files from existing templates. - If
plopfile.js
is not present or you are not familiar with plop run thePlop
plugin and it will generate the needed files for you
Do this if you want to run the latest code from master
locally.
Otherwise please download the latest stable version here.
# clone repo
git clone https://github.com/kitze/JSUI.git
# install yarn (assuming you don't have Yarn already installed)
npm install -g yarn
# install dependencies
yarn install #or npm install
# start app in dev mode
yarn start
# build electron packages
yarn build
Thanks to everyone who contributes to this project.
Thank you to all our backers! ๐ [Become a backer]
Support JSUI by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]