Skip to content

DEV Community

Mayank

Posted on Jan 17, 2024

11

1

1

Drag and Drop Components with basic CSS & Javascript

#codepen #webdev #javascript #beginners

This is a prototype over which you can make your own fancy component. This should work irrespective of wherever you place the containers of draggable items.

Top comments (5)

Subscribe

WEB KHAN • Jan 17 '24

Helpful! thanks

Mayank • Jan 17 '24

Thank you :)

Mehul 999 • Jan 18 '24

Thank you :)

Ibrahima D. • Jan 18 '24

helpful :) thanks

Georgexp97 • Jan 18 '24

Great post

The Most Contextual AI Development Assistant

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Read next

An Alternative to filter().map(): Using flatMap()

Raja Jaganathan - Feb 22

Stay ahead in web development: latest news, tools, and insights #73

Adam - Feb 24

Using DeepSeek-R1 on Azure with JavaScript

Yohan Lasorsa - Feb 13

30 Creative Projects created with HTML, CSS and JavaScript- Part 2 #30days30projects

Km-js - Feb 19

Building web solutions to real world problems !

Location

Ghaziabad, India
Joined

Nov 16, 2023

Fly to cart animation with Pure Javascript in few lines.

#webdev #animation #javascript #frontend

Easily build progressive Steps Rendering Component in Reactjs

#javascript #webdev #react #frontend

Infinite Scroll Component with Intersection Observer API

#codepen #webdev #javascript #frontend

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.