Codelift NPM | npm.io

codelift

A "No Code" GUI for your existing React app.
– Launch Tweet

Getting Started

Within your project:

yarn add codelift --dev
For create-react-app:
yarn codelift start
For Next.js:
yarn codelift dev
(codelift runs yarn ____ with whatever you provide)
Add the following import "codelift/register" to the top of your src/index.tsx or pages/_app.tsx:
```
import React from "react";
import ReactDOM from "react-dom";

import { register } from "codelift";
register({ React, ReactDOM });
```
codelift requires access to your application's copy of react and react-dom to support custom inspectors.

Examples

Features

Double-Click componetns & elements in the tree view to open in VS Code.
Tailwind Visual Inspector
1. Hover & Select an element.
2. Find-as-you-type CSS classes.
3. Hover to preview before applying.
4. Click to toggle in your source code.
CMD+' to toggle codelift and browse normally.
Custom Inspectors:
Suppose you have Header component that accepts a title:
```
export const Header = ({ title }) => {
  ...
}
```
Next, attach a custom Inspector component to your Header that accepts the current props and calls setProps when it changes:
```
Header.Inspector = ({ props, setProps }) => {
  return (
    <input
      onChange={event => setProps({ title: event.target.value })}
      defaultValue={props.title}
    />
  );
};
```
Your Inspector will be rendered in a sidepanel when a Header is selected:

What feature would you like to see?

Contributing

Clone this repo.
yarn cra or yarn next to run the CRA or Next.js examples, respectively.

Author

Eric Clemmons

Contributors ✨

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!

@everything-registry/sub-chunk-1350

1.0.15-canary.394.652cc97.0

4 years ago

1.0.15-canary.393.cb17d49.0

4 years ago

1.0.15-canary.392.3a37b99.0

4 years ago

1.0.15-canary.390.326f423.0

4 years ago

1.0.15-canary.389.373242b.0

4 years ago

1.0.15-canary.388.6411871.0

4 years ago

1.0.15-canary.387.1ca04c0.0

5 years ago

1.0.15-canary.386.4f5a7f0.0

5 years ago

1.0.15-canary.382.628b3cd.0

5 years ago

1.0.15-canary.381.e9eb093.0

5 years ago

1.0.15-canary.380.16cc91f.0

5 years ago

1.0.15-canary.385.4d0774d.0

5 years ago

1.0.15-canary.383.88c5e64.0

5 years ago

1.0.15-canary.376.652c984.0

5 years ago

1.0.15-canary.377.764b1c9.0

5 years ago

1.0.15-canary.379.cc6a830.0

5 years ago

1.0.15-canary.374.937049f.0

5 years ago

1.0.15-canary.375.836a1cd.0

5 years ago

1.0.15-canary.370.d7e1759.0

5 years ago

1.0.15-canary.368.c3e0d54.0

5 years ago

1.0.15-canary.373.620d80b.0

5 years ago

1.0.15-canary.371.35c0dbd.0

5 years ago

1.0.15-canary.372.a3711cb.0

5 years ago

1.0.15-canary.369.15fa787.0

5 years ago

1.0.15-canary.352.5ddfeb5.0

5 years ago

1.0.15-canary.361.71ef726.0

5 years ago

1.0.15-canary.344.a73051f.0

5 years ago

1.0.15-canary.348.daa48b2.0

5 years ago

1.0.15-canary.362.4c28b63.0

5 years ago

1.0.15-canary.358.43f6919.0

5 years ago

1.0.15-canary.365.19560ff.0

5 years ago

1.0.15-canary.364.751d873.0

5 years ago

1.0.15-canary.345.f884dd7.0

5 years ago

1.0.15-canary.356.55e72ef.0

5 years ago

1.0.15-canary.349.d3f9ed6.0

5 years ago

1.0.15-canary.347.8ec6c88.0

5 years ago

1.0.15-canary.363.a646462.0

5 years ago

1.0.15-canary.350.5d46234.0

5 years ago

1.0.15-canary.353.456ccc1.0

5 years ago

1.0.15-canary.351.0ead349.0

5 years ago

1.0.15-canary.354.7027a82.0

5 years ago

1.0.15-canary.366.acd91b3.0

5 years ago

1.0.15-canary.360.f55a09c.0

5 years ago

1.0.15-canary.367.53b7d9d.0

5 years ago

1.0.15-canary.355.ea05c2c.0

5 years ago

1.0.15-canary.359.ff8cc72.0

5 years ago

1.0.15-canary.346.180d75b.0

5 years ago

1.0.15-canary.357.80ebae2.0

5 years ago

1.0.15-canary.343.0238c10.0

5 years ago

1.0.15-canary.342.972f7fe.0

5 years ago

1.0.15-canary.341.ab49e4b.0

5 years ago

1.0.15-canary.340.3d55d26.0

5 years ago

1.0.15-canary.337.d3c8d9c.0

5 years ago

1.0.15-canary.339.7d948fb.0

5 years ago

1.0.15-canary.338.a873f8d.0

5 years ago

1.0.15-canary.336.8dd444c.0

5 years ago

1.0.15-canary.335.26cd0c1.0

5 years ago

1.0.15-canary.334.d66b814.0

5 years ago

1.0.15-canary.332.86a35c6.0

5 years ago

1.0.15-canary.333.e6b1e29.0

5 years ago

1.0.15-canary.330.4961b3e.0

5 years ago

1.0.15-canary.331.ad0a6e0.0

5 years ago

1.0.15-canary.329.b31dc48.0

5 years ago

1.0.15-canary.328.5ba647b.0

5 years ago

1.0.15-canary.325.063151f.0

5 years ago

1.0.15-canary.327.0122f3a.0

5 years ago

1.0.15-canary.326.0754e78.0

5 years ago

1.0.15-canary.324.226b832.0

5 years ago

1.0.15-canary.321.69f818b.0

5 years ago

1.0.15-canary.320.72f2d50.0

5 years ago

1.0.15-canary.322.aa29bbf.0

5 years ago

1.0.15-canary.319.9b72000.0

5 years ago

1.0.15-canary.316.cd64cca.0

5 years ago

1.0.15-canary.317.bcbad8f.0

5 years ago

1.0.15-canary.318.6eadb79.0

5 years ago

1.0.15-canary.315.793eee9.0

5 years ago

1.0.15-canary.314.78f334e.0

5 years ago

1.0.15-canary.313.f4af4f6.0

5 years ago

1.0.15-canary.312.b38a941.0

5 years ago

1.0.15-canary.311.ddfa660.0

5 years ago

1.0.15-canary.305.9b4faf8.0

5 years ago

1.0.15-canary.306.ad9e804.0

5 years ago

1.0.15-canary.307.aab5af8.0

5 years ago

1.0.15-canary.310.ebb1942.0

5 years ago

1.0.15-canary.309.3b9a6a2.0

5 years ago

1.0.15-canary.308.e5569f2.0

5 years ago

1.0.15-canary.304.12a7cc2.0

5 years ago

1.0.15-canary.302.fdfd4e7.0

5 years ago

1.0.15-canary.301.539c9cd.0

5 years ago

1.0.15-canary.294.79d5365.0

5 years ago

1.0.15-canary.293.50762a1.0

5 years ago

1.0.15-canary.290.fd1832d.0

5 years ago

1.0.15-canary.289.d61d0e2.0

5 years ago

1.0.15-canary.287.c34b16b.0

5 years ago

1.0.15-canary.286.d56c019.0

5 years ago

1.0.15-canary.285.2f8efdf.0

5 years ago

1.0.15-canary.283.487e58b.0

5 years ago

1.0.15-canary.282.976da4c.0

5 years ago

1.0.15-canary.281.8d9220a.0

5 years ago

1.0.15-canary.280.5f5db1b.0

5 years ago

1.0.15-canary.277.2f82b57.0

5 years ago

1.0.15-canary.276.f2a41ee.0

5 years ago

1.0.15-canary.275.679b125.0

5 years ago

1.0.15-canary.274.a63ca43.0

5 years ago

1.0.15-canary.270.22d7cfb.0

5 years ago

1.0.14

5 years ago

1.0.14-canary.267.2c81d99.0

5 years ago

1.0.14-canary.110.aea801b.0

5 years ago

1.0.14-canary.265.70b60fb.0

5 years ago

1.0.14-canary.235.f545efa.0

5 years ago

1.0.14-canary.241.4b9a799.0

5 years ago

1.0.14-canary.268.8a19862.0

5 years ago

1.0.14-canary.268.aec8c69.0

5 years ago

1.0.14-canary.268.7c25b5d.0

5 years ago

1.0.14-canary.267.ff5addd.0

5 years ago

1.0.14-canary.265.3d2edbe.0

5 years ago

1.0.14-canary.264.5787b3f.0

5 years ago

1.0.14-canary.261.854da57.0

5 years ago

1.0.14-canary.262.f9699fa.0

5 years ago

1.0.14-canarycanary.260.b264e07.0

5 years ago

1.0.14-canary.259.6cfaaac.0

5 years ago

1.0.14-canary.258.1caeffd.0

5 years ago

1.0.14-canary.256.0d1d430.0

5 years ago

1.0.14-canary.255.9fb648d.0

5 years ago

1.0.14-canarycanary.254.e631d87.0

5 years ago

1.0.14-canarycanary.253.4fd2b7c.0

5 years ago

1.0.14-canary.252.715514b.0

5 years ago

1.0.14-canary.251.6f33e86.0

5 years ago

1.0.14-canarycanary.250.12ffb36.0

5 years ago

1.0.14-canary.249.077975b.0

5 years ago

1.0.14-canary.247.5ae8eec.0

5 years ago

1.0.14-canary.246.05f54b0.0

5 years ago

1.0.14-canary.245.3697a95.0

5 years ago

1.0.14-canarycanary.244.3173670.0

5 years ago

1.0.14-canarycanary.243.3600556.0

5 years ago

1.0.14-canary.242.d1459e8.0

5 years ago

1.0.14-canary.241.80a16fe.0

5 years ago

1.0.14-canary.240.3b3e863.0

5 years ago

1.0.14-canary.239.bdb7d2e.0

5 years ago

1.0.14-canary.237.9b98cc8.0

5 years ago

1.0.14-canarycanary.233.ffa3259.0

5 years ago

1.0.14-canary.236.b372ce0.0

5 years ago

1.0.14-canarycanary.234.139d949.0

5 years ago

1.0.14-canary.232.5c67397.0

5 years ago

1.0.14-canarycanary.233.d6e6dda.0

5 years ago

1.0.14-canary.110.cb61140.0

5 years ago

1.0.14-canary.235.b2174b9.0

5 years ago

1.0.13

5 years ago

1.0.13-canarycanary.234.cc88a00.0

5 years ago

1.0.13-canarycanary.233.ce30ec0.0

5 years ago

1.0.13-canary.232.5ce3c8b.0

5 years ago

1.0.13-canarycanary.231.07e41a8.0

5 years ago

1.0.13-canary.229.c56bb4a.0

5 years ago

1.0.13-canary.228.2cee335.0

5 years ago

1.0.13-canarycanary.225.3625c96.0

5 years ago

1.0.13-canary.226.f8d2e83.0

5 years ago

1.0.13-canary.227.ef1bb9c.0

5 years ago

1.0.13-canarycanary.223.077b3c6.0

5 years ago

1.0.13-canary.222.b96ec68.0

5 years ago

1.0.13-canary.221.7f1eece.0

5 years ago

1.0.13-canary.217.9d67e7c.0

5 years ago

1.0.13-canarycanary.218.62c2f1f.0

5 years ago

1.0.13-canary.216.6f21800.0

5 years ago

1.0.13-canary.215.eeed883.0

5 years ago

1.0.13-canary.213.17beb7c.0

5 years ago

1.0.13-canarycanary.214.f37e094.0

5 years ago

1.0.13-canary.212.1be6c38.0

5 years ago

1.0.13-canary.211.9a1ed94.0

6 years ago

1.0.13-canary.210.41345ce.0

6 years ago

1.0.13-canarycanary.209.247092c.0

6 years ago

1.0.13-canary.208.3ce41ed.0

6 years ago

1.0.13-canary.205.3e582ba.0

6 years ago

1.0.13-canary.207.7fcdb8e.0

6 years ago

1.0.13-canary.206.7376aff.0

6 years ago

1.0.13-canarycanary.202.e6922b4.0

6 years ago

1.0.13-canary.200.f893fed.0

6 years ago

1.0.13-canary.203.6ac0f31.0

6 years ago

1.0.13-canary.201.807c45f.0

6 years ago

1.0.13-canarycanary.204.401022c.0

6 years ago

1.0.13-canarycanary.199.fb353c6.0

6 years ago

1.0.13-canary.198.b8a504c.0

6 years ago

1.0.13-canary.197.b2d2d61.0

6 years ago

1.0.13-canarycanary.196.8490701.0

6 years ago

1.0.13-canary.195.a99ef4b.0

6 years ago

1.0.13-canary.194.994d423.0

6 years ago

1.0.13-canary.193.b01877b.0

6 years ago

1.0.13-canary.192.b850785.0

6 years ago

1.0.13-canary.191.3380495.0

6 years ago

1.0.13-canary.190.188072b.0

6 years ago

1.0.13-canary.189.a0420bf.0

6 years ago

1.0.13-canary.186.52c804d.0

6 years ago

1.0.13-canarycanary.185.da73078.0

6 years ago

1.0.13-canary.187.695f477.0

6 years ago

1.0.13-canarycanary.188.be37ca4.0

6 years ago

1.0.13-canary.184.eb851f4.0

6 years ago

1.0.13-canary.183.cf34dd2.0

6 years ago

1.0.13-canary.182.33374b0.0

6 years ago

1.0.13-canary.181.2252d24.0

6 years ago

1.0.13-canary.180.62ddd01.0

6 years ago

1.0.13-canary.179.d3d6621.0

6 years ago

1.0.13-canarycanary.178.0070dd8.0

6 years ago

1.0.13-canary.177.d75a3a2.0

6 years ago

1.0.13-canarycanary.176.f00ca93.0

6 years ago

1.0.13-canary.173.3d0deb8.0

6 years ago

1.0.13-canary.172.1f25eeb.0

6 years ago

1.0.13-canarycanary.171.6218b63.0

6 years ago

1.0.13-canary.174.faf9e9f.0

6 years ago

1.0.13-canarycanary.175.7fd2bd7.0

6 years ago

1.0.13-canarycanary.170.9f02d46.0

6 years ago

1.0.13-canary.169.cea6ee1.0

6 years ago

1.0.13-canarycanary.165.d00a46e.0

6 years ago

1.0.13-canary.166.602872e.0

6 years ago

1.0.13-canary.168.af214bf.0

6 years ago

1.0.13-canary.162.b3b0576.0

6 years ago

1.0.13-canarycanary.160.e2ab0a0.0

6 years ago

1.0.13-canary.159.9951817.0

6 years ago

1.0.13-canary.164.a2666cc.0

6 years ago

1.0.13-canary.158.b9e5c14.0

6 years ago

1.0.13-canary.161.2c12e2b.0

6 years ago

1.0.13-canarycanary.163.351f542.0

6 years ago

1.0.13-canary.157.f89dcbc.0

6 years ago

1.0.13-canarycanary.156.47a0ebe.0

6 years ago

1.0.13-canarycanary.155.0543d43.0

6 years ago

1.0.13-canary.154.a166311.0

6 years ago

1.0.13-canary.153.6c38c73.0

6 years ago

1.0.13-canarycanary.150.a50e73d.0

6 years ago

1.0.13-canary.148.a1d4fd1.0

6 years ago

1.0.13-canary.151.ed421a9.0

6 years ago

1.0.13-canary.149.4e745e1.0

6 years ago

1.0.13-canarycanary.152.db3963d.0

6 years ago

1.0.12

6 years ago

1.0.12-canary.146.c238e54.0

6 years ago

1.0.12-canarycanary.145.391d401.0

6 years ago

1.0.12-canary.144.eb7de23.0

6 years ago

1.0.12-canary.143.dc803ef.0

6 years ago

1.0.12-canarycanary.142.48bff27.0

6 years ago

1.0.12-canary.141.6d1d61f.0

6 years ago

1.0.12-canary.133.5fc779e.0

6 years ago

1.0.12-canary.138.2ee9952.0

6 years ago

1.0.12-canary.135.512dfef.0

6 years ago

1.0.12-canary.139.0cdd04e.0

6 years ago

1.0.12-canary.137.dec17d5.0

6 years ago

1.0.12-canary.136.af2eadd.0

6 years ago

1.0.12-canary.140.5208f34.0

6 years ago

1.0.12-canary.134.08514e6.0

6 years ago

1.0.12-canary.119.36a1607.0

6 years ago

1.0.12-canary.119.72312e0.0

6 years ago

1.0.12-canary.119.70cfc8f.0

6 years ago

1.0.12-canary.129.55b57b8.0

6 years ago

1.0.12-canary.127.1e3e727.0

6 years ago

1.0.12-canary.131.5d5637c.0

6 years ago

1.0.12-canary.128.d496e6e.0

6 years ago

1.0.11

6 years ago

1.0.11-canary.126.b7f4948.0

6 years ago

1.0.11-canary.125.37fadcf.0

6 years ago

1.0.11-canary.123.727c417.0

6 years ago

1.0.11-canary.120.7c1d887.0

6 years ago

1.0.11-canary.124.a774333.0

6 years ago

1.0.11-canary.121.5c2962d.0

6 years ago

1.0.11-canary.117.48bfb10.0

6 years ago

1.0.11-canary.118.b2c6958.0

6 years ago

1.0.11-canary.116.f6b3979.0

6 years ago

1.0.11-canary.112.ef59ec3.0

6 years ago

1.0.11-canary.114.d957718.0

6 years ago

1.0.11-canary.111.cd32db3.0

6 years ago

1.0.11-canary.115.99e15bd.0

6 years ago

1.0.11-canary.113.db337a8.0

6 years ago

1.0.11-canary.110.37c8df8.0

6 years ago

1.0.11-canary.104.84f3101.0

6 years ago

1.0.11-canary.106.5172613.0

6 years ago

1.0.11-canary.105.022ce8f.0

6 years ago

1.0.9

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.10-canary.100.e1df846.0

6 years ago

1.0.9-canary.99.3971011.0

6 years ago

1.0.10

6 years ago

1.0.6

6 years ago

1.0.1-canary.98.3270e17.0

6 years ago

1.0.1-canary.98.946dae6.0

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

1.0.1-canary.94.8ec9dff.0

6 years ago

1.0.1-canary.86.67351e3.0

6 years ago

1.0.1-canary.91.29e6f62.0

6 years ago

1.0.1-canary.90.77a22ce.0

6 years ago

1.0.1-canary.89.7f703c7.0

6 years ago

1.0.1-canary.87.565bd40.0

6 years ago

1.0.1-canary.86.130ab8a.0

6 years ago

1.0.1-canary.88.c015986.0

6 years ago

1.0.0

6 years ago

1.0.0-canary.70.5754db8.0

6 years ago

1.0.0-canary.70.2bfa47b.0

6 years ago

1.0.0-canary.70.40f62cd.0

6 years ago

1.0.0-canary.70.1592b67.0

6 years ago

1.0.0-canary.70.ae980a6.0

6 years ago

0.6.3

6 years ago

0.6.3-canary.85.fdb5d08.0

6 years ago

0.6.3-canary.85.acbf24c.0

6 years ago

0.6.3-canary.undefined.503bbf5.0

6 years ago

1.0.0-canary.70.27ec99c.0

6 years ago

1.0.0-canary.70.428351e.0

6 years ago

0.6.3-canary.70.195015c.0

6 years ago

0.6.3-canary.70.fb8b4de.0

6 years ago

0.6.2

6 years ago

0.6.2-canary.82.4f516e5.0

6 years ago

0.6.2-canary.undefined.4f516e5.0

6 years ago

0.6.1

6 years ago

0.6.0-canary.80.b1c6d94.0

6 years ago

0.6.1-canary.81.6893f0d.0

6 years ago

0.6.0

6 years ago

0.6.0-canary.80.800510c.0

6 years ago

0.5.2-canary.79.4b24a54.0

6 years ago

0.5.2-canary.78.54da35c.0

6 years ago

0.5.2-canary.undefined.54da35c.0

6 years ago

0.5.1

6 years ago

0.5.1-canary.58.fea0a94.0

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago