MCPcopy Index your code
hub / github.com/core7s/react-design-editor

github.com/core7s/react-design-editor @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
399 symbols 933 edges 217 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Design Editor

This is a designer tool including graphic editor, presentation editor, video editor, etc.

Screenshots

React editor created editors for graphics, presentations and video.

Select Editor

Video Editor

How to start

Install dependencies, currently using pnpm, but other package managers should work too.

pnpm i

Start the project on development mode

pnpm dev

App should be running now.

Contribution

Feel free to contribute by opening issues with any questions, bug reports or feature requests.

Extension points exported contracts — how you extend this code

ImportMetaEnv (Interface)
(no doc)
src/env.d.ts
Props (Interface)
(no doc)
src/components/Resizable/resizer.tsx
ResourcesState (Interface)
(no doc)
src/store/slices/resources/reducer.ts
State (Interface)
(no doc)
src/views/DesignEditor/components/Panels/PanelItem.tsx
PixabayImage (Interface)
(no doc)
src/services/pixabay.ts
Page (Interface)
(no doc)
src/interfaces/common.ts
IAppContext (Interface)
(no doc)
src/contexts/AppContext.tsx
ImportMeta (Interface)
(no doc)
src/env.d.ts

Core symbols most depended-on inside this repo

render
called by 29
src/components/Resizable/resizer.tsx
useDesignEditorContext
called by 16
src/hooks/useDesignEditorContext.ts
useSetIsSidebarOpen
called by 12
src/hooks/useSetIsSidebarOpen.tsx
loadFonts
called by 11
src/utils/fonts.ts
useAppContext
called by 10
src/hooks/useAppContext.tsx
getDefaultTemplate
called by 9
src/constants/design-editor.ts
hasDirection
called by 6
src/components/Resizable/index.tsx
handleChange
called by 6
src/views/DesignEditor/components/Panels/panelItems/Common/Shadow.tsx

Shape

Function 289
Interface 51
Method 47
Class 10
Enum 2

Languages

TypeScript100%

Modules by API surface

src/components/Resizable/index.tsx44 symbols
src/services/api.ts24 symbols
src/views/DesignEditor/components/Navbar/Navbar.tsx11 symbols
src/views/DesignEditor/components/Toolbox/Text.tsx10 symbols
src/views/DesignEditor/components/Panels/panelItems/Videos.tsx7 symbols
src/views/DesignEditor/components/Playback/Controler.ts6 symbols
src/views/DesignEditor/components/Panels/panelItems/Customize.tsx6 symbols
src/components/Dropzone/DropZone.tsx6 symbols
src/views/DesignEditor/components/Toolbox/Common.tsx5 symbols
src/views/DesignEditor/components/Panels/panelItems/Text.tsx5 symbols
src/views/DesignEditor/components/Panels/panelItems/Graphics.tsx5 symbols
src/views/DesignEditor/components/Panels/panelItems/Common/Gradient.tsx5 symbols

For agents

$ claude mcp add react-design-editor \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact