Skip to content

Commit 0f35c60

Browse files
github-actions[bot]ridemountainpig
github-actions[bot]
and
ridemountainpig
authored
Add Google Antigravity & Bklit component (#78)
Co-authored-by: ridemountainpig <92412722+ridemountainpig@users.noreply.github.com>
1 parent 29adfed commit 0f35c60

File tree

6 files changed

+567
-0
lines changed

6 files changed

+567
-0
lines changed

‎docs/content/docs/components.mdx‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,14 @@ description: Explore the full collection of React Svgl components. Instantly sea
3333

3434
---
3535

36+
## Google Antigravity [Google]
37+
38+
```ts
39+
<GoogleAntigravity />
40+
```
41+
42+
---
43+
3644
## Kimi [AI]
3745

3846
```ts
@@ -5138,3 +5146,15 @@ description: Explore the full collection of React Svgl components. Instantly sea
51385146
```ts tab="dark"
51395147
<FormanceDark />
51405148
```
5149+
5150+
---
5151+
5152+
## Bklit [Analytics,Software]
5153+
5154+
```ts tab="light"
5155+
<BklitLight />
5156+
```
5157+
5158+
```ts tab="dark"
5159+
<BklitDark />
5160+
```

‎src/components/BklitDark.tsx‎

Lines changed: 131 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
import * as React from "react";
2+
import type { SVGProps } from "react";
3+
const BklitDark = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
fill="none"
7+
viewBox="0 0 256 256"
8+
width="100%"
9+
height="100%"
10+
preserveAspectRatio="xMidYMid meet"
11+
{...props}
12+
>
13+
<g clipPath="url(#BklitDark__a)">
14+
<mask
15+
id="BklitDark__c"
16+
width={256}
17+
height={257}
18+
x={0}
19+
y={0}
20+
maskUnits="userSpaceOnUse"
21+
style={{
22+
maskType: "alpha",
23+
}}
24+
>
25+
<rect width={256} height={257} fill="url(#BklitDark__b)" rx={64} />
26+
</mask>
27+
<g mask="url(#BklitDark__c)">
28+
<rect width={256} height={256} fill="#fff" rx={20} />
29+
<path
30+
fill="url(#BklitDark__d)"
31+
d="M76.023 132.081s13.407-22.163 44.325-22.163c28.825 0 44.325 22.163 44.325 22.163s-13.552 22.163-44.325 22.162c-28.645 0-44.325-22.162-44.325-22.162"
32+
style={{
33+
mixBlendMode: "luminosity",
34+
}}
35+
/>
36+
<path
37+
fill="url(#BklitDark__e)"
38+
d="M175.754 165.325c0 26.776-20.771 55.406-55.406 55.406v-66.487s27.811 1.377 44.325-22.163c8.421 11.265 11.081 23.025 11.081 33.244"
39+
style={{
40+
mixBlendMode: "luminosity",
41+
}}
42+
/>
43+
<path
44+
fill="url(#BklitDark__f)"
45+
d="M64.941 165.325c0 26.776 20.771 55.406 55.407 55.406v-66.487s-25.934 1.45-44.325-22.163C67.6 143.346 64.94 155.106 64.94 165.325"
46+
/>
47+
<path
48+
fill="url(#BklitDark__g)"
49+
d="M64.941 98.837c0-26.776 20.771-55.406 55.407-55.406v66.488s-27.812-1.378-44.325 22.162C67.6 120.816 64.94 109.056 64.94 98.837"
50+
/>
51+
<path
52+
fill="url(#BklitDark__h)"
53+
d="M175.754 98.837c0-26.776-20.771-55.406-55.406-55.406v66.488s26.157-1.352 44.325 22.162c8.421-11.265 11.081-23.025 11.081-33.244"
54+
/>
55+
</g>
56+
</g>
57+
<defs>
58+
<linearGradient
59+
id="BklitDark__b"
60+
x1={0}
61+
x2={256.998}
62+
y1={0}
63+
y2={255.998}
64+
gradientUnits="userSpaceOnUse"
65+
>
66+
<stop stopColor="#ff6363" />
67+
<stop offset={1} stopColor="#d72a2a" />
68+
</linearGradient>
69+
<linearGradient
70+
id="BklitDark__d"
71+
x1={164.673}
72+
x2={76.023}
73+
y1={132.081}
74+
y2={132.081}
75+
gradientUnits="userSpaceOnUse"
76+
>
77+
<stop />
78+
<stop offset={0.483} stopOpacity={0.8} />
79+
<stop offset={1} />
80+
</linearGradient>
81+
<linearGradient
82+
id="BklitDark__e"
83+
x1={120.348}
84+
x2={175.754}
85+
y1={220.731}
86+
y2={110.095}
87+
gradientUnits="userSpaceOnUse"
88+
>
89+
<stop />
90+
<stop offset={1} stopOpacity={0.5} />
91+
</linearGradient>
92+
<linearGradient
93+
id="BklitDark__f"
94+
x1={120.348}
95+
x2={64.941}
96+
y1={220.731}
97+
y2={110.095}
98+
gradientUnits="userSpaceOnUse"
99+
>
100+
<stop stopColor="#787878" stopOpacity={0} />
101+
<stop offset={0.745} stopColor="#787878" stopOpacity={0.5} />
102+
</linearGradient>
103+
<linearGradient
104+
id="BklitDark__g"
105+
x1={120.348}
106+
x2={64.941}
107+
y1={43.431}
108+
y2={154.067}
109+
gradientUnits="userSpaceOnUse"
110+
>
111+
<stop />
112+
<stop offset={1} stopOpacity={0.5} />
113+
</linearGradient>
114+
<linearGradient
115+
id="BklitDark__h"
116+
x1={120.348}
117+
x2={175.754}
118+
y1={43.431}
119+
y2={154.067}
120+
gradientUnits="userSpaceOnUse"
121+
>
122+
<stop stopColor="#787878" stopOpacity={0} />
123+
<stop offset={0.75} stopColor="#787878" stopOpacity={0.5} />
124+
</linearGradient>
125+
<clipPath id="BklitDark__a">
126+
<path fill="#fff" d="M0 0h256v256H0z" />
127+
</clipPath>
128+
</defs>
129+
</svg>
130+
);
131+
export default BklitDark;

‎src/components/BklitLight.tsx‎

Lines changed: 131 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
import * as React from "react";
2+
import type { SVGProps } from "react";
3+
const BklitLight = (props: SVGProps<SVGSVGElement>) => (
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
fill="none"
7+
viewBox="0 0 256 256"
8+
width="100%"
9+
height="100%"
10+
preserveAspectRatio="xMidYMid meet"
11+
{...props}
12+
>
13+
<g clipPath="url(#BklitLight__a)">
14+
<mask
15+
id="BklitLight__c"
16+
width={256}
17+
height={257}
18+
x={0}
19+
y={0}
20+
maskUnits="userSpaceOnUse"
21+
style={{
22+
maskType: "alpha",
23+
}}
24+
>
25+
<rect width={256} height={257} fill="url(#BklitLight__b)" rx={64} />
26+
</mask>
27+
<g mask="url(#BklitLight__c)">
28+
<rect width={256} height={256} fill="#000" rx={20} />
29+
<path
30+
fill="url(#BklitLight__d)"
31+
d="M76.023 132.081s13.407-22.163 44.325-22.163c28.825 0 44.325 22.163 44.325 22.163s-13.552 22.163-44.325 22.162c-28.645 0-44.325-22.162-44.325-22.162"
32+
style={{
33+
mixBlendMode: "luminosity",
34+
}}
35+
/>
36+
<path
37+
fill="url(#BklitLight__e)"
38+
d="M175.754 165.325c0 26.776-20.771 55.406-55.406 55.406v-66.487s27.811 1.377 44.325-22.163c8.421 11.265 11.081 23.025 11.081 33.244"
39+
style={{
40+
mixBlendMode: "luminosity",
41+
}}
42+
/>
43+
<path
44+
fill="url(#BklitLight__f)"
45+
d="M64.941 165.325c0 26.776 20.771 55.406 55.407 55.406v-66.487s-25.934 1.45-44.325-22.163C67.6 143.346 64.94 155.106 64.94 165.325"
46+
/>
47+
<path
48+
fill="url(#BklitLight__g)"
49+
d="M64.941 98.837c0-26.776 20.771-55.406 55.407-55.406v66.488s-27.812-1.378-44.325 22.162C67.6 120.816 64.94 109.056 64.94 98.837"
50+
/>
51+
<path
52+
fill="url(#BklitLight__h)"
53+
d="M175.754 98.837c0-26.776-20.771-55.406-55.406-55.406v66.488s26.157-1.352 44.325 22.162c8.421-11.265 11.081-23.025 11.081-33.244"
54+
/>
55+
</g>
56+
</g>
57+
<defs>
58+
<linearGradient
59+
id="BklitLight__b"
60+
x1={0}
61+
x2={256.998}
62+
y1={0}
63+
y2={255.998}
64+
gradientUnits="userSpaceOnUse"
65+
>
66+
<stop stopColor="#ff6363" />
67+
<stop offset={1} stopColor="#d72a2a" />
68+
</linearGradient>
69+
<linearGradient
70+
id="BklitLight__d"
71+
x1={164.673}
72+
x2={76.023}
73+
y1={132.081}
74+
y2={132.081}
75+
gradientUnits="userSpaceOnUse"
76+
>
77+
<stop stopColor="#fff" />
78+
<stop offset={0.483} stopColor="#fff" stopOpacity={0.8} />
79+
<stop offset={1} stopColor="#fff" />
80+
</linearGradient>
81+
<linearGradient
82+
id="BklitLight__e"
83+
x1={120.348}
84+
x2={175.754}
85+
y1={220.731}
86+
y2={110.095}
87+
gradientUnits="userSpaceOnUse"
88+
>
89+
<stop stopColor="#fff" />
90+
<stop offset={1} stopColor="#fff" stopOpacity={0.5} />
91+
</linearGradient>
92+
<linearGradient
93+
id="BklitLight__f"
94+
x1={120.348}
95+
x2={64.941}
96+
y1={220.731}
97+
y2={110.095}
98+
gradientUnits="userSpaceOnUse"
99+
>
100+
<stop stopColor="#787878" stopOpacity={0} />
101+
<stop offset={0.745} stopColor="#787878" stopOpacity={0.5} />
102+
</linearGradient>
103+
<linearGradient
104+
id="BklitLight__g"
105+
x1={120.348}
106+
x2={64.941}
107+
y1={43.431}
108+
y2={154.067}
109+
gradientUnits="userSpaceOnUse"
110+
>
111+
<stop stopColor="#fff" />
112+
<stop offset={1} stopColor="#fff" stopOpacity={0.5} />
113+
</linearGradient>
114+
<linearGradient
115+
id="BklitLight__h"
116+
x1={120.348}
117+
x2={175.754}
118+
y1={43.431}
119+
y2={154.067}
120+
gradientUnits="userSpaceOnUse"
121+
>
122+
<stop stopColor="#787878" stopOpacity={0} />
123+
<stop offset={0.75} stopColor="#787878" stopOpacity={0.5} />
124+
</linearGradient>
125+
<clipPath id="BklitLight__a">
126+
<path fill="#fff" d="M0 0h256v256H0z" />
127+
</clipPath>
128+
</defs>
129+
</svg>
130+
);
131+
export default BklitLight;

0 commit comments

Comments
 (0)