PixiJS v7 Compatible

PixiJS TextStyle Editor

Design fonts, gradients, shadows, glows and strokes in real-time. Copy a ready-to-paste TextStyle JSON directly into your PixiJS project.

Live preview No upload Gradients & glow JSON export Custom fonts
Style Presets
Click to apply a starting point
Live Preview
BG: 

        

        

          

        

      

    


  


  
  


    
    

      
        
Text Content

        
      
      

        

          
          
        

        

          
          
        

        

           Word wrap
          
        

        
      

    


    
    

      
        
Font

        
      
      

        

          
          
        

        

          
          
🔤

          
Upload custom font

          
TTF, OTF, WOFF, WOFF2

          
–

        

        

          
          

            
            64px
          

        

        

          
          
        

        

          
          
        

        

          
          

            
            0
          

        

        

          
          

            
            0
          

        

      

    


    
    

      
        
Fill Color

        
      
      

        

          
          
        

        
        

          

            
            

              

                

                
              

              
            

          

        

        
        
      

    


    
    

      
        
Stroke

        
      
      

        

          
          

            

              

              
            

            
          

        

        

          
          

            
            0px
          

        

        

          
          
        

      

    


    
    

      
        
Drop Shadow

        
      
      

        

           Enable shadow
          
        

        

        

          
          

            

              

              
            

            
          

        

        

          

            
            

              
              3px
            

          

          

            
            

              
              3px
            

          

        

        

          
          

            
            4px
          

        

        

          
          

            
            0.70
          

        

        

          
          

            
            45°
          

        

      

    


    
    

      
        
Glow Effect

        
      
      

        

           Enable glow
          
        

        

          
          

            

              

              
            

            
          

        

        

          
          

            
            6px
          

        

        

          
          

            
            0.50
          

        

      

    


    
    

      
        
Transform

        
      
      

        

          
          

            
            0°
          

        

        

          
          

            
            1.00
          

        

        

          
          

            
            1.00
          

        

      

    


  






Copied!