Our website has moved! For a better experience, visit tgiann.com.
Close
Clothing

ShowCase

tgiann-clothing is a complete appearance system for FiveM servers. Character creation, clothing shops, barbers, tattoo shops, outfits, job wardrobes and realistic armor all come in one script.

Every piece of clothing in the shop is shown with its real picture and price, and the script takes those pictures by itself. You never have to photograph thousands of clothes by hand.

Instead of managing shops through config files, everything is set up in-game through the admin panel. Shops, prices, clothing lists, hidden clothes, armor and pictures can all be edited live without restarting the script.

Main Features

  • Shop-Specific Clothing Lists - Every shop can sell its own clothes, with its own prices, only for the jobs you choose.
  • Character Creator - Parents, face features, hair, hair overlays, beard, skin details, makeup and a starting outfit.
  • Real Clothing Pictures - Every piece of clothing is shown with its real picture. Players can switch to a classic list if they prefer.
  • Automatic Picture System - Photographs every piece of clothing automatically, skips existing pictures and supports custom camera angles.
  • Smart Shopping - Arrow key browsing, type the number to jump, hold buttons to speed up, basket system and cash or bank payment.
  • Outfit Wardrobe - Save outfits with a name, icon and color. Share them with friends using the outfit ID.
  • Clothes as Items - With tgiann-inventory, every piece of clothing can be a real item, with outfit sets and clothing bags.
  • No-Item Mode - Not using items? Bought clothes go directly onto the character.
  • Barber Shop - Every hairstyle, beard and makeup option with pictures, plus saved looks and a mirror item.
  • Tattoo Shop - Every GTA tattoo is read automatically. Custom tattoos can be added to any zone.
  • Realistic Armor - The vest is visible on the player while they have armor, and disappears at zero.
  • Job Wardrobes - Grade-based job outfits that stay on after /refreshskin.
  • Player-Owned Shops - Players can buy or rent shops and earn a share of every sale.
  • In-Game Admin Panel - Shops, areas, blips, fitting rooms, business settings, prices, hidden clothes and face masks.
  • Ped Support - Let players start as a ped from a config list, or set any player’s ped with a command.
  • Multi-Language Support - Fully editable language files.

Shop-Specific Clothing Lists

  • Every shop in your city can sell its own clothes. For example, a police shop can sell nothing but police gear, and only police officers can open it.
  • Clothing lists are created in-game from the admin panel. Add the clothes you want to a list, and give every piece in the list its own price.
  • Assign the list to any shop and choose which jobs can use it. It can be police, EMS, or no job at all so every player can shop there.
  • If a player loses the job, the shop menu no longer opens for them. When they get the job back, the shop works again.
  • You can do this for one shop or for all of them: a luxury boutique, a gang store, a biker shop. There is no limit.


6c4f7a856b9d63e6aa6bedc8b9c289f328751189.png

02-police-shop


46e5458312d80ce5f5ebdf5fb3db505405233356.png

0f93292dbcec500e4a3fdb8ff17232823087ccbf.png

cd528612de11c50ebdc0c8a1f09e995937ab7a68.png

ca89f0fb977cb710704deec38ddd0b7a3e03434e.png

06-shop-access



Character Creator

  • New players land directly in the character creator. Turn the character, move the camera up and down, zoom with the mouse wheel and try different poses.
  • Pick a mom and dad from real portraits, then adjust how much the face and skin tone take after each parent.
  • Parents can be any face, so two moms or two dads also work. This can be turned off from the config.
  • Shape every detail of the face with simple pads: brows, nose, cheeks, lips, jaw and neck.
  • Smart camera - When the character turns toward a wall, the camera moves in by itself instead of going through it.

91ec72055dbadfdf635549e639945cdd18dcc4ed.png

6b3587778d12dddc34fbb35669d16a14e7081873.png

  • Every hairstyle has a picture, and the script takes these pictures by itself.
  • Pick the style, a main color and a highlight color.
  • Hair overlays - The fade on the sides that most scripts skip. Find the one that fits the hairstyle.
  • Eyebrows, beard and chest hair, all with pictures and an opacity slider.
  • The skin tab includes blemishes, age, scars, freckles and sun damage. Makeup includes eye makeup, blush and lipstick, each with its own colors.
  • Switch tabs with Q and E or the arrow keys. All shortcuts are always visible on screen.


700b0d80cdb3acc81e35eb1c1d696b3beb0441cb.png

05-hair-pictures


a7fc1ff1fa45d57a9aeac59b5db18e01f379eb81.png

bb6af19a0e2dc808f86c95c5a8989b79720faedd.png

ac909ba4941d99f9bfdfe6b42b954bf82dfbee1d.png

b31257dd7c4049bff3c47e62af40d5421747dd3e.png

  • Optionally let players start as a ped from a list in the config.
  • Let new players pick their first outfit in the creator, or start everyone in an outfit you set.

b03fcfe90f8c40ad5fea3d2a75c6ad9d9f1056b6.png


Clothing Shop

  • Walk into any clothing shop and press H. Every piece of clothing is shown with its real picture and price.
  • Prefer a classic list? Players can switch the pictures off with one button, and server owners can turn them off for everyone from the config.

8390d2327e29f6e0084dff5e0086d89de96e70f2.png

cc50446cd11bfcc71d776878467986061222bf93.png

  • Browse with the arrow keys: left and right for the clothing, up and down for its colors. No mouse needed.
  • A friend says number 150 looks great? Type 150 and you are there. The same works for colors.
  • Hold any arrow button, and it speeds up the longer you hold it.

03-browse-arrows

6a6a096060f52314d0188251fdb520f8a1fa2fb7.png

06-hold-to-speed

  • Everything you try goes into the basket, every piece with its own price.
  • With Auto Add enabled, every piece you try is added to the basket. Turn it off to add only what you pick.
  • The camera follows the menu, down to the shoes and up to the hat.
  • Try the outfit in different poses, and raise your hands with X to check the fit.

61091e20e2662cf0ee5c8d0a5df8916a78c7c3a4.png

980e0f84647fed079e718a195a50eb2bdda8760b.png

70d223280446d77cce1bc69574a47ab8e54fe310.png

a07c55b1b5b210ed7475041c403f031d1533667f.png

0e60dd23887a2d54b1254be6a39f49afa4dd6dfe.png

  • Pay with cash or bank, and select exactly which pieces you want to buy.
  • Shopping for your partner? Switch to the other gender’s clothes with one button and buy for them.

5669cb91995c0160bd78bf18f133080244848b4d.png

ae27c7088044f3d58ad45c913a7aa4eb2f977821.png

e64d4efd21bfb0025352ed7749fff0239d328911.png


Outfit Wardrobe

  • Like the look? Save it to your wardrobe with a name. Saved outfits are always one click away.
  • Every outfit has an ID. Type a friend’s outfit ID, and their outfit is yours.
  • Give each outfit its own icon and color.
  • Update an outfit with what you are wearing now, rename it or delete it.

042434d45efb060d1e3ae2938542a2b419c890cf.png

b4a6c0b9173a4933a428f5183f4886103db4c722.png

764773ecb2ec38fab1d8f123545bdc45f360ef5d.png


Clothes as Items (tgiann-inventory)

  • If you are using tgiann-inventory, every piece of clothing can be a real item.
  • Drag a piece onto its clothing slot to wear it, drag it off to take it off.
  • Outfit Sets hold a complete outfit. Put the pieces inside, rename the set, and wear all of it in one move.
  • Clothing Bags work as a wardrobe you carry. Keep your clothes inside and place the bag anywhere.
  • Buy clothes for a friend, fill a bag with them, and hand it over.

1a3f6a85d661acc134929ce1067784a54aa779b0.png

02-drag-to-wear


e7471b23237126011b8c3a2ec0030c0e78b71dcd.png

d824d2f996b5a5f44a93153f881f00eb92bfdc7a.png

05-outfit-set-wear

e5b9b08c10b086c0d340980cb954f031c4202273.png

02e769b0dd2115d838b20dd6a89d07ee23970ea6.png

692d02c7625366743df65b3d4417f3993be1d377.png


No-Item Mode

  • Not using clothes as items? Turn it off with config.clothingAsItem, and bought clothes go directly onto the character.
  • While paying, players can save the look as an outfit before buying.
  • Add outfit changers to houses and motels with an export, or use the clothing_changer item to change outfits anywhere.

39df7977b077ce6888a2e99e275e28071b5f7fad.png

7a56562708ffc62c7ec64c01e1ec7f66844f796d.png

70ef95f87efa28a3426297d0a189b8109eac4577.png


Barber Shop

  • Barbers work the same way. Press H in any barber shop.
  • Hair, eyebrows, beard and makeup, every style with a picture.
  • When paying, the script asks if you want to save the look, so you can come back to it later. Saved looks are listed in their own tab.
  • Out in the city, the barber_changer mirror item opens your saved hair looks anywhere.
  • Players can’t use it right after taking damage, so nobody changes their look in the middle of a fight. The duration is configurable.

ec02bb46c38df0bff384b32d39dca90c01228d19.png

ab15acca683804e9aedf8e0f0eb0b6f7f70bdce6.png

04b019487f038854c074a86f82e1793f14f1a88e.png

04-barber-switch

b84d8fb09587ac1d398c81aabd257bc31ce1b8cb.png

3ebc1b8610e8dc4803f09c6dc4dbf3afe9bab85c.png


Tattoo Shop

  • Tattoo shops list every tattoo in the game, read automatically.
  • Pick a zone, and the camera turns to that part of the body.
  • Bought tattoos move to the top of the list. Remove a single tattoo whenever you like.
  • Search by name, and add your own custom tattoos to any zone.

1194236e8bd430281e30affc11e9c59e9b872289.png

1bc969fb92bfd501ac69b771706c5a0c89607f0a.png

03-tattoo-camera

dfe407dc2c205199c611b42f93aba65a295955c8.png


Realistic Armor

  • When a player has armor, the vest is visible on them. When the armor reaches zero, it disappears.
  • Buy a vest in a clothing shop, and that vest is the one that shows.
  • Some pieces in the armor slot are not vests, like gloves or badges. While the player has armor, the vest shows. At zero, their own piece comes back.
  • From the admin panel, mark which clothes count as armor, choose the default vest and its color, separately for men and women.


da7a6c45cb7f2834517ec0a7b998ca178bf5b27e.png

02-armor-on-off


a26645f04c80698fa0b498829adaba6d48b8b5c5.png


Job Wardrobes

  • Every job can have its own outfits, set up in configClothingRoomsOutfits.lua.
  • Outfits can be set by grade, so higher ranks unlock more outfits.
  • /refreshskin brings back your job outfit, not your street clothes.
  • The /hair command swaps long hair for a short style, so it never pokes through a hat or helmet. Use it again to bring it back.

6586591b3c1961dfd7d44839dda39cc4512ae01e.png

a2853bd18187a21c302a35d2315e133da9a010cc.png


Player-Owned Shops

  • Any shop can be for sale. Players can buy or rent it from the Shop Control Panel inside the shop.
  • The panel shows the rent due date, the remaining days and the rent price.
  • Every sale puts a share into the register. For example, a $100 sale with a 50% owner share gives the owner $50.
  • Owners can transfer the shop to another player or sell it back.

46c009648d81c62c72cc0343d35e297df423479c.png

46696523e209df4b1f5fd5143d64c0aefe50c6a5.png


Admin Panel

  • Everything is set up in-game with the /skinadmin command. No config files for shops.
  • Add new shops or edit existing ones. Choose the shop type (clothing shop, barber or tattoo shop) and which jobs can use it.
  • Enable the fitting room, and players step into a private room while they shop.
  • Draw the shop area directly in the world, corner by corner, and place or hide the map blip.
  • Business settings per shop: not for sale, default settings, or its own price, owner share, rent and even a custom currency.

35c7686f36809328e86d046a2bdec54b432f3bae.png

2565a8d5557436865e6cb32ebef1ddeb748a9644.png

8424d42a44d1f95351fa849529a070d9eb3a27ab.png

04-shop-area

025f3174eee2a6e5b6af34e4740ee9a999028c15.png

fa987ff58ddf089a0398885a77e9375a892ab3f4.png

  • Set the price of any piece of clothing, or a whole category at once.
  • Hide broken or unwanted clothes, and no shop will show them.
  • Some faces clip through masks. Mark those masks, and the face of every player wearing one is reset to fit.
  • Order the menu by collection. Put your police pack first, or show only the packs you want.

93fa878a200582218729c6f916cadccf1532ca76.png

7723a56ce626aa57537293a9bd69a15331c2bd55.png

aa8973d09e737b0b4d956aef239b1d38b28225fd.png

b66fbd9bc14d8cd92a6ea4fcc8cbf595e38987c3.png


Automatic Clothing Pictures

  • Press one button, and the script photographs every piece of clothing by itself.
  • It shows the remaining time and skips the pictures you already have.
  • Retake any piece with the default camera or a custom camera angle.
  • Thousands of pieces, every one with a real picture, and you never take one by hand.

c966d27037273c3dad71c5f9ec77f94733a5f5cf.png

28c281974e3afc711fdd3b195325bae868238c27.png


Extra Admin Tools

  • The Code tab shows your character’s data as numbers, ready to copy into a config.
  • Admins can set any player’s ped with the /ped command.

d6b0bebfc99a893e4749cf6a5433adc70b24df10.png

3d8a97655007fc4da44571943e0f1c96fa34d5af.png