Editor

133 snippets

Browse editor — subcategories and filters in one place. Use the table of contents to explore this branch.

editor

Snippets(133)

A Fullstack Notion Clone using Next.js 13
A a fullstack notion clone using next.js 13 built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A Markdown Editor with React
A a markdown editor with react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A Material-UI File Upload Dropzone For React
A a material-ui file upload dropzone for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A Minimalist Text Editr web application made using React.js and pure CSS
A a minimalist text editr web application made using react.js and pure css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A React Code Editor With Screen Recorder And Talking Head
A a react code editor with screen recorder and talking head built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A React Wrapper Built For The Trix Editor
A a react wrapper built for the trix editor built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A React app to preview and edit Markdown
A a react app to preview and edit markdown built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A React component that allows users to create emails using a drag-and-drop interface
A a react component that allows users to create emails using a drag-and-drop interface built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A React component to make transcribing audio and video easier and faster
A a react component to make transcribing audio and video easier and faster built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A React component to use CSS animations to swap letters in 2 words which are an anagram of each other
A a react component to use css animations to swap letters in 2 words which are an anagram of each other built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A React-based text editor using a suite of standard plugins
A a react-based text editor using a suite of standard plugins built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A Responsive React app to analyze and edit texts
A a responsive react app to analyze and edit texts built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A Simple WYSIWYG editor for react
A a simple wysiwyg editor for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A Slack Clone which built with React
A a slack clone which built with react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A Task Board with drag and drop feature For React
A a task board with drag and drop feature for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A Toy Project like Notion Table Editor
A a toy project like notion table editor built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A WYSIWYG in-line web editor written in React
A a wysiwyg in-line web editor written in react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A WYSIWYG markdown editor based on Milkdown
A a wysiwyg markdown editor based on milkdown built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A blazing-fast React.js code editor with real-time HTML, CSS, and JS preview
A a blazing-fast react.js code editor with real-time html, css, and js preview built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A code editor built using react that compiles and runs multiple programming languages
A a code editor built using react that compiles and runs multiple programming languages built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A collaborative Rich Text editing experience (similar to Google Docs) using nostr-crdt
A a collaborative rich text editing experience (similar to google docs) using nostr-crdt built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A completely customizable framework for building rich text editors using react
A a completely customizable framework for building rich text editors using react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A custom textarea yjs binding using react
A a custom textarea yjs binding using react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A demo showing Alpine with WordPress's Gutenberg editor
A a demo showing alpine with wordpress's gutenberg editor built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A editor with the main features created using Remirror and with a special code block
A a editor with the main features created using remirror and with a special code block built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A fully theme manager for React project
A a fully theme manager for react project built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A generic drag-and-drop dataflow editor for React
A a generic drag-and-drop dataflow editor for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A headless, framework-agnostic and extendable rich text editor for react
A a headless, framework-agnostic and extendable rich text editor for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A javascript microframework to shorten daily use CSS class manipulator methods by adding them all into a single method
A a javascript microframework to shorten daily use css class manipulator methods by adding them all into a single method built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A light weight code editor that helps as to code efficiently & swiftly in a 360° world
A a light weight code editor that helps as to code efficiently & swiftly in a 360° world built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A light-weight React Markdown editor with preview
A a light-weight react markdown editor with preview built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A lightweight and extensible drag & drop toolkit for React
A a lightweight and extensible drag & drop toolkit for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A markdown editor to create and store several .md files
A a markdown editor to create and store several .md files built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A markdown editor using Electron, ReactJS, Vite, CodeMirror, and Remark
A a markdown editor using electron, reactjs, vite, codemirror, and remark built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A minimal Markdown Editor desktop app built on top of Electron
A a minimal markdown editor desktop app built on top of electron built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A minimalist JavaScript library for reorderable drag-and-drop lists
A a minimalist javascript library for reorderable drag-and-drop lists built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A node-graph editor built with React.js
A a node-graph editor built with react.js built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A platform designed as an addition to Google Classroom for students to gain the best out of online education
A a platform designed as an addition to google classroom for students to gain the best out of online education built with modern frontend techniques for responsive and reusable UI.
Form Elements Frontend Ui Modern Design User Input+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A plugin enables you to import a Markdown file as various formats on your vite project
A a plugin enables you to import a markdown file as various formats on your vite project built with modern frontend techniques for responsive and reusable UI.
Form Elements Frontend Ui Modern Design User Input+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A react writing app With Vim mode and in-editor code highlight
A a react writing app with vim mode and in-editor code highlight built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A real time code editor with React and Socket.io
A a real time code editor with react and socket.io built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A real-time code editor built with React.js and Socket.io
A a real-time code editor built with react.js and socket.io built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A rectangle react component which can be resized and rotated
A a rectangle react component which can be resized and rotated built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A rich text editor component and a preview section created with Draft.js and react-draft-wysiwyg
A a rich text editor component and a preview section created with draft.js and react-draft-wysiwyg built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A rollup plugin to generate javascript files that export the text of the css files
A a rollup plugin to generate javascript files that export the text of the css files built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A sample app which uses Monaco Editor integration, and runs the script on frame from webcam
A a sample app which uses monaco editor integration, and runs the script on frame from webcam built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A simple Markdown Editor with react
A a simple markdown editor with react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A simple Markdown editor made with React and TypeScript
A a simple markdown editor made with react and typescript built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A simple Rich Text Editor created using TypeScript and React
A a simple rich text editor created using typescript and react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A simple component for making elements draggable
A a simple component for making elements draggable built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A simple markdown editor made in React.js
A a simple markdown editor made in react.js built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A simple npm script to generate an .editorconfig file
A a simple npm script to generate an .editorconfig file built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A simple react.js markdown editor with preview
A a simple react.js markdown editor with preview built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A text editor built with Tiptap and TailwindCSS for React
A a text editor built with tiptap and tailwindcss for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A toolkit to test Slate rich text editors with Jest, React Testing Library, and hyperscript
A a toolkit to test slate rich text editors with jest, react testing library, and hyperscript built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
A tutorial for building a beautiful Markdown editor with React
A a tutorial for building a beautiful markdown editor with react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
An extension for the Tiptap editor, enabling the annotation of text
A an extension for the tiptap editor, enabling the annotation of text built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
An online collaborative text editor based on event sourcing architecture
A an online collaborative text editor based on event sourcing architecture built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
An open-source Codepen.io clone works online in real-time using react
A an open-source codepen.io clone works online in real-time using react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
BlockNote Editor: A Notion-style text editor built with React
A blocknote editor: a notion-style text editor built with react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Blocky Editor - An editor which supports the concept of blocks
A blocky editor - an editor which supports the concept of blocks built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Build your own code editor that compiles and runs 40+ programming languages
A build your own code editor that compiles and runs 40+ programming languages built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
CK Editor 5 in React
A ck editor 5 in react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
CodeMirror component for React
A codemirror component for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Colaborative editor using Quill Editor and React
A colaborative editor using quill editor and react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Conveyer adds Drag gestures to your Native Scroll
A conveyer adds drag gestures to your native scroll built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Create a html response with JSX
A create a html response with jsx built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Currency textfield for React Material UI
A currency textfield for react material ui built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Drag and Drop flow diagram With React
A drag and drop flow diagram with react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Drag and Drop library for React
A drag and drop library for react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Drag and drop page building for any site
A drag and drop page building for any site built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Easy Drag & Drop sort list with react
A easy drag & drop sort list with react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Edit video by writing JS code
A edit video by writing js code built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Edit your react-three-fiber scene with a visual editor
A edit your react-three-fiber scene with a visual editor built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Editable field components for inline editing with react
A editable field components for inline editing with react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Enjoy creating cover image for your hashnode blog like never before, get started in seconds
A enjoy creating cover image for your hashnode blog like never before, get started in seconds built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Fast, minimal web editor that makes markdown editing collaborative and accessible to everyone
A fast, minimal web editor that makes markdown editing collaborative and accessible to everyone built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Generic editor for Splunk's KV store written in Splunk's React-UI framework
A generic editor for splunk's kv store written in splunk's react-ui framework built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Git peek - The fastest way to open a remote git repository in your local text editor
A git peek - the fastest way to open a remote git repository in your local text editor built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Google Docs with React.js, Rich Text Editor, Tailwind CSS and Firebase
A google docs with react.js, rich text editor, tailwind css and firebase built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Griffel: CSS-in-JS with ahead-of-time compilation
A griffel: css-in-js with ahead-of-time compilation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Icreate Online Editor: Codepen Clone Built With React.Js
A icreate online editor: codepen clone built with react.js built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Image Picker Editor library for React.js
A image picker editor library for react.js built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Image, Presentation and Video editor
A image, presentation and video editor built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Image, Presentation and Video editor. Canva clone
A image, presentation and video editor. canva clone built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Joditor: A WYSIWYG editor with multiple features
A joditor: a wysiwyg editor with multiple features built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Live Editor with React, Quill, and Socket.IO
A live editor with react, quill, and socket.io built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Mage - An open-source code editor for transforming data and building ML pipelines
A mage - an open-source code editor for transforming data and building ml pipelines built with modern frontend techniques for responsive and reusable UI.
Form Elements Frontend Ui Modern Design User Input+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Magic Spell - An AI-powered text editor built with Next.js and the Vercel AI SDK
A magic spell - an ai-powered text editor built with next.js and the vercel ai sdk built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Multiplayer code editor system using React
A multiplayer code editor system using react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Nota Markdown Editor Built With Vite, Electron And React
A nota markdown editor built with vite, electron and react built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Notetap - Notion like editor built on top of tiptap
A notetap - notion like editor built on top of tiptap built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Offical TinyMCE React component
A offical tinymce react component built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Pixel Annotation Tool Written in React and OpenCV.js
A pixel annotation tool written in react and opencv.js built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
React + Firebase Blog with WYSIWYG Blog editor
A react + firebase blog with wysiwyg blog editor built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
React Markdown Editor with real-time preview
A react markdown editor with real-time preview built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
React component preview markdown text in web browser
A react component preview markdown text in web browser built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
React component to create graphic user interface with draggable nodes
A react component to create graphic user interface with draggable nodes built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
React component to fetch GitHub followers and showcase certain amount at each page with pagination
A react component to fetch github followers and showcase certain amount at each page with pagination built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
React component wrap for SimpleMDE Markdown Editor
A react component wrap for simplemde markdown editor built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari

Page 1 of 2

related hubs