Batman's utility belt is a feature of Batman's costume. Similar belts are used by the various Robins, Batgirl, and other members of the Bat-family.
Batman historian Les Daniels credits Gardner Fox, the first writer other than Bill Finger to write the adventures of Batman in Detective Comics, with introducing the utility belt concept in Detective Comics #29 (July 1939). In its first appearance, Batman's utility belt "contain[ed] choking gas capsules." Two issues after the utility belt debuted, Fox also wrote the first appearance of a bat-themed weapon, when the batarang debuted in the story "Batman vs. the Vampire" in Detective Comics #31 (Sep 1939).
Up until 1989, most artists drew the utility belt as a simple yellow belt with a buckle and capsules/cylinders around it. In 1986, Frank Miller drew Batman's utility belt with military-style pouches in the Batman: The Dark Knight Returns limited series. This rendition was used again in Batman: Year One and used by almost every artist in the Batman: Legends of the Dark Knight comics series. In 2000, the pouches became a standard feature in the depiction of the utility belt.
The grapple gun, which fired the Batline/Bat-rope (it had to be thrown manually prior to that), was first introduced in Tim Burton's live-action film, Batman. One feature added to the utility belt in the film and its sequel Batman Returns, was a small motor which would move items from the back of the belt around to the front allowing Batman easier access to his weaponry and tools.
Edit it online https://www.tinkercad.com/things/lKKVJXjKhPM