fancy-ui-react 0.2.1 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -20
- package/dist/components/animated-beam/AnimatedBeam.d.ts +47 -11
- package/dist/components/animated-beam/AnimatedBeam.js +293 -118
- package/dist/components/animated-tooltip/AnimatedTooltip.d.ts +10 -1
- package/dist/components/animated-tooltip/AnimatedTooltip.js +170 -101
- package/dist/components/bento-grid/BentoFrame.d.ts +16 -0
- package/dist/components/bento-grid/BentoFrame.js +28 -0
- package/dist/components/bento-grid/BentoGrid.d.ts +5 -1
- package/dist/components/bento-grid/BentoGrid.js +71 -2
- package/dist/components/bento-grid/BentoGridCard.js +34 -26
- package/dist/components/bento-grid/BentoGridItem.js +10 -10
- package/dist/components/border-beam/BorderBeam.d.ts +55 -10
- package/dist/components/border-beam/BorderBeam.js +93 -16
- package/dist/components/button/Button.js +5 -1
- package/dist/components/compare/Compare.d.ts +32 -8
- package/dist/components/compare/Compare.js +213 -95
- package/dist/components/container-scroll/ContainerScroll.d.ts +26 -4
- package/dist/components/container-scroll/ContainerScroll.js +88 -49
- package/dist/components/datamosh-transition/DatamoshTransition.d.ts +76 -0
- package/dist/components/datamosh-transition/DatamoshTransition.js +368 -0
- package/dist/components/datamosh-transition/datamosh-transition-core.d.ts +180 -0
- package/dist/components/datamosh-transition/datamosh-transition-core.js +370 -0
- package/dist/components/datamosh-transition/index.d.ts +3 -0
- package/dist/components/dock/Dock.d.ts +10 -7
- package/dist/components/dock/Dock.js +76 -31
- package/dist/components/dock/DockIcon.d.ts +14 -3
- package/dist/components/dock/DockIcon.js +23 -19
- package/dist/components/dock/DockSeparator.d.ts +4 -1
- package/dist/components/dock/DockSeparator.js +5 -2
- package/dist/components/dock/types.d.ts +13 -6
- package/dist/components/dropdown-menu/menu-shared.d.ts +11 -8
- package/dist/components/editorial-engine/engine.js +1 -14
- package/dist/components/fireworks-hdr/webgl2-renderer.js +0 -19
- package/dist/components/fireworks-hdr/webgpu-renderer.js +3 -22
- package/dist/components/flip-card/FlipCard.d.ts +42 -1
- package/dist/components/flip-card/FlipCard.js +178 -25
- package/dist/components/flip-card/index.d.ts +1 -1
- package/dist/components/fluid-cursor/FluidCursor.js +5 -4
- package/dist/components/fluid-cursor/dev.d.ts +1 -0
- package/dist/components/fluid-cursor/dev.js +8 -0
- package/dist/components/fluid-cursor/fluid-shared.d.ts +0 -2
- package/dist/components/fluid-cursor/fluid-shared.js +0 -2
- package/dist/components/fluid-cursor/webgpu-engine.js +10 -24
- package/dist/components/glow-border/GlowBorder.d.ts +41 -1
- package/dist/components/glow-border/GlowBorder.js +96 -16
- package/dist/components/glow-border/index.d.ts +2 -2
- package/dist/components/gradient-button/GradientButton.d.ts +10 -5
- package/dist/components/gradient-button/GradientButton.js +25 -18
- package/dist/components/image-trail-cursor/ImageTrailCursor.js +1 -0
- package/dist/components/image-trail-cursor/trail-variants.d.ts +37 -1
- package/dist/components/image-trail-cursor/trail-variants.js +331 -8
- package/dist/components/interactive-hover-button/InteractiveHoverButton.js +30 -35
- package/dist/components/marquee/Marquee.d.ts +7 -3
- package/dist/components/marquee/Marquee.js +134 -2
- package/dist/components/marquee/ReviewCard.d.ts +2 -1
- package/dist/components/marquee/ReviewCard.js +20 -9
- package/dist/components/meteors/Meteors.d.ts +32 -10
- package/dist/components/meteors/Meteors.js +53 -20
- package/dist/components/mosaic-glow/mosaic-glow-core.d.ts +98 -10
- package/dist/components/neon-border/NeonBorder.d.ts +24 -5
- package/dist/components/neon-border/NeonBorder.js +37 -7
- package/dist/components/pagination/Pagination.js +220 -82
- package/dist/components/rainbow-button/RainbowButton.js +13 -5
- package/dist/components/ripple-button/RippleButton.d.ts +20 -1
- package/dist/components/ripple-button/RippleButton.js +44 -21
- package/dist/components/shimmer-button/ShimmerButton.d.ts +5 -5
- package/dist/components/shimmer-button/ShimmerButton.js +17 -19
- package/dist/components/smooth-cursor/SmoothCursor.d.ts +13 -9
- package/dist/components/smooth-cursor/SmoothCursor.js +114 -163
- package/dist/components/smooth-cursor/smooth-cursor-core.d.ts +85 -0
- package/dist/components/smooth-cursor/smooth-cursor-core.js +327 -0
- package/dist/components/stepper/Step.js +32 -19
- package/dist/components/stepper/Stepper.js +18 -2
- package/dist/components/stepper/types.d.ts +13 -0
- package/dist/components/timeline/Timeline.d.ts +8 -1
- package/dist/components/timeline/Timeline.js +165 -76
- package/dist/index.d.ts +1 -0
- package/dist/index.js +6 -1
- package/dist/internals/markdown.d.ts +5 -0
- package/dist/internals/motion/haptics.d.ts +0 -4
- package/dist/internals/motion/presence-core.d.ts +59 -0
- package/dist/internals/motion/presence-core.js +162 -0
- package/dist/internals/motion/presence.d.ts +2 -4
- package/dist/internals/motion/presence.js +1 -156
- package/dist/internals/motion/raf.d.ts +1 -1
- package/dist/internals/motion/stagger.d.ts +3 -4
- package/dist/internals/motion/tokens.js +4 -0
- package/dist/internals/motion/transitions.d.ts +17 -17
- package/dist/internals/motion/types.d.ts +6 -7
- package/dist/internals/relative-time.d.ts +1 -1
- package/dist/styles.css +3545 -204
- package/package.json +18 -2
- package/dist/components/fireworks-hdr/webgpu-types.d.ts +0 -159
package/package.json
CHANGED
|
@@ -1,8 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fancy-ui-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Animated UI components for React — the React counterpart of fancy-ui-svelte. WebGL, GSAP and CSS motion, styled with Tailwind CSS v4.",
|
|
5
5
|
"license": "MIT",
|
|
6
|
+
"author": "Rama Herbin",
|
|
7
|
+
"funding": "https://github.com/sponsors/RamaHerbin",
|
|
8
|
+
"keywords": [
|
|
9
|
+
"react",
|
|
10
|
+
"react-components",
|
|
11
|
+
"components",
|
|
12
|
+
"component-library",
|
|
13
|
+
"animations",
|
|
14
|
+
"animated-components",
|
|
15
|
+
"motion",
|
|
16
|
+
"ui",
|
|
17
|
+
"ui-library",
|
|
18
|
+
"tailwind",
|
|
19
|
+
"tailwindcss"
|
|
20
|
+
],
|
|
6
21
|
"type": "module",
|
|
7
22
|
"homepage": "https://github.com/RamaHerbin/fancy-ui/tree/main/react",
|
|
8
23
|
"bugs": {
|
|
@@ -70,11 +85,12 @@
|
|
|
70
85
|
},
|
|
71
86
|
"devDependencies": {
|
|
72
87
|
"@testing-library/jest-dom": "^6.6.3",
|
|
73
|
-
"@types/three": "^0.183.1",
|
|
74
88
|
"@testing-library/react": "^16.3.0",
|
|
75
89
|
"@types/react": "^19.1.0",
|
|
76
90
|
"@types/react-dom": "^19.1.0",
|
|
91
|
+
"@types/three": "^0.183.1",
|
|
77
92
|
"@vitejs/plugin-react": "^4.6.0",
|
|
93
|
+
"@webgpu/types": "^0.1.71",
|
|
78
94
|
"jsdom": "^26.1.0",
|
|
79
95
|
"publint": "^0.3.18",
|
|
80
96
|
"react": "^19.1.0",
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
/** Texture format string (`"rgba16float"` is the only one used here). */
|
|
2
|
-
export type GPUTextureFormat = string;
|
|
3
|
-
/** Render-pass load operation. */
|
|
4
|
-
export type GPULoadOp = "load" | "clear";
|
|
5
|
-
export interface GPUTextureView {
|
|
6
|
-
readonly __brand?: "GPUTextureView";
|
|
7
|
-
}
|
|
8
|
-
export interface GPUTexture {
|
|
9
|
-
createView(): GPUTextureView;
|
|
10
|
-
destroy(): void;
|
|
11
|
-
}
|
|
12
|
-
export interface GPUBuffer {
|
|
13
|
-
destroy?(): void;
|
|
14
|
-
}
|
|
15
|
-
export interface GPUSampler {
|
|
16
|
-
readonly __brand?: "GPUSampler";
|
|
17
|
-
}
|
|
18
|
-
export interface GPUShaderModule {
|
|
19
|
-
readonly __brand?: "GPUShaderModule";
|
|
20
|
-
}
|
|
21
|
-
export interface GPUBindGroup {
|
|
22
|
-
readonly __brand?: "GPUBindGroup";
|
|
23
|
-
}
|
|
24
|
-
export interface GPUBindGroupLayout {
|
|
25
|
-
readonly __brand?: "GPUBindGroupLayout";
|
|
26
|
-
}
|
|
27
|
-
export interface GPUPipelineLayout {
|
|
28
|
-
readonly __brand?: "GPUPipelineLayout";
|
|
29
|
-
}
|
|
30
|
-
export interface GPURenderPipeline {
|
|
31
|
-
readonly __brand?: "GPURenderPipeline";
|
|
32
|
-
}
|
|
33
|
-
export interface GPUCommandBuffer {
|
|
34
|
-
readonly __brand?: "GPUCommandBuffer";
|
|
35
|
-
}
|
|
36
|
-
export interface GPURenderPassEncoder {
|
|
37
|
-
setPipeline(pipeline: GPURenderPipeline): void;
|
|
38
|
-
setBindGroup(index: number, bindGroup: GPUBindGroup): void;
|
|
39
|
-
setVertexBuffer(slot: number, buffer: GPUBuffer): void;
|
|
40
|
-
draw(vertexCount: number, instanceCount?: number): void;
|
|
41
|
-
end(): void;
|
|
42
|
-
}
|
|
43
|
-
export interface GPUColorAttachment {
|
|
44
|
-
view: GPUTextureView;
|
|
45
|
-
loadOp: GPULoadOp;
|
|
46
|
-
storeOp: "store" | "discard";
|
|
47
|
-
clearValue?: {
|
|
48
|
-
r: number;
|
|
49
|
-
g: number;
|
|
50
|
-
b: number;
|
|
51
|
-
a: number;
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
export interface GPUCommandEncoder {
|
|
55
|
-
beginRenderPass(descriptor: {
|
|
56
|
-
colorAttachments: GPUColorAttachment[];
|
|
57
|
-
}): GPURenderPassEncoder;
|
|
58
|
-
finish(): GPUCommandBuffer;
|
|
59
|
-
}
|
|
60
|
-
export interface GPUQueue {
|
|
61
|
-
writeBuffer(buffer: GPUBuffer, bufferOffset: number, data: ArrayBufferView | ArrayBufferLike, dataOffset?: number, size?: number): void;
|
|
62
|
-
submit(commandBuffers: GPUCommandBuffer[]): void;
|
|
63
|
-
}
|
|
64
|
-
export interface GPUDeviceLostInfo {
|
|
65
|
-
readonly reason: string;
|
|
66
|
-
readonly message: string;
|
|
67
|
-
}
|
|
68
|
-
export interface GPUUncapturedErrorEvent {
|
|
69
|
-
readonly error: {
|
|
70
|
-
readonly message: string;
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
/** Descriptor bags are typed loosely on purpose — they are write-only literals. */
|
|
74
|
-
export interface GPUDevice {
|
|
75
|
-
readonly lost: Promise<GPUDeviceLostInfo>;
|
|
76
|
-
readonly queue: GPUQueue;
|
|
77
|
-
addEventListener(type: string, listener: (event: unknown) => void): void;
|
|
78
|
-
createShaderModule(descriptor: {
|
|
79
|
-
code: string;
|
|
80
|
-
}): GPUShaderModule;
|
|
81
|
-
createBindGroupLayout(descriptor: {
|
|
82
|
-
entries: unknown[];
|
|
83
|
-
}): GPUBindGroupLayout;
|
|
84
|
-
createPipelineLayout(descriptor: {
|
|
85
|
-
bindGroupLayouts: GPUBindGroupLayout[];
|
|
86
|
-
}): GPUPipelineLayout;
|
|
87
|
-
createRenderPipeline(descriptor: {
|
|
88
|
-
layout: GPUPipelineLayout;
|
|
89
|
-
vertex: unknown;
|
|
90
|
-
fragment: unknown;
|
|
91
|
-
primitive: unknown;
|
|
92
|
-
}): GPURenderPipeline;
|
|
93
|
-
createSampler(descriptor: {
|
|
94
|
-
magFilter?: string;
|
|
95
|
-
minFilter?: string;
|
|
96
|
-
addressModeU?: string;
|
|
97
|
-
addressModeV?: string;
|
|
98
|
-
}): GPUSampler;
|
|
99
|
-
createBuffer(descriptor: {
|
|
100
|
-
size: number;
|
|
101
|
-
usage: number;
|
|
102
|
-
}): GPUBuffer;
|
|
103
|
-
createBindGroup(descriptor: {
|
|
104
|
-
layout: GPUBindGroupLayout;
|
|
105
|
-
entries: unknown[];
|
|
106
|
-
}): GPUBindGroup;
|
|
107
|
-
createTexture(descriptor: {
|
|
108
|
-
size: {
|
|
109
|
-
width: number;
|
|
110
|
-
height: number;
|
|
111
|
-
};
|
|
112
|
-
format: GPUTextureFormat;
|
|
113
|
-
usage: number;
|
|
114
|
-
}): GPUTexture;
|
|
115
|
-
createCommandEncoder(): GPUCommandEncoder;
|
|
116
|
-
destroy(): void;
|
|
117
|
-
}
|
|
118
|
-
export interface GPUAdapter {
|
|
119
|
-
requestDevice(): Promise<GPUDevice>;
|
|
120
|
-
}
|
|
121
|
-
export interface GPU {
|
|
122
|
-
requestAdapter(): Promise<GPUAdapter | null>;
|
|
123
|
-
}
|
|
124
|
-
export interface GPUCanvasConfiguration {
|
|
125
|
-
device: GPUDevice;
|
|
126
|
-
format: GPUTextureFormat;
|
|
127
|
-
alphaMode?: string;
|
|
128
|
-
colorSpace?: string;
|
|
129
|
-
toneMapping?: {
|
|
130
|
-
mode?: string;
|
|
131
|
-
};
|
|
132
|
-
}
|
|
133
|
-
export interface GPUCanvasContext {
|
|
134
|
-
configure(configuration: GPUCanvasConfiguration): void;
|
|
135
|
-
unconfigure(): void;
|
|
136
|
-
getConfiguration?(): GPUCanvasConfiguration | null;
|
|
137
|
-
getCurrentTexture(): GPUTexture;
|
|
138
|
-
}
|
|
139
|
-
/**
|
|
140
|
-
* The three WebGPU flag namespaces are runtime globals rather than types. They
|
|
141
|
-
* are read off `globalThis` at the one call site that needs them, after the
|
|
142
|
-
* adapter has already been obtained — so a browser without WebGPU never touches
|
|
143
|
-
* them.
|
|
144
|
-
*/
|
|
145
|
-
export interface WebGpuGlobals {
|
|
146
|
-
GPUShaderStage: {
|
|
147
|
-
VERTEX: number;
|
|
148
|
-
FRAGMENT: number;
|
|
149
|
-
};
|
|
150
|
-
GPUBufferUsage: {
|
|
151
|
-
UNIFORM: number;
|
|
152
|
-
COPY_DST: number;
|
|
153
|
-
VERTEX: number;
|
|
154
|
-
};
|
|
155
|
-
GPUTextureUsage: {
|
|
156
|
-
RENDER_ATTACHMENT: number;
|
|
157
|
-
TEXTURE_BINDING: number;
|
|
158
|
-
};
|
|
159
|
-
}
|