Dependencies: ox_lib, ox_inventory

1. Place the resource in the resources folder.
2. Add ensure yebex-recycle to your server.cfg.
3. Configure the recycling system in shared/shared.lua:

return {
    -- Framework settings
    Inventory = 'auto', -- Options: 'auto', 'ox_inventory', 'custom'
    Notification = 'auto', -- Options: 'auto', 'ox_lib', 'custom'
    Target = 'auto', -- Options: 'auto', 'ox_target', 'custom'
    Images = 'nui://ox_inventory/web/images',

    -- Processing locations
    Locations = {
        [1] = {
            coords = vector4(266.8517, -1113.9248, 87.8147, 271.6144),
            label = "Industrial Recycling Hub",
            prop = 'bzzz', -- uses animated model
            distance_for_props = 7.5, -- spawn distance
            target_distance = 1.5, -- interaction range
            animationSystem = {
                enabled = true,
                useAnimatedModels = true,
                enableParticleEffects = true
            },
        },
    },

    -- Recycling system settings
    Recycle = {
        durationPerItem = 5000, -- processing time per item (ms)
        RequireRemoveConfirmation = true,
        alwaysReward = true,
        minimumReward = 1,
        items = {
            plastic = { 
                enabled = true,
                rewards = {
                    { item = 'plastic', min = 1, max = 1, chance = 50 },
                    { item = 'rubber', min = 1, max = 1, chance = 50 },
                }
            },
        },
    }
}

Configure settings in shared/shared.lua and editables in resources/client/editables, as needed.

Framework Settings

Inventory = 'auto', -- Options: 'auto', 'ox_inventory', 'custom'
Notification = 'auto', -- Options: 'auto', 'ox_lib', 'custom'
Target = 'auto', -- Options: 'auto', 'ox_target', 'custom'
Images = 'nui://ox_inventory/web/images'

Theme Configuration

Theme = {
    current_theme = 'purple', -- active theme name
    border_radius = 'straight', -- rounded, straight
    
    themes = {
        purple = {
            primary   = '#8B5CF6',
            secondary = '#A78BFA',
            background = '#1a1a1a9d',
            text      = '#FFFFFF',
            border    = '#8B5CF6'
        },
        -- 8 more themes available: orange, blue, yellow, red, green, pink, cyan
    }
}

Prop Models

propModels = {
    ['bzzz'] = { -- Premium animated recycler
        animatedModel = {
            enable = true, -- uses animation
            normalModel = 'bzzz_prop_recycler_b', -- idle model
            animatedModel = 'bzzz_prop_recycler_a', -- active model
        },
        particleEffects = {
            enable = true,
            dict = 'core',
            name = 'ent_dst_rocks',
            scale = 1.0,
            loop = false, -- true = continuous, false = burst mode
            seconds_between_particle = 5
        }
    },
    
    ['custom'] = { -- Standard static recycler
        animatedModel = {
            enable = false, -- no animation
            normalModel = 'prop_recyclebin_01a',
        },
        particleEffects = {
            enable = true,
            dict = 'core',
            name = 'ent_dst_rocks_small',
            scale = 1.0,
            loop = false,
            seconds_between_particle = 1.5
        }
    }
}

Processing Locations

Locations = {
    [1] = {
        coords = vector4(266.8517, -1113.9248, 87.8147, 271.6144),
        label = "Industrial Recycling Hub",
        prop = 'bzzz', -- uses animated model
        distance_for_props = 7.5, -- spawn distance
        target_distance = 1.5, -- interaction range
        animationSystem = {
            enabled = true,
            useAnimatedModels = true,
            enableParticleEffects = true
        },
    }
}

Recycling System Settings

Recycle = {
    durationPerItem = 5000, -- processing time per item (ms)
    RequireRemoveConfirmation = true, -- confirmation dialog
    alwaysReward = true, -- always reward items
    minimumReward = 1, -- minimum different item reward
    
    items = {
        plastic = { 
            enabled = true,
            rewards = {
                { item = 'plastic', min = 1, max = 1, chance = 50 },
                { item = 'rubber', min = 1, max = 1, chance = 50 },
            }
        },
        glass = { 
            enabled = true,
            rewards = {
                { item = 'glass', min = 1, max = 1, chance = 100 },
                { item = 'copper_ingot', min = 1, max = 1, chance = 100 },
                { item = 'diamond_ore', min = 1, max = 1, chance = 100 },
            }
        },
    }
}

• "purple" - Purple theme (default)
• "orange" - Orange theme
• "blue" - Blue theme
• "yellow" - Yellow theme
• "red" - Red theme
• "green" - Green theme
• "pink" - Pink theme
• "cyan" - Cyan theme

Each theme includes custom primary, secondary, background, text, and border colors.

Modern React UI

• Beautiful, responsive interface built with React, TypeScript, and Tailwind CSS
• Smooth animations and modern design
• 8 customizable themes with custom color schemes
• Configurable border radius (rounded/straight)

Advanced Recycling System

• Configurable processing duration per item
• Customizable reward system with chance-based drops
• Support for both animated and static recycler props
• Particle effects and visual feedback
• Confirmation dialogs for item removal

Multi-Framework Support

• Auto-detects inventory systems (ox_inventory, custom)
• Works with any notification system (ox_lib, custom)
• Works with any targeting system (ox_target, custom)
• Customizable image paths for inventory items