Packages

shadcn/ui-inspired component library for Phoenix LiveView with eject-based distribution. CSS-first theme system, 829 components across 20+ categories — Calendar, Chart, Animation, DnD, Editor, Collaboration, Typography, Navigation, Background, Surface, and more.

Current section

Files

Jump to
phia_ui docs assets banner.svg
Raw

docs/assets/banner.svg

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="180" viewBox="0 0 900 180">
<defs>
<!-- Phoenix symbol CSS classes (Sunset Parnaíba palette) -->
<style>
.st0 { fill: #1C0A1A; stroke: #BE185D; stroke-miterlimit: 10; stroke-width: 8; }
.st1 { fill: #F97316; stroke: #FBBF24; stroke-miterlimit: 10; }
.st2 { fill: none; stroke: #FB923C; stroke-linecap: round; stroke-miterlimit: 10; }
.st3 { fill: #FFF7ED; }
</style>
<!-- Background gradients -->
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#1C0A1A"/>
<stop offset="60%" style="stop-color:#220D20"/>
<stop offset="100%" style="stop-color:#1A0818"/>
</linearGradient>
<radialGradient id="warmOverlay" cx="75%" cy="50%" r="55%">
<stop offset="0%" style="stop-color:#2D0B1A;stop-opacity:1"/>
<stop offset="100%" style="stop-color:#1C0A1A;stop-opacity:0"/>
</radialGradient>
<radialGradient id="phoenixGlow" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#F97316;stop-opacity:0.14"/>
<stop offset="100%" style="stop-color:#F97316;stop-opacity:0"/>
</radialGradient>
<radialGradient id="textGlow" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#FBBF24;stop-opacity:0.07"/>
<stop offset="100%" style="stop-color:#FBBF24;stop-opacity:0"/>
</radialGradient>
<!-- Dot pattern -->
<pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse">
<circle cx="1" cy="1" r="0.8" fill="#BE185D" opacity="0.06"/>
</pattern>
<!-- Text gradient -->
<linearGradient id="textGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#FFF7ED"/>
<stop offset="50%" style="stop-color:#FBBF24"/>
<stop offset="100%" style="stop-color:#F97316"/>
</linearGradient>
<!-- Text glow filter -->
<filter id="txtGlowFilter" x="-20%" y="-50%" width="140%" height="200%">
<feGaussianBlur stdDeviation="3" result="blur"/>
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>
<!-- Clip -->
<clipPath id="clip">
<rect width="900" height="180" rx="12"/>
</clipPath>
</defs>
<g clip-path="url(#clip)">
<!-- 1. Base background -->
<rect width="900" height="180" fill="url(#bgGrad)"/>
<!-- 2. Warm radial overlay (depth behind text area) -->
<rect width="900" height="180" fill="url(#warmOverlay)"/>
<!-- 3. Dot noise texture -->
<rect width="900" height="180" fill="url(#dots)"/>
<!-- 4. Phoenix glow blob (behind symbol) -->
<ellipse cx="87" cy="90" rx="70" ry="60" fill="url(#phoenixGlow)"/>
<!-- 5. Text warmth glow -->
<ellipse cx="420" cy="90" rx="260" ry="70" fill="url(#textGlow)"/>
<!-- 6. Top accent line -->
<line x1="0" y1="0" x2="900" y2="0" stroke="#BE185D" stroke-width="2" opacity="0.8"/>
<!-- 7. Bottom accent line -->
<line x1="0" y1="179" x2="900" y2="179" stroke="#BE185D" stroke-width="1" opacity="0.3"/>
<!-- 8. Corner brackets -->
<path d="M 18 10 L 8 10 L 8 20" fill="none" stroke="#BE185D" stroke-width="1.5" opacity="0.5" stroke-linecap="round"/>
<path d="M 882 10 L 892 10 L 892 20" fill="none" stroke="#BE185D" stroke-width="1.5" opacity="0.5" stroke-linecap="round"/>
<path d="M 18 170 L 8 170 L 8 160" fill="none" stroke="#BE185D" stroke-width="1.5" opacity="0.4" stroke-linecap="round"/>
<path d="M 882 170 L 892 170 L 892 160" fill="none" stroke="#BE185D" stroke-width="1.5" opacity="0.4" stroke-linecap="round"/>
<!-- 9. Scattered particles -->
<circle cx="170" cy="22" r="1.5" fill="#F97316" opacity="0.35"/>
<circle cx="230" cy="158" r="1.2" fill="#FBBF24" opacity="0.30"/>
<circle cx="340" cy="18" r="1.0" fill="#BE185D" opacity="0.40"/>
<circle cx="500" cy="165" r="1.5" fill="#F97316" opacity="0.25"/>
<circle cx="620" cy="15" r="1.2" fill="#FBBF24" opacity="0.30"/>
<circle cx="730" cy="162" r="1.0" fill="#BE185D" opacity="0.35"/>
<circle cx="820" cy="20" r="1.5" fill="#F97316" opacity="0.30"/>
<circle cx="870" cy="155" r="1.2" fill="#FBBF24" opacity="0.25"/>
<!-- Phoenix symbol — scaled from 1920×1080 space to 114×114px at (30, 33) -->
<!-- scale(0.1742) translate(-438.36, 25.40):
Quadrado top-left (610.57,164.04) → (30, 33) in banner space
Quadrado bottom-right (1265.14,818.61) → (144, 147) in banner space -->
<g transform="scale(0.1742) translate(-438.36, 25.40)">
<!-- Quadrado (rounded border square) -->
<g id="Quadrado">
<rect class="st0" x="610.57" y="164.04" width="654.57" height="654.57" rx="104.32" ry="104.32"/>
</g>
<!-- Fenix_Topo (phoenix body / top) -->
<g id="Fenix_Topo">
<path class="st1" d="M876.44,312.04c-1.74,2.46-5.5,7.09-11.97,10.4-5.63,2.88-10.79,3.48-13.71,3.6,1.7.9,4.29,2.01,7.6,2.46,1.98.27,3.73.24,5.14.11-3.62,2.69-8.71,7.16-13.16,13.91-3.38,5.13-5.35,9.98-6.53,13.7,2.48-2.44,4.96-4.88,7.44-7.32-4.48,8.3-6.79,13.88-8.08,17.59-.4,1.14-1.28,3.77-3.32,6.74-1.91,2.79-4.03,4.7-5.54,5.89,1.17.15,2.94.23,5-.21,2.42-.52,4.2-1.54,5.24-2.25-3.61,9.88-6.36,22.18-5.6,36.13,2.93,54.15,56.05,85.26,62.27,88.78-3.66,2.43-8.82,5.95-14.83,10.38-40.07,29.57-82.31,60.4-83.59,98.85-.29,8.65,1.26,24.55,16.5,44.67-.53-1.87-1-4.11-1.23-6.68-.13-1.49-.15-2.88-.11-4.13,3.87,8.45,13.03,25,31.73,35.4,4.99,2.77,9.82,4.65,14.2,5.94-3.06-2.74-6.4-6.11-9.75-10.18-2.83-3.43-5.16-6.75-7.07-9.79,8.96,9.65,24.74,23.53,47.86,30.39,62.38,18.52,116.62-32.3,119.75-35.32-3.33,4.84-7.8,10.39-13.71,15.89-10.91,10.17-22.13,15.87-30.08,19.08,42.54-3.08,79.6-30.03,94.9-69.05,17.73-45.21-.78-88.72-19.25-111.36-6.03-7.38-5.7-4.77-21.87-19.83-62.82-58.47-65.87-96.07-99.53-107.87-4.24-1.49-16.56-5.23-21.97-15.81-1.77-3.46-4.63-11.41-1.84-20.09,1.12-3.48,2.92-6.04,4.26-7.64-.02,1.39.1,3.43.86,5.76.61,1.89,1.45,3.36,2.14,4.39.1-2.76.67-8.13,4.08-13.53,4.64-7.36,11.59-10.1,15.18-11.51,3.08-1.21,9.39-3.21,17.34-2.25,4.68.57,8.38,1.97,10.81,3.1-2.39,1.18-4.78,2.35-7.17,3.53,3.54.17,8.66.96,13.27,4.28,4.53,3.26,5.43,6.68,10.11,11.66,2.54,2.7,6.6,6.3,12.92,9.45,3.82,3.95,6.81,7.46,8.98,10.14,4.62,5.72,5.75,7.97,5.67,10.6-.08,2.68-1.4,4.79-2.37,6.04,2.34-.91,7.61-3.36,10.61-8.93,1.99-3.71,2.13-7.22,2.25-10.38.21-5.57-.99-10.04-1.93-12.74.95-1.72,2.19-4.35,3-7.71,2.35-9.79-.77-18.42-3.21-24.94-2.62-6.99-3.79-6.78-7.88-17.21-2.88-7.34-3.57-10.67-3.47-14.25.15-5.35,2.01-9.59,3.47-12.21-1.23.64-5.91,3.23-8.17,8.99-1.89,4.8-1.03,9.04-.65,10.54-1.81-2.33-4.06-5.79-5.67-10.4-2.63-7.53-2.14-14.15-1.6-17.69-1.54,1.72-4.49,5.5-5.57,11.13-.64,3.34-.4,6.2-.08,8.14-1.43-1.84-3.45-4.91-4.73-9.14-1.53-5.07-1.19-9.23-.95-11.97.48-5.34,2.06-9.73,3.6-12.93-6.14,3.77-8.46,8.36-9.31,10.38-1.64,3.93-1.6,7.46-1.54,12.95.06,4.89.65,8.91,1.19,11.66-1.6-1.45-3.64-3.65-5.32-6.73-3.26-5.96-3.28-11.68-3.11-14.38-1.51,2.47-4.67,8.47-3.47,15.75.27,1.66.73,3.14,1.26,4.41-9.78-3.72-17.9-5.43-23.54-6.3-6.42-.99-9.86-.94-14.26-3.15-7.04-3.54-10.92-10.06-13.09-14.99-.1,3.43.27,7.84,2.06,12.47,1.05,2.72,2.34,5.93,5.6,8.13,1.01.68,1.94,1.08,2.6,1.32-2.08-.06-5.4-.42-8.82-2.21-6.09-3.17-6.93-7.92-11.97-11.03-2.61-1.6-7.03-3.19-14.56-1.83.63.13,6.59,1.41,8.14,6.1.13.39,1.1,3.43-.36,4.84-1.61,1.56-5.5.48-7.99-1.21-5.6-3.8-2.58-9.67-7.9-14.83-4.32-4.19-11.2-5.06-13.55-5.36-4.2-.53-5.3.31-8.19-.95-5.63-2.44-7.58-8.27-7.68-8.59-1.1-3.46-.54-6.45-.2-7.79-.94,1.63-4.29,7.88-1.89,13.86,2.24,5.6,8.53,8.47,10.45,9.36,4.23,1.94,6.56,1.5,9.28,4.3,2.5,2.57,3.2,5.69,3.31,6.23.77,3.64-.68,5.06-.43,8.7.14,1.95.78,4.83,3.33,8.26-1.14-.49-2.82-1.31-4.6-2.66-4.43-3.36-4.97-6.53-8.11-8.96-1.82-1.41-4.85-2.82-10.09-2.54,2.02,1.28,4.82,3.46,6.93,6.93,2.15,3.54,2.13,6.06,3.15,8.51,1.42,3.43,5.25,7.62,16.15,10.29-7.07,4.32-10.99,4.02-13.28,2.91-4.12-2-4.19-7.24-10.05-9.59-2.73-1.09-5.14-.93-5.77-.88-3.2.28-5.48,1.76-6.51,2.53,2.19-.3,5.44-.37,7.72,1.59,2.44,2.11,1.86,4.93,4.13,8.43,2.29,3.53,5.74,5.06,7.6,5.89,6.7,2.98,15.45,1.24,22.69-4.15Z"/>
<path class="st2" d="M967.52,333.56c-2.01-1.84-4.38-3.8-7.12-5.75-3.08-2.19-6.03-3.92-8.68-5.3,1.83-.4,8.41-1.63,15.14,2.05,4.48,2.44,6.94,5.91,8.02,7.7"/>
<path class="st2" d="M977.34,316.3c-1.09-2.19-2.82-5.09-5.48-8.04-3.27-3.61-4.42-2.83-7.53-6.3-2.66-2.98-4.4-6.3-6.64-10.56-.79-1.5-1.4-2.78-1.82-3.68"/>
<path class="st2" d="M986.75,315.3c-1.4-3.05-3.33-6.63-5.98-10.4-2.68-3.82-5.44-6.88-7.86-9.25"/>
<path class="st2" d="M1001.24,318.08c-.72-2.37-2.03-5.86-4.5-9.58-1.37-2.06-4.73-7.2-10.4-11.38-1.47-1.09-3.68-2.54-5.73-5.4-1.11-1.56-1.81-3-2.22-4.01"/>
<path class="st3" d="M990.5,336.25v7.84l5.39,4.44c-.35-2.05-.69-4.1-1.04-6.14-1.45-2.05-2.9-4.1-4.35-6.14Z"/>
<path class="st2" d="M969.48,326.27c-2.46-3.01-5.44-6.27-9-9.58-2.83-2.63-5.6-4.88-8.19-6.79,2.9.51,7.17,1.61,11.79,4.18,5,2.77,8.37,6.12,10.36,8.43"/>
</g>
<!-- Mapa_Piaui (Piauí state silhouette) -->
<g id="Mapa_Piaui">
<path class="st3" d="M964.89,340.64c-2.23-3.16-9.12-3.36-22.83-3.64-11.78-.24-13.77.68-15.22,1.79-4.62,3.55-3.16,8.72-5.99,16.67-4.4,12.39-11.76,10.57-17.47,21.96-7.27,14.52-2.52,31.87-1,37.43,2.71,9.91,5.41,10.19,6.49,18.96,1.52,12.42-3.55,14.63-1.75,25.2,2.1,12.31,9.8,14.15,8.73,23.39-.76,6.52-5.4,12.5-10.48,15.54-7.08,4.24-10.59.14-19.71,4.99-6.23,3.31-10.35,8.29-11.73,9.98-2.83,3.48-4.31,6.44-4.99,7.74-6.39,12.06-16.87,16.45-25.2,26.2-9.5,11.12-11.7,23.94-12.56,28.94-3.33,19.4,6.34,20.73,8.07,51.9.68,12.36-.37,20.52,5.74,28.7,2.15,2.88,2.78,2.53,13.97,10.98,16.71,12.61,19.42,16.49,25.7,16.22,2.84-.12,6.13-1.91,12.73-5.49,4.12-2.23,9.5-5.49,17.47-11.75,12.07-9.47,18.11-14.2,19.71-19.7,2.14-7.33.15-16.27-.25-17.97-1.45-6.16-4.11-10.77-1.74-14.72.53-.89,1.56-2.14,4.24-3.39,8.96-4.17,15.15,1.62,25.95.4,4.23-.48,9.14-3.15,18.96-8.48,8.44-4.59,12.66-6.88,16.22-10.73,4.31-4.67,4.05-6.97,10.48-19.21.55-1.05,4.6-8.71,9.73-16.72,10.59-16.51,13.72-15.62,16.22-23.7.56-1.82.92-3.52,1.02-23.95.04-7.37.02-13.48,0-17.72-.46-2.33-1.44-5.71-3.81-8.98-3.31-4.58-7.3-6.15-9.93-7.74-10.86-6.54-14.14-22.7-16.22-32.94-1.97-9.67-1.31-16.16-6.99-21.71-2.37-2.32-2.95-1.64-6.38-4.61-1.69-1.47-9.35-8.1-11.33-18.34-1.37-7.04,1.41-8.25-.75-13.97-1.68-4.47-3.65-4.44-7.98-10.98-2.18-3.29-5.14-7.75-6.49-13.47-2.25-9.57,2.28-12.94-.63-17.07Z"/>
</g>
<!-- Fenix_Asas (phoenix wings) -->
<g id="Fenix_Asas">
<path class="st1" d="M981.73,400.1c4.03.58,9.99,1.14,17.19.7,9.62-.59,14.98-.85,20.46-4.38,8.97-5.79,13.46-16.27,13.45-25.07,0-5.03-1.48-9.45-2.2-11.62-2.52-7.58-4.88-7.72-6.43-13.59-.49-1.87-2.44-10.16,1.96-18.14.23-.42,2.65-4.71,7.1-7.78,12.8-8.84,31.46-.08,32.73.54-.34-.08-3.07-.67-5.11,1.12-.86.75-1.27,1.64-1.46,2.19,1.51-.03,3.83.03,6.57.58,6.5,1.31,9.75,4.24,13.89,6.12,3.53,1.6,9.02,3.03,17.24,1.66-.67.98-2.8,3.83-6.77,5.11-2.77.89-5.17.61-6.39.38,5.78,4.22,10.24,7.93,13.23,10.54,5.69,4.96,7.97,7.53,12.53,9.28,4.72,1.82,9.16,1.71,12.1,1.36-.51.92-2.23,3.73-5.81,5.22-4.53,1.89-8.6.23-9.36-.1,6.09,5.48,10.29,10.44,12.99,13.95,7.92,10.29,11.88,15.43,12.24,16,.75,1.17,2.01,3.2,4.43,5.02,3.3,2.48,6.93,3.22,9.43,3.46-.94.96-3.17,2.96-6.67,3.83-4.66,1.16-8.44-.46-9.56-.99,5.55,7.91,8.5,14.87,10.15,19.61,4.82,13.88,3.6,23.45,11.53,34.88,2.41,3.47,4.85,5.94,6.4,7.39-1.84-.08-5.41-.47-9.16-2.66-4.85-2.82-7.1-6.93-7.9-8.59,2.41,10.57,3.72,19.57,4.49,26.27,1.28,11.29,2.33,21.01.76,33.55-.83,6.65-2.14,12.04-3.15,15.66.14-3.28-.11-7.67-1.67-12.51-.53-1.64-1.14-3.12-1.77-4.43,2.5,14.94.67,26.05-1.38,33.3-2.85,10.08-8.52,21.07-14.91,33.46-2.14,4.15-4.14,7.8-6.67,13.73-3.46,8.1-5.61,15.03-6.9,19.7-.46-3.35-.76-7.16-.69-11.33.15-9.13,1.96-16.79,3.84-22.46-7.68,17-15.93,29.1-22.18,37.13-5.6,7.19-10.76,12.61-15.55,22.47-4.89,10.06-6.76,19.33-7.58,25.67-4.69-14.48-3.73-25.03-2.08-31.88,2.09-8.69,5.69-13.03,12.41-29.46,3.37-8.24,5.71-15.08,7.11-19.4-2.29,1.26-5.82,3.34-9.87,6.28-6.26,4.55-10.26,8.63-11.92,10.26-12.03,11.83-28.13,19.68-32.33,21.73-11.78,5.75-13.35,4.02-27.21,9.87-12.8,5.4-22.52,11.55-28.83,15.98,3.3-6.17,8.76-14.81,17.46-23.16,12.57-12.06,22.98-14.9,34.65-22.45,10.23-6.62,23.31-18.07,34.72-39.15-6.14,5.82-17.22,14.77-33.44,20.34-23.96,8.22-44.77,4.14-53.4,1.92,10.66-1.14,39.59-5.67,65.32-28.92,18.25-16.49,26.72-35,30.49-45.15-.37.75-4.43,8.63-11.66,9.05-1.07.06-2.51-.02-4.19-.6,2.05-1.47,7.62-5.89,9.87-13.76,3.72-13.05-5.1-23.71-5.89-24.62.58,3.12,1.39,10.01-1.87,17.44-1.41,3.2-3.19,5.65-4.73,7.39-.3-3.6-1.04-8.19-2.76-13.3-1.39-4.11-3.07-7.54-4.63-10.25.19,2.44.22,5.45-.2,8.87-.44,3.6-1.25,6.66-2.07,9.06-1.05-7.56-3.85-12.73-5.71-15.57-3.73-5.67-7.93-8.89-8.87-9.57-4.81-3.52-7-3.12-10.39-5.56-2.31-1.66-4.96-4.48-8.63-16.35-4.97-16.03-6.02-29.88-10.83-35.12-2.44-2.65-5.7-5.89-5.7-5.89-1.71-1.69-2.6-2.51-3.18-3.08-2.05-2.03-4.72-5.41-7.07-11.22Z"/>
<path class="st1" d="M839.31,398.91c-2.03-.29-5.66-1.11-9.01-3.84-4.75-3.87-5.95-9.18-6.67-12.46-2.19-9.98,1.32-18.65,2.57-21.63,3.96-9.43,8.79-11.19,9.73-19.98.48-4.47-.42-7.27-.97-8.64-1.98-4.91-5.94-7.45-7.68-8.54-5.45-3.4-11.02-3.56-21.91-3.76-3.79-.07-6.91.05-9.01.16.85.19,2.99.78,4.58,2.73.6.74.98,1.49,1.21,2.09-2.18.04-5.45.31-9.17,1.53-4.43,1.46-6.25,3.21-9.73,4.74-2.97,1.31-7.5,2.62-13.99,2.17.72.96,2.1,2.55,4.34,3.78,2.75,1.5,5.32,1.65,6.57,1.64-2.52,1.81-6.31,4.62-10.75,8.33-4.63,3.87-5.75,5.18-7.96,6.75-3.55,2.52-9.29,5.27-18.65,5.55.75,1.07,3.06,4.08,7.32,5.47,3.18,1.04,5.92.68,7.24.41-2.67,1.99-6.8,5.43-10.78,10.59-5.91,7.67-6.31,12.44-11.58,17.86-2.69,2.77-7.35,6.42-15.46,8.66,1.37,1.06,4.5,3.18,9.03,3.73,3.35.4,6.07-.23,7.64-.72-2.71,3.67-6.49,9.47-9.49,17.21-3.53,9.11-3.31,14.06-5.92,22.28-1.87,5.91-5.42,14.19-12.82,23.39,2.81-.83,6.53-2.27,10.45-4.82,2.72-1.78,4.88-3.66,6.51-5.31-1.9,7.14-3.56,15.43-4.45,24.72-1.74,18.2.06,33.82,2.44,45.47.14-2.52.63-5.69,1.97-9.1.41-1.05.86-2.01,1.32-2.88-1.4,13.27.07,23.62,1.59,30.44,3.86,17.31,12.96,33.63,15.56,38.3,1.44,2.58,3.51,6.12,6,11.59,3.58,7.88,5.68,14.64,6.89,19.04.31-4.55.45-9.51.32-14.83-.12-5.18-.48-10-.97-14.42,5.16,11.14,10.44,19.55,14.34,25.2,9.29,13.46,15.54,18.22,21.69,30.57,4.39,8.8,6.4,16.77,7.41,22.12,1.66-10.93,2.81-29.62-4.87-50.19-2.66-7.12-5.89-13.16-9.06-18.13-.68-1.07,8.12,9.85,19.3,20.51,17.21,16.41,27.42,17.04,52.73,35.24,5.92,4.26,14.48,10.78,24.27,19.69-2.53-7.51-6.82-17.65-14.23-28.36-7.49-10.82-15.56-18.46-21.73-23.49,13.29,10.59,25.51,15.92,33.53,18.71,7.15,2.49,17.29,6.01,30.51,6.73,4.88.26,7.9.02,13.11,1.33,1.57.4,6.39,1.7,19.25,9,3.17,1.8,7.48,4.34,12.51,7.57-3.37-6.65-9.24-16.15-19.23-24.43-12.18-10.09-22.11-11.44-37.82-18.91-18.06-8.59-29.81-18.65-38.99-26.51-11.81-10.11-29.87-28.45-44.69-58.71,1.29.24,2.71.63,4.17,1.3,6.5,2.93,9.4,8.99,10.37,11.33.09-3.86-.13-9.61-1.92-16.21-3.36-12.41-9.3-16.41-10.53-26.29-.53-4.28-.44-10.88,3.41-19.49-.03,3.61.3,7.97,1.46,12.77,3.01,12.38,9.9,20.73,14.02,24.97-2.01-3.93-5.56-12.32-4.27-22.82.47-3.82,1.48-7.07,2.53-9.65.37,4.63,1.48,11.22,4.78,18.42,1.89,4.14,4.06,7.51,6.04,10.14-.11-5.53.18-11.91,1.27-18.91.56-3.6,1.26-6.95,2.05-10.04.7,2.35,1.64,4.99,2.92,7.8,1.62,3.55,3.41,6.54,5.07,8.97-.6-2.73-1.06-6.54-.39-10.97.25-1.62.61-3.09,1.01-4.39.95,2.47,2.93,6.68,6.98,10.59,3.07,2.97,6.21,4.68,8.38,5.65-.89-2.45-1.78-5.65-2.14-9.45-.22-2.28-.21-4.35-.1-6.14,1.26,1.73,3.38,4.22,6.63,6.43,2.94,2,5.74,3.04,7.7,3.61-.23-.3-2.77-3.67-1.46-7.6.78-2.35,2.51-3.62,3.16-4.06-5.3-3.99-12.48-10.02-19.8-18.47-5.65-6.53-13.96-16.29-19.8-31.34-2.68-6.9-6.1-18.15-6.37-32.72l.49-9.01Z"/>
</g>
</g>
<!-- End phoenix symbol -->
<!-- "PhiaUI" text — glow pass then main -->
<text x="164" y="105"
font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
font-size="54" font-weight="700" letter-spacing="-0.5"
fill="#FBBF24" opacity="0.20" filter="url(#txtGlowFilter)">PhiaUI</text>
<text x="164" y="105"
font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
font-size="54" font-weight="700" letter-spacing="-0.5"
fill="url(#textGrad)">PhiaUI</text>
<!-- Tagline -->
<text x="164" y="130"
font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
font-size="11" font-weight="400" letter-spacing="3"
fill="#FB923C" opacity="0.75">584 PHOENIX LIVEVIEW COMPONENTS</text>
</g>
</svg>